【Android Studio】クイズアプリ開発講座 第４回「問題と選択肢を表示する」

ここまでの記事はこちら 

前回はクイズを管理する配列を作成しました。

今回はその配列からクイズを取り出して画面に表示してみましょう。

動画

YouTubeチャンネルはこちら

テキスト

1. クイズ出題用のメソッド

5~36行目を追加してください。

必要な import

２つの import 文が追加されます。

import java.util.Collections;
import java.util.Random;

自動的に追加されない場合はこちら：自動 import を有効にする方法

7行目：Warning の解消

countLabel.setText("Q" + quizCount);

文字列の上にカーソルを合わせると Do not concatenate text displayed with setText. Use resource string with placeholders. と表示されます。

これは「文字列を連結しないで、string リソースでプレースホルダーを使ってください」という Warning です。

string リソースとは strings.xml ファイルのことで、プレースホルダーは strings.xml に定義した「Q%d」の %d のことです。

クイズ画面を作成した時に strings.xml に書いた

<string name="count_label">Q%d</string>

の %d の部分に、問題番号を入れて表示してみましょう。

countLabel.setText(“Q” + quizCount); を以下のように書き換えてください。

countLabel.setText(getString(R.string.count_label, quizCount));

getString メソッドを使って strings.xml に定義した文字列を R.string.名前 と書いて取り出します。第二引数には %d の部分に入れる数値を指定します。

Warning が消えましたね。

10・11行目：ランダムな数字

quizArrayからランダムにクイズを取り出すために、ランダムな数字を生成します。

nextInt() メソッドを使うと「0から指定した値未満の整数」を返してくれます。

例えば

random.nextInt(5)

は 0から5未満の整数、つまり0・1・2・3・4のどれかを返します。

このアプリでは quizArray からランダムにクイズを取り出したいので、0から配列の要素数マイナス１の範囲でランダムな数字を生成しています。

ArrayList<String> quiz の中身

ArrayList<String> quiz には、この順番で要素が入っています。

{"都道府県名", "正解", "選択肢１", "選択肢２", "選択肢３"}

questionLabel には都道府県名を表示するので quiz.get(0) で quiz 配列から取り出します。

questionLabel.setText(quiz.get(0));

rightAnswer には正解を入れておくので quiz.get(1) で quiz 配列から取り出します。

rightAnswer = quiz.get(1);

26行目：選択肢のシャッフル

Collections.shuffle(quiz);

都道府県名は23行目で削除しているので、この時点で quiz 配列に残っているのは「正解と３つの選択肢」です。

これら４つの順番を Collections クラスの shuffle メソッドを使ってシャッフルします。

シャッフルしてから解答ボタンにセットすることで、毎回違う順番で選択肢を表示できるようになります。 

35行目：クイズを削除

quizArray.remove(randomNum);

同じ問題が出題されないように、quizArray から忘れずに削除しておきましょう。

2. showNextQuiz を呼び出す

4行目を追加します。

アプリを起動して MainActivity が呼び出されたときにクイズが出題されるように showNextQuiz() を呼び出します。

3. エミュレーターで確認する

ここまでのコードが上手く動くかエミュレーターで確認してみましょう！

クイズが表示されましたか？

ランダムに出題されるかを確認するために、一度アプリを終了して再度開いてみてください。

問題文が変わって、解答ボタンの順番もシャッフルされているでしょうか？

上手く表示されない場合は、最後にサンプルコードを貼ってあるので比較してみてください。

次に行うこと

次回はクイズアプリで一番重要な機能「正解・不正解の判定」を実装していきます。

ここまでのコード

Android Studio

4択クイズアプリ開発講座

クイズアプリの開発・公開・収益化まで一気に学ぶことができる講座です。

SQLiteデータベース・AdMob広告・効果音の再生など盛りだくさんの内容です。

さらに詳しくみる

Label

{} [+]

お名前*

メールアドレス*

上に表示された文字を入力してください。

Δ

Label

{} [+]

お名前*

メールアドレス*

Δ

6 Comments

古い順

新しい順 人気順

Inline Feedbacks

View all comments

takuya

1 year ago

初めての質問失礼致します。
最近から勉強を始め、分かりやすく、楽しく勉強させて頂いております。
クイズアプリ開発のエラーについて2つ質問があります。
「//randomNumを使ってquizArrayからクイズをひとつ取り出す」の部分のコードの部分にエラーが出てしまいます。互換性のない型です、と出ます。どうしたら宜しいでしょうか。
また、「//正解をrightAnswerにセット」のコードでもエラーが出てしまいました。java.util.ArrayListのset(int.java.lang.String)は(int)に適用できません、と出ます。

以上となります。
初歩的な点かと思い恐縮ですが、ご教示頂けると嬉しいです。
宜しくお願い致します。

0

返信

Author

Sara

1 year ago

Reply to  takuya

はじめまして、当サイトを見つけていただきありがとうございます！

以下のサンプルコードでテストしたところ問題ありませんでしたので、もう一度ご自身のコード（特に ArrayList 周辺）をご確認ください。
https://codeforfun.jp/android-studio-4x-quiz-game-4/#i-3

２つ目のエラーは１つ目のエラーが解決できれば解消するはずです。
サンプルコードを使ってもエラーになってしまう場合は、コードのスクリーンショット添付して頂ければと思います。

0

返信

takuya

1 year ago

先ほどの質問した者です。
情報が抜けており失礼しました。
開発環境はwindows10、アンドロイドスタジオ(2021.11.15インストール)になります。
宜しくお願い致します。

0

返信

石井徹

3 months ago

Sara様
お世話になります。
第4回まで、なんとか出来たので実行したのですが、
４つのエラーが表示されてうまくいきませんでした。
onClick method does not exist
ボタン１～４についてこのようなエラーが生じました。
どのあたりにミスがあったのかご教示いただけませんか。
よろしくお願いいたします。

0

返信

Author

Sara

3 months ago

Reply to  石井徹

当サイトを見つけて頂きありがとうございます！

1. activity_main.xml の各ボタンに android:onClick="checkAnswer" が書いてあること
2. MainActivity.java に checkAnswer メソッドが書いてあること

をご確認ください。

onClick 属性を使った書き方は非推奨となっていますが、この記事では考慮せずに進めています。
もし onClickListener を使ってコードをお書きになっている場合は checkAnswer メソッドではなく、onClick メソッドを書いているかをご確認ください。

0

返信

石井徹

3 months ago

開発環境が記入漏れでしたすみません。
環境はwin10proで最新のandroid studio javaで行っています。
石井

0

返信

Sara

運営者

Contact

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

• > プロフィール詳細
• > Code for Fun について
• > コードの利用について