この講座の目次はこちら
Android Studio 3.x / 4.0.1 をお使いの方はこちらをお読み下さい。
今回はクイズの正解数とトータルスコアを表示する結果画面を作成していきます。
【完成イメージ】
目次
動画
テキスト
1. 結果画面のファイルを作成する
まずは結果画面に必要な
- ResultActivity.java
- activity_result.xml
を作成します。
Step 1
app → java → jp.codeforfun.quizapp（パッケージ名）を選択した状態にします。
Step 2
右クリック → New → Activity → Empty Activity を選択します。
Step 3
Activity Name に ResultActivity と入力して「Finish」を押します。
ResultActivity.java と activity_result.xml が作成できたら、結果画面のレイアウトを作成していきましょう。
2. レイアウトを作成
結果画面のレイアウトを作成していきます。
activity_result.xml を開いて、以下のように書いてください。
このような画面になりましたか？
クイズ画面の作成で書いた XML とほとんど同じですが、いくつか要素を見てみましょう。
android:id="@+id/resultLabel"
ここにはクイズの正解数を表示します。
「3 / 5」は 5 問中 3 問正解という意味です。正解数の表示形式はあとで変更できます。
android:id="@+id/totalScoreLabel"
ここにはクイズの累積正解数（今までに何問正解したか）を表示します。
このトータルスコアはクイズデータとしてアプリに保存されるようにします。
もどるボタン
もう一度クイズに挑戦できるように、クイズ開始画面へもどるボタンを用意します。
クイズ画面の回答ボタンと同じように onClick="returnTop" として、ボタンが押された時に returnTop メソッドを呼び出します。
3. Warning の解消
レイアウトは完成ですが、android:text="~" の部分に Warning が出ていますね。
クイズ画面と同じく strings.xml に文字列を定義していないことが原因なので、修正しておきましょう。
strings.xml
10~13行目を追加します。
- 正解数「3 / 5」の 3
- 「トータルスコア : 333」の 333
は ResultActivity.java から書き換えるので %d を使います。
正解数を「5問中3問正解」と表示したい場合は
と書いて下さい。
activity_result.xml
android:text="~" を android:text="@string/~" と変更して下さい。
android:onClick="returnTop" の Warning は returnTop メソッドを作成すると消えるのでそのままにしておいてください。
次に行うこと
これで結果画面のレイアウトは完成です！
次回は結果画面を表示して、スコアを保存できるようにしていきます。
ここまでのコード
クイズアプリ開発講座の完全版について
もっとアプリ開発をしてみたい！自分のアプリをリリースしたい！という方のために、この講座の完全版をご用意しました。
完全版では
- SQLite Databaseを使ってのクイズ管理
- クイズカテゴリの選択
- 正解・不正解の効果音
- AdMob バナー・インタースティシャル広告
- Image Asset Studio（アイコン作成ツール）の使い方
などを実装していきます。
これらのコードはクイズアプリ以外にも利用できるコードばかりなので、今後アプリを開発していく時に必ず役立つと思います。
さらに３つの特典
- Google Play Games リーダーボード・実績の実装方法
- 画像を使ったクイズアプリの作り方
- 答えを入力するクイズアプリの作り方
もご用意しました。
全手順の動画付きで、アプリの開発から公開・アップデートまで出来る講座になっています。
初めてアプリを作るという方もぜひ挑戦してみてください
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。
オンラインスクールを選ぶときのポイント
- 無料体験があること
- 個別サポートがあること
自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。（無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。）
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。
ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
1. TechAcademy（テックアカデミー）
オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。
2. CodeCamp（コードキャンプ）
一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。
3. Treehouse
英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。
