問題と選択肢を表示する
3. アプリを実行
アプリをエミュレータで実行してみましょう。
quizData リストの最初の要素である「北海道」の問題と選択肢が表示されたでしょうか？
6. アプリを実行
クイズがランダムに表示されるかエミュレーターで確認してみましょう。
ランダムに出題されるかを確認するために、一度アプリを終了して再度開いてみてください。
問題文が変わって、解答ボタンの順番もシャッフルされているでしょうか？
前回はクイズを出題するための用意をしました。
今回はリストからクイズを取り出して、実際にクイズ画面に表示してみましょう。
showNextQuiz 関数に以下のコードを書きます。
3行目では quizData リストの0番目のクイズを取り出しています。
取り出したクイズは
という順番で要素が入っています。
それぞれ取り出して questionLabel と answerBtn にセットしていきます。
アプリを起動したらすぐにクイズが出題されるように、onCreate 関数内で showNextQuiz 関数を呼び出します。
9行目を追加します。
アプリをエミュレータで実行してみましょう。
quizData リストの最初の要素である「北海道」の問題と選択肢が表示されたでしょうか？
MutableList には要素をシャッフルする shuffle 関数が用意されています。
たった１行書くだけで出題順をシャッフルすることができます。
6行目を追加します。
次にボタンに表示する選択肢をシャッフルします。
MutableList の中に MutableList を入れた２次元リストにしたので、取り出した quiz も MutableList 型になっています。
同じように shuffle 関数を使いますが、今回は都道府県を取り出してからシャッフルします。
showNextQuiz 関数を以下のように書き換えます。
quiz リストは
となっています。
"正解"は正誤判定をするために使いたいので、シャッフルする前に取り出しておきます。
都道府県名はボタンに表示する選択肢ではないので削除しておきます。
都道府県名は削除したので、この時点で quiz リストに残っているのは正解と３つの選択肢です。
これら４つの順番を shuffle 関数を使ってシャッフルします。
シャッフルしてから解答ボタンにセットすることで、毎回違う順番で選択肢を表示できるようになります。
同じクイズが出題されないように quizData リストから問題を削除しておきます。
クイズがランダムに表示されるかエミュレーターで確認してみましょう。
ランダムに出題されるかを確認するために、一度アプリを終了して再度開いてみてください。
問題文が変わって、解答ボタンの順番もシャッフルされているでしょうか？
次回はクイズアプリで一番重要な機能「正解・不正解の判定」を実装していきます。
0 コメント