4択クイズアプリ

Android Studio 4択クイズアプリ開発講座 第6回「結果画面の作成」

 

この記事は Android Studio 3.x / 4.0.1 に対応しています。
Android Studio 4.1 以降のバージョンをお使いの方はこちらをお読み下さい。

 
 

前回でクイズ機能は完成したので、次は結果を表示する画面を作成していきます。

結果画面では、正解数を表示してトータルスコアが保存されるようにしていきます。
 


 

動画

動画では Android Studio 3.1.4 を使用していますが 3.6 / 4.0 でも動作確認済みです。

【Android Studio】4択クイズアプリ開発講座 #6 結果画面を作成する

 
 

解説

結果画面のファイルを作成する

まずは結果画面に必要な

  • ResultActivity.java
  • activity_result.xml

ファイルを作成します。
 

Step 1

app → java → com.codingwithsara.quizapp(パッケージ名)を選択した状態にします。
 

 

Step 2

右クリック → New → Activity → Empty Activityを選択します。
 

 

Step 3

Activity Nameに「ResultActivity」と入力し「Finish」を押します。
 

 
 

これで ResultActivity.java と activity_result.xml が作成されました。

次に activity_result.xml を開いてレイアウトを作成していきます。

 
 

レイアウトを作成

結果画面のレイアウトを作成していきます。

activity_result.xml を開いて、以下のように書いてください。

Warning が出ている箇所があると思いますが、最後に修正するのでそのままにしておいて下さい。

 
このようなレイアウトになりましたか?


 
 

第2回「クイズ画面の作成」で書いた XML とほとんど同じですが、いくつか要素をみていきましょう。
 
 

android:id="@+id/resultLabel"

この TextView にはクイズの正解数を表示します。
「3/5」は5問中3問正解という意味です。正解数の表示形式はあとで変更できます。
 
 

android:id="@+id/totalScoreLabel"

この TextView にはトータルスコアを表示します。
クイズの累積正解数(今までに何問正解したか)を表示します。

このトータルスコアはクイズデータとしてアプリに保存されるようにします。
 
 

もどるボタン

もう一度クイズに挑戦できるようにするための、クイズ画面にもどるボタンです。

クイズ画面の回答ボタンと同じように onClick="returnTop" として、ボタンが押された時に呼ぶ処理を書いています。
 
 

次に行うこと

これで結果画面のレイアウトは完成です!
次回は結果画面を表示して、スコアを保存できるようにしていきます。

第7回「クイズ結果の表示・スコアの保存」に進む
 
 

クイズアプリ開発講座の完全版について


 

もっとアプリ開発をしてみたい!自分のアプリをリリースしたい!という方のために、この講座の完全版をご用意しました。
 

完全版では

  • SQLite Databaseを使ってのクイズ管理
  • クイズカテゴリの選択
  • 正解・不正解の効果音
  • AdMob バナー・インタースティシャル広告
  • Image Asset Studio(アイコン作成ツール)の使い方

などを実装していきます。
 

これらのコードはクイズアプリ以外にも利用できるコードばかりなので、今後アプリを開発していく時に必ず役立つと思います。
 
 

さらに3つの特典

  1. Google Play Games リーダーボード・実績の実装方法
  2. 画像を使ったクイズアプリの作り方
  3. 答えを入力するクイズアプリの作り方

もご用意しました。
 

講座ボーナス
 

全手順の動画付きで、アプリの開発から公開・アップデートまで出来る講座になっています。

初めてアプリを作るという方もぜひ挑戦してみてください
 

 
 

ABOUT ME
Sara
「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
あなたにオススメのプログラミング講座

この講座では Android Studio で4択クイズアプリを開発しながら

  • SQLite データベースの使い方
  • カテゴリ別のクイズ出題
  • AdMob 広告の実装
  • Play ストアへのアプリの公開
  • Google Play ゲームとの連携

を学ぶことができます。

アプリを開発するだけでなく、アプリをリリースして広告収入を得たいという方にオススメの講座です。

guest
0 Comments
Inline Feedbacks
View all comments
0
この記事にコメントするx