作って学べる
プログラミング講座
アプリを作りながら学習
自分のペースですぐに始められる
困ったら何回でも質問可能
4択クイズアプリ

【Android Studio】クイズアプリ開発講座 第3回「クイズを準備する」

Sara

Android Studio Iguana | 2023.2.1 での動作確認を完了しました。(2024年4月)

ここまでの記事はこちら

クイズ画面を作成できたので、今回は「クイズを出題するために必要な変数・配列」を準備していきます。

解説

1. カウントラベル

前回 activity_main.xml に用意した TextView を使うための準備をします。

MainActivity.java を開いて3行目を追加します。

必要な import

6 行目あたりに import android.widget.TextView; が追加されます。

自動的に追加されない場合は自動 import を有効にする方法から設定しておくことをオススメします。

設定しても追加されない場合は、青いメッセージが出ている状態で Alt キーと Enter キーを同時に押してください。

2. TextViewとButton

4~8行目を追加します。

countLabel と同じく、activity_main.xml に用意した TextView と Button を使うための準備です。 

同じ型の場合は1行にまとめて書くこともできます。

クイズの実装には

  1. onCreate
  2. showNextQuiz
  3. onClick

の3つのメソッドを使っていきます。

どのメソッド内からでも TextView と Button を使うことができるように

public class MainActivity extends AppCompatActivity

protected void onCreate(Bundle savedInstanceState)

の間にコードを書いています。

3. 正解カウントなど

3~5行目を追加します。

rightAnswer

正解を入れるために使います。

rightAnswerCount

正解数をカウントするために使います。

quizCount

何問目を出題しているのかをカウントするために使います。

4. 問題データを用意

4~18行目を追加します。

4行目

クイズのデータを管理するための配列を用意します。
 

6行目~

クイズデータを多次元配列で作成します。
ArrayListと多次元配列についてはこのあと説明します。

5. ビューの取得

onCreate メソッドに6~11行目を追加します。

前回 activity_main.xml を作成した時に、TextView と Button に id 属性を設定しました。

findViewById は「idからビューを見つける」という意味です。

findViewById メソッドを使ってビュー要素を取得することで、MainActivity.java から TextView や Button のテキストを書き換えられるようになります。

6. クイズ配列を用意

クイズデータからクイズを出題するための配列を用意していきます。

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

ここで簡単に

  1. 基本的な配列
  2. 多次元配列
  3. ArrayList

の違いを紹介します。

型は String(文字列)を例に紹介していますが、Integer(数値)など他の型でも使い方は同じです。 

① 基本的な配列

String[] colors = {"赤", "青", "緑"};

colors[0] → 赤
colors[1] → 青
colors[2] → 緑

で取り出すことができます。

② 多次元配列

基本的な配列の中に配列を入れている形です。

String[][] colors = {
    {"赤", "ピンク", "オレンジ"},
    {"青", "水色", "ネイビー"},
    {"緑", "黄緑", "深緑"}
};

colors[0][0] → 赤
colors[1][1] → 水色
colors[2][2] → 深緑

で取り出すことができます。

③ ArrayList

基本的な配列と同じですが、配列の大きさを決めなくて良いのが ArrayList です。

例えば5個の要素を持つ配列の場合、基本的な配列では

String[] str = new String[5];

または

String[] str = {"あ", "い", "う", "え", "お"};

と書いて、あらかじめ要素数を決めておく必要があります。

ArrayList の場合は、要素数を決めておく必要はありません。

ArrayList<String> tmpArray = new ArrayList<>();

まず10個の要素を格納できるように作成され、その後10個を超えると自動的に拡張してくれます。

例えばクイズ用に配列を使う場合、問題を追加することもありますし、クイズのレベルによって問題数が変わるかもしれません。そのたびに配列の大きさを変更するのは面倒ですし、問題数が多くなったら数えるのも大変です。

このように配列の大きさがどのくらい必要になるか分からない時に使えるのが ArrayList です。

このクイズでは少し応用して ArrayList を多次元配列の形で用意しました。

ArrayList<ArrayList<String>> quizArray = new ArrayList<>();

通常、型には String や Integer を使用しますが、今回は ArrayList の多次元配列バージョンです。ArrayList の中に ArrayList を入れていくので、型は ArrayList<String> としています。

7. コードの補足説明

さきほど書いたコードでは

  1. for ループを使って quizData からクイズを1問づつ取り出す
  2. tmpArray に問題・正解・選択肢を追加する
  3. quizArray に tmpArray を追加(ArrayList の中に ArrayList を入れる)

ということをしています。

なぜ quizData 配列から ArrayList 配列にわざわざ書きなおすのかと言うと、クイズには欠かせないシャッフル機能を簡単に実装するためです。

また、この講座の後半で SQLite データベースでのクイズ管理方法を紹介していきます。その時に ArrayList で用意しておく方が便利なので、このような書き方をしています。

tmpArrayとは?

tmpArray の tmpは「temporary」の略で「一時的」という意味です。temp と書くこともあります。一時的にしか使わない変数名によく使われるので、覚えておくと便利な書き方です。

8. Warningについて

現在 for ループの for の部分に Warning が出ていると思います。

for の上にカーソルをあわせると ‘for’ loop replaceable with enhanced ‘for’ と表示されます。

これは「for ループをより良い方法で書き換えることができます」という Warning です。

for の上でクリックすると、左側に豆電球のマークが出るのでクリックします。

Replace with enhanced ‘for’ をクリックします。

for ループが書き換わって Warning が消えたことが確認できると思います。

for (String[] quizDatum : quizData) {

この書き方は「quizData 配列から要素を quizDatum という名前で一つずつ取り出す」という方法です。

今まで quizData[i] と書いていた部分が quizDatum にあたるので、都道府県名の取り出し方が

tmpArray.add(quizData[i][0]);

から

tmpArray.add(quizDatum[0]);

に変わっています。

どちらの書き方でも良いですが、for ループに慣れるまでは配列のイメージをつかみやすい for (int i = 0; i < quizData.length; i++) で書くことをオススメします。

配列の使い方に慣れてきたら for (String[] quizDatum : quizData) を使って、効率的なコードを書いていきましょう。

次に行うこと

クイズを出題するための準備は完了です。

次回は quizArray からクイズを取り出して表示してみましょう!

ここまでのコード

Q
MainActivity.java
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
ABOUT ME
Sara
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
主な使用言語:Java / Kotlin / PHP
>> 詳しいプロフィールはこちら
>> 書籍を出版しました!
>> お問い合わせはこちら
本格的に学びたい方へ

Code for Fun プログラミング講座

Code for Fun プログラミング講座では、プログラミングの基礎からアプリ開発まで学ぶことができます。

わかりやすく・シンプルをモットーに

  • 同じコードを書けば必ず完成できること
  • 専門用語を使いすぎないこと

を重視しています。

POINT 01

動くコード

プログラミングの文法だけを学んでも、そこから動くアプリを開発をするのは難しいです。

Code for Fun のプログラミング講座では、ゲームやカレンダーなど「アプリとして機能するもの」を作りながらプログラミングを学ぶことができます。

POINT 02

自分のペースで

オンライン講座なので、ご自身のペースで学習を進めて頂けます。

分からないことがあっても、前のレッスンに戻ることができるので安心です。

お申し込みしたその日からからすぐに始めることができます。

POINT 03

個別サポート

プログラミング学習では、エラーが起きることはよくあります。そんな時はお気軽にお問い合わせください!

コメント欄またはメールによるサポートを回数無制限でご利用頂けます。(*講座に関連するご質問のみ対応)

今すぐ無料でお試し

0
この記事にコメントするx
記事URLをコピーしました