目次

• はじめに
• 結果画面の作成
  • 1. 結果画面のアクティビティを作成
  • 2. strings.xml の準備
  • 3. レイアウトを作成
• 次に行うこと

はじめに

今回はクイズの正解数とトータルスコアを表示する結果画面を作成していきます。

【完成イメージ】

結果画面の作成

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

まずは新しいアクティビティを作成して

• ResultActivity.kt
• activity_result.xml

を用意しましょう。

プロジェクト構造にあるパッケージ名（com.example.quizapp）の上で右クリックして、New → Activity → Empty Views Activity を選択します。

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

ResultActivity.kt と activity_result.xml が作成できたら、結果画面のレイアウトを作成していきましょう。

2. strings.xml の準備

クイズ画面と同じように文字列を strings.xml に用意しておきます。

10~13行目を追加します。

コードが表示されない場合はこちら

正解数を「5問中3問正解」と表示したい場合は

と書いて下さい。

3. レイアウトを作成

activity_result.xml を開いて以下のコードを書きます。

コードが表示されない場合はこちら

このような画面になりましたか？

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

android:id="@+id/resultLabel"

ここにはクイズの正解数を表示します。

「3 / 5」は 5 問中 3 問正解という意味です。正解数の表示形式はあとで変更できます。

android:id="@+id/totalScoreLabel"

ここにはクイズの累積正解数（今までに何問正解したか）を表示します。

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

もどるボタン

もう一度クイズに挑戦できるように、クイズ開始画面へもどるボタンを用意します。

次に行うこと

これで結果画面のレイアウトは完成です！

次回はクイズ結果を表示して、スコアを保存できるようにしていきます。