5. 正解・不正解を判定する
はじめに
前回クイズを表示することができたので、今回は正解・不正解を判定できるようにしていきます。
クイズの正解・不正解はダイアログを使って表示してみましょう。
テキスト
1. クイズの出題数を設定する
まずはクイズを何問出題するかを決めます。
3行目を追加してください。
ここではクイズを5問出題するように設定しました。
10問出題したい場合は
としてください。
出題済みのクイズは quizArray から削除されていきます。出題数は quizArray の要素数を超えない範囲に設定してください。
2. クリックリスナーの用意
ボタンを押したときに checkAnswer メソッドが呼ばれるようにクリックリスナーをセットします。
１行目の implements・17~20行目・29~32行目を追加します。
onClick メソッドにボタンが押された場合のコードを書いていきます。
3. checkAnswerメソッド
7~35行目を追加します。
必要な import
追加される import は3つです。
import androidx.appcompat.app.AlertDialog;
import android.view.View;
AlertDialog は複数の選択肢があるので、自動的に追加されずに文字が赤くなると思います。
青いメッセージが出ている状態でalt キーと return キーで警告を消します。
２つの選択肢が出ると思うので androidx.appcompat.app.AlertDialog を選択して下さい。
android.app と androidx.appcompat.app はどちらもサポートライブラリですが、新しい androidx を使うことが推奨されています。
8~9行目：どの解答ボタンが押されたかを取得
String btnText = answerBtn.getText().toString();
押された解答ボタンを見つけて、そのボタンのテキストを取得しています。
12~17行目：正解・不正解の判定
12行目では解答ボタンのテキストと rightAnswer が一致するかで正解・不正解を判定しています。
alertTitle = "正解!";
rightAnswerCount++;
} else {
alertTitle = "不正解…";
}
正解の場合は、このあと作成するダイアログのタイトルを「正解！」として、正解数をカウントする rightAnswerCount に1を加算します。
不正解の場合は、ダイアログのタイトルを「不正解…」とするだけです。
20行目~：ダイアログを表示する
20行目からはダイアログを作成しています。
まずはタイトル・メッセージ・OKボタンを追加します。
23行目からは OK ボタンが押された時の処理を書いています。
// 結果画面へ移動
} else {
quizCount++;
showNextQuiz();
}
最初に設定した出題数 QUIZ_COUNT と quizCount が同じになったら結果画面に移動します。
QUIZ_COUNT に達していない場合は quizCount に1を足して、再び showNextQuiz メソッドを呼びます。
これでクイズを続けて出題できるようになります。
34行目の setCancelable はダイアログの外側をタップしたときにダイアログを閉じるかどうかを指定しています。
false にしているので OK ボタンを押さないとダイアログを閉じることはできません。
ダイアログの表示には DialogFragment を使うべきですが、画面を固定すると想定していること、より簡単に実装することを理由にここでは使用していません。DialogFragment を使った実装方法は【補足】DialogFragment の使い方 で紹介しています。
【補足】MaterialComponents のダイアログ
このプロジェクトでは MaterialComponents テーマを使っているので、Material デザインのダイアログを使うこともできます。どちらでも好きな方をご利用ください。【補足】DialogFragment の使い方 でも使い方を紹介しています。
コード
3 コメント