【Android Studio】クイズアプリ開発講座 第７回「結果の表示とスコアの保存」

この講座の目次はこちら
 

今回は結果画面にクイズの正解数を表示して、トータルスコアを保存できるようにしていきます。

ここでは intent（インテント）と SharedPreferences（シェアードプレファレンシズ）というものを使います。

どちらもアプリ開発でよく使われるので、いつでもサクッと実装できるように覚えておくと便利だと思います。

それでは、はじめていきましょう！
 
 

動画

テキスト

1. 正解数をResultActivity.javaに渡す

まずは正解数を結果画面で表示できるように、rightAnswerCount（正解数）を MainActivity（クイズ画面）から ResultActivity（結果画面）へ渡します。
 

MainActivity.java を開いて、6~8行目を追加してください。

必要なimport

追加される import は１つです。

Intent（インテント）の使い方

新しくアクティビティを開くときは Intent（インテント）を使います。

context（コンテキスト）には現在のアクティビティ、cls には 表示するアクティビティを Class オブジェクトで書きます。

次に、作成したインテントを startActivity に渡すことでアクティビティを表示することができます。
 
 

今回は rightAnswerCount（正解数）を ResultActivity（結果画面）で使いたいので、startActivity の前にこの１行を書いています。

putExtra(取り出す時に使うキー, 渡したい値) と書くことで、遷移先のアクティビティに値を渡すことができます。

キーは String 型（文字列）ですが、値には String, int, float などをセットすることができます。
 
 
 

2. 正解数の表示

次に、結果画面に正解数を表示します。

ResultActivity.java を開いて、6~8行目を追加してください。

7行目：正解数を取得

先ほど値を渡す時に使ったキー RIGHT_ANSWER_COUNT を使って正解数を受け取ります。

正解数は int 型だったので、getIntExtra メソッドを使います。

書き方は getIntExtra(キー, 値が取得できなかった場合の値) となります。
 
 

8行目：正解数を表示

resultLabel に正解数を「3 / 5」と表示します。

クイズ画面の countLabel と同じように %d の部分に数値 score を入れています。
 
 
 

3. トータルスコアの表示・保存

次に累計正解数をトータルスコアとして表示・保存してみます。

アプリにデータを保存するには

を使う方法がありますが、今回は一番手軽に使える SharedPreferences を紹介します。
 
 

以下のコードを追加します。

見やすいように順番を変えてコメントも書きましたが、新たに追加したコードは 7・13・14・17・21・24~26 行目です。

必要なimport

追加される import は１つです。

13行目：SharedPreferences の準備

まずは SharedPreferences を使うための準備です。

getSharedPreferences(データの名前, モード)のように書きます。

MODE_PRIVATE は「このアプリからのみ」アクセスできるモードです。

モードにはいくつか種類がありましたが、現在推奨されていないものが多いので MODE_PRIVATE を使うと覚えておけば問題ありません。
 
 
 

14行目：トータルスコアを取り出す

getInt(キー, データが無かった場合の数値) のように書きます。

初めてクイズに挑戦した時は、まだトータルスコアが保存されていないので 0 が返ってきます。
 
 
 

21行目：トータルスコアを表示する

SharedPreferences から取得したトータルスコアに今回のクイズの正解数を加算して（17行目）、最新のトータルスコアを表示します。

24行目~：トータルスコアを保存する

putInt(キー, 保存する値)のようにデータをセットします。
 
 

注意して頂きたいのが、読み出し時・書き込み時のキーを必ず合わせることです。

ここが一致しないと保存できても読み出せなくなってしまうのでお気をつけください。

最後にapply()で保存します。
 
 

SharedPreferences 使い方のヒント

今回はトータルスコアを保存しましたが、ハイスコアやユーザー名、最後にクイズに挑戦した日など色々な使い方ができると思います。

トータルスコア以外にもデータを保存したい場合は、キーを変えることで複数のデータを保存することもできます。

例えば、トータルスコアに加えて、このようにユーザー名を読み書きすることもできます。

ぜひ工夫して使ってみてください
 
 
 

4. アプリの実行

ここでアプリを実行してみてください。

正解数が ResultActivity に渡されて、結果画面に正しく表示されたでしょうか？

補足: もどるボタンについて

クイズ開始画面に遷移する returnTop メソッドは講座の完全版でスタート画面を作成した後に実装します。
 
現時点でクイズ画面に遷移させたい場合は、以下のコードを追加してください。

public void returnTop(View view) {
   startActivity(new Intent(ResultActivity.this, MainActivity.class));
}

完成

お疲れ様でした！これで全て完成です！

ここまで読んで頂いてありがとうございました

「アプリ開発って意外と簡単だな」と感じて頂けていれば嬉しい限りです。クイズ内容は自由にアレンジして構わないので、ぜひオリジナルのアプリを作ってみてくださいね。
 

ここまででもクイズアプリとしては十分に機能しますが「もっとアプリ開発をしてみたい！自分のアプリをリリースしたい！」という方のために、この講座の完全版をご用意しました。
 

完全版では

を実装していきます。

Google Play Store へのアプリの公開方法・更新方法も紹介しているので、講座を進めながらアプリを全世界に公開することができます。
 

ここまでと同じように全手順の動画・テキスト解説付きです。

もう一歩先に進んでみたい！アプリを公開したい！という方はぜひご参加お待ちしています
 

ABOUT ME

Sara

「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂