【Android Studio】クイズアプリ開発講座 第６回「結果画面の作成」
Sara
Code for Fun
【Android Studio】クイズアプリ開発講座 第７回「結果の表示とスコアの保存」
Sara
ここまでの記事はこちら
今回は結果画面にクイズの正解数を表示して、トータルスコアを保存できるようにしていきます。
ここでは intent（インテント）と SharedPreferences（シェアードプレファレンシズ）というものを使います。
どちらもアプリ開発でよく使われるので、いつでもサクッと実装できるように覚えておくと便利だと思います。
それでは、はじめていきましょう！
目次
解説
1. 正解数をResultActivity.javaに渡す
まずは正解数を結果画面で表示できるように、rightAnswerCount（正解数）を MainActivity（クイズ画面）から ResultActivity（結果画面）へ渡します。
MainActivity.java を開いて、6~8行目を追加してください。
必要なimport
追加される import は１つです。
import android.content.Intent;Intent（インテント）の使い方
新しくアクティビティを開くときは Intent（インテント）を使います。
Intent intent = new Intent(Context context, Class<?> cls);
startActivity(intent);
context（コンテキスト）には現在のアクティビティ、cls には 表示するアクティビティを Class オブジェクトで書きます。
次に、作成したインテントを startActivity に渡すことでアクティビティを表示することができます。
今回は rightAnswerCount（正解数）を ResultActivity（結果画面）で使いたいので、startActivity の前にこの１行を書いています。
intent.putExtra("RIGHT_ANSWER_COUNT", rightAnswerCount);putExtra(取り出す時に使うキー, 渡したい値) と書くことで、遷移先のアクティビティに値を渡すことができます。
キーは String 型（文字列）ですが、値には String, int, float などをセットすることができます。
2. 正解数の表示
次に、結果画面に正解数を表示します。
ResultActivity.java を開いて、6~8行目を追加してください。
7行目：正解数を取得
int score = getIntent().getIntExtra("RIGHT_ANSWER_COUNT", 0);先ほど値を渡す時に使ったキー RIGHT_ANSWER_COUNT を使って正解数を受け取ります。
正解数は int 型だったので、getIntExtra メソッドを使います。
書き方は getIntExtra(キー, 値が取得できなかった場合の値) となります。
8行目：正解数を表示
resultLabel.setText(getString(R.string.result_score, score));resultLabel に正解数を「3 / 5」と表示します。
クイズ画面の countLabel と同じように %d の部分に数値 score を入れています。
3. トータルスコアの表示・保存
次に累計正解数をトータルスコアとして表示・保存してみます。
アプリにデータを保存するには
- SharedPreferences
- SQLiteデータベース
- テキストファイル
を使う方法がありますが、今回は一番手軽に使える SharedPreferences を紹介します。
以下のコードを追加します。
見やすいように順番を変えてコメントも書きましたが、新たに追加したコードは 7・13・14・17・21・24~26 行目です。
必要なimport
追加される import は１つです。
import android.content.SharedPreferences;13行目：SharedPreferences の準備
まずは SharedPreferences を使うための準備です。
SharedPreferences prefs = getSharedPreferences("quizApp", MODE_PRIVATE);getSharedPreferences(データの名前, モード)のように書きます。
MODE_PRIVATE は「このアプリからのみ」アクセスできるモードです。
モードにはいくつか種類がありましたが、現在推奨されていないものが多いので MODE_PRIVATE を使うと覚えておけば問題ありません。
14行目：トータルスコアを取り出す
int totalScore = prefs.getInt("totalScore", 0);getInt(キー, データが無かった場合の数値) のように書きます。
初めてクイズに挑戦した時は、まだトータルスコアが保存されていないので 0 が返ってきます。
21行目：トータルスコアを表示する
totalScoreLabel.setText(getString(R.string.result_total_score, totalScore));SharedPreferences から取得したトータルスコアに今回のクイズの正解数を加算して（17行目）、最新のトータルスコアを表示します。
24行目~：トータルスコアを保存する
SharedPreferences.Editor editor = prefs.edit();
editor.putInt("totalScore", totalScore);
editor.apply();
putInt(キー, 保存する値)のようにデータをセットします。
注意して頂きたいのが、読み出し時・書き込み時のキーを必ず合わせることです。
読み出し時 prefs.getInt("totalScore", 0);
書き込み時 editor.putInt("totalScore", totalScore);ここが一致しないと保存できても読み出せなくなってしまうのでお気をつけください。
最後にapply()で保存します。
SharedPreferences 使い方のヒント
今回はトータルスコアを保存しましたが、ハイスコアやユーザー名、最後にクイズに挑戦した日など色々な使い方ができると思います。
トータルスコア以外にもデータを保存したい場合は、キーを変えることで複数のデータを保存することもできます。
例えば、トータルスコアに加えて、このようにユーザー名を読み書きすることもできます。
読み出し時 String userName = prefs.getString("KEY_NAME", "名無しさん");
書き込み時 editor.putString("KEY_NAME", userName);ぜひ工夫して使ってみてください！
4. アプリの実行
ここでアプリを実行してみてください。
正解数が ResultActivity に渡されて、結果画面に正しく表示されたでしょうか？
補足: もどるボタンについて
クイズ開始画面に遷移する「もどる」ボタンは講座の完全版でスタート画面を作成した後に実装します。
現時点でクイズ画面に遷移させたい場合は onCreate メソッド内に以下のコードを追加してください。
findViewById(R.id.returnBtn).setOnClickListener(view ->
startActivity(new Intent(ResultActivity.this, MainActivity.class)));完成
お疲れ様でした！これで全て完成です！
ここまで読んで頂いてありがとうございました。
「アプリ開発って意外と簡単だな」と感じて頂けていれば嬉しい限りです。クイズ内容は自由にアレンジして構わないので、ぜひオリジナルのアプリを作ってみてくださいね。
\ COURSE /
講座の完全版
ここまででもクイズアプリとしては十分に機能しますが「もっとアプリ開発をしてみたい！自分のアプリをリリースしたい！」という方のために、この講座の完全版をご用意しました。
完全版では
- SQLite データベースにクイズデータを保存する方法
- データベースの中身を確認する方法
- カテゴリ別のクイズ出題
- 正解・不正解音の再生
- Image Asset Studio（アイコン作成ツール）の使い方
- AdMob バナー・インタースティシャル広告の実装
- Google Play Store にアプリを公開する方法
を学ぶことができます。
Google Play Store へのアプリの公開方法・更新方法も紹介しているので、講座を進めながらアプリを全世界に公開することができます。
これらのコードはクイズアプリ以外にも利用できるコードが多くあるので、今後アプリを開発していく時に必ず役立つと思います。
\ BONUS /
講座の特典
さらに講座に参加して頂いた方への限定特典として
- コードの最適化とアプリのアップデート公開
- 画像を使った４択クイズアプリの作り方
- 答えを入力するクイズアプリの作り方
もご用意しています。
もう一歩先に進んでみたい！アプリを公開したい！という方はぜひご参加お待ちしています。
Android Studio
4択クイズアプリ開発講座
クイズアプリの開発・公開・収益化まで一気に学ぶことができる講座です。
SQLiteデータベース・AdMob広告・効果音の再生など盛りだくさんの内容です。
ABOUT ME
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
分かりやすい、説明で勉強になります。
質問ですが「もどる」ボタンの returnTop メソッドはどのように実装
すればいいでしょうか？
見落としていたらすみません。よろしくお願いいたします。
大塚さん、返信遅くなってしまい申し訳ありません。
こちらに追記しましたのでお試しください
https://codeforfun.jp/android-studio-4x-quiz-game-7/#i-5
質問失礼します
自分自身で作ったクイズを解き切ると突然アプリが落ちるのですが、何が原因なのでしょうか？
結果画面が表示されずにアプリが落ちてしまうということでしょうか？
どの程度ご自身でアレンジされているのか分からないので何とも言えないのですが、
・結果画面を作成しているのに表示されない→ Intent まわりのコードまたは結果画面のコードに問題あり
・結果画面を作成していない→結果画面を実装してみる
をお試しください。