7. 結果の表示とハイスコアの保存

はじめに

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

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

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

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

 

動画

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

 

 

 

テキスト

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

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

 

image1

 

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

 

必要なimport

image2

追加されるimportはこの1行です。

import android.content.Intent;

 

Intent(インテント)の使い方

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

Intent intent = new Intent(Context context, Class <?> cls);
startActivity(intent);

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

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

 

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

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

image3

追加されるimportはこの1行です。

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行目:トータルスコアを表示する

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

totalScoreLabel.setText(getString(R.string.result_total_score, totalScore));

 

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 に渡されて、結果画面に正しく表示されたでしょうか?

image4

 

 

次に行うこと

これで「もどるボタン」以外の結果画面は完成です!

次はクイズのカテゴリを選択できるスタート画面を作っていきます。

「もどるボタン」はスタート画面を作ってから実装しますので、もう少しお待ちください

 

ここまでのコード

MainActivity.java

ResultActivity.java

 

コメント

0 コメント