【Android Studio】Kotlinでつくるクイズアプリ講座 第6回「結果画面の作成」
![](https://codeforfun.jp/wp-content/uploads/2021/11/thumb-android-quiz-kotlin.png)
ここまでの記事はこちら
今回はクイズの正解数を表示する結果画面を作成していきます。
![](https://codeforfun.jp/wp-content/uploads/2023/11/as-quiz-kotlin-giraffe-6-1-614x1024.png)
解説
1. 結果画面のアクティビティを作成
新しいアクティビティを作成して
- ResultActivity.kt
- activity_result.xml
を用意しましょう。
![](https://codeforfun.jp/wp-content/uploads/2023/09/as-quiz-kotlin-giraffe-6-2-1024x538.png)
Activity Name に ResultActivity と入力して「Finish」を押します。
![](https://codeforfun.jp/wp-content/uploads/2023/09/as-quiz-kotlin-giraffe-6-3-1024x727.png)
ResultActivity.kt と activity_result.xml が作成できたら、結果画面のレイアウトを作成していきましょう。
2. strings.xml の準備
クイズ画面と同じように文字列を strings.xml に用意しておきます。
![](https://codeforfun.jp/wp-content/uploads/2023/09/as-quiz-kotlin-giraffe-6-4.png)
10~12行目を追加します。
正解数を「5問中3問正解」と表示したい場合は
<string name="result_score">5問中%d問正解</string>
と書いて下さい。
3. レイアウトを作成
activity_result.xml を開いて以下のコードを書きます。
このような画面になりましたか?
![](https://codeforfun.jp/wp-content/uploads/2023/11/as-quiz-kotlin-giraffe-6-5-564x1024.png)
クイズ画面の作成で書いた XML とほとんど同じですが、いくつか要素を見てみましょう。
android:id=”@+id/resultLabel”
ここにはクイズの正解数を表示します。
もどるボタン
もう一度クイズに挑戦できるように、クイズ画面にもどるボタンを用意します。
次に行うこと
これで結果画面のレイアウトは完成です!
次回はクイズ結果を表示してみましょう。
ここまでのコード
- activity_reseult.xml
-
- strings.xml
-