結果画面の作成

目次

はじめに

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

【完成イメージ】


動画

Android Studio バージョンについて

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

テキスト

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

まずは結果画面に必要な

  • 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 を開いてレイアウトを作成していきます。

 

 

2. レイアウトを作成

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

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

このようになりましたか?

 


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

 

android:id="@+id/resultLabel"

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

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

 

android:id="@+id/totalScoreLabel"

ここにはトータルスコアを表示します。

クイズの累積正解数(今までに何問正解したか)を表示します。

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

 

もどるボタン

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

クイズ画面の回答ボタンと同じように onClick="returnTop" として、ボタンが押された時に returnTop 関数を呼び出します。 

 

まとめ

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

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

コメント

0 コメント