ja【Android java】クイズアプリ 多次元配列のシャッフルについて

Question

###前提・実現したいこと
大変恐縮ですが、下記についてご教示頂きたく思います。

【目的】
出題の順番がランダムで出てくるクイズに対して、ラジオボタンを用いて三択形式で回答の選択肢を表示する。
この時、出題に対する回答の選択肢も毎回順番をランダムにしたい。
選択肢のラジオボタンの１つを選択すると次の問題に進むとする。
この動きを３回繰り返す。

何卒宜しくお願い致します。
###発生している問題・エラーメッセージ
①
出題についてはランダムで表示する事は出来たのですが、
回答の選択肢をランダムでラジオボタンに表示する方法がわからないといった現状です。
②
また、回答の選択肢のラジオボタンを選択した段階で、次のクイズに進むやり方がわかりません。
###該当のソースコード

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.RadioButton;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    //問題内容の定義
    String[] QUESTION = {"日本", "本", "机"};

    String[][] ANSWRE = {
            {"Japan", "Japon", "Jpan"},
            {"book", "buuk", "buok"},
            {"desk", "desc", "desuk"},
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //ラジオボタン
        RadioButton[][] radio = new RadioButton[ANSWRE.length][ANSWRE[0].length];
        //ラジオボタン設定
        for(int n = 0; n < ANSWRE.length; n++) {
            for (int m = 0; m < ANSWRE[n].length; m++) {
                radio[n][m] = new RadioButton(this);
                radio[n][m].setText(ANSWRE[n][m]);
                //idの設定とかもここで
                radio[n][m].setId(m);


                View.OnClickListener event = null;
                radio[n][m].setOnClickListener(event);
                event = new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if (v.getId() == 0) {
                            //正解処理
                        } else {
                            //不正解処理
                        }
                        //次の問題へ
                    }
                };
            }
        }

        //Toiクラス利用
        Toi[] toi = new Toi[QUESTION.length];
        for(int n = 0; n < toi.length; n++)
            toi[n] = new Toi(QUESTION[n], radio[n]);

        List<Toi> list1 = Arrays.asList(toi.clone());
        Collections.shuffle(list1);//toiをシャッフルしたList型 list1
        for(Toi t: list1){
            List<RadioButton> list2 = Arrays.asList(t.radio.clone());
            Collections.shuffle(list2);//シャッフル
            t.radio = list2.toArray(new RadioButton[]{});//元に戻す
        }
    }


------------------------------------------------

import android.widget.RadioButton;

public class Toi {

    String que;
    RadioButton[] radio;
    Toi(String que, RadioButton[] radio){
        this.que = que;
        this.radio = radio;
    }
}

###試したこと
下記サイトを参考にしたのですが、理解が追いつかずうまく出来ませんでした。
http://jan.tokyo/java/2015/11/07/%EF%BC%92%E6%AC%A1%E5%85%83%E9%85%8D%E5%88%97%E3%81%AE%E8%A6%81%E7%B4%A0%E3%82%92%E3%82%B7%E3%83%A3%E3%83%83%E3%83%95%E3%83%AB%E3%81%99%E3%82%8B/

###補足情報(言語/FW/ツール等のバージョンなど)
下記がXMLとなります。

【XML】

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin">

<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:text="下記の日本語を英語でいうと？" android:id="@+id/textView" android:layout_marginTop="68dp" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" />

<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" android:id="@+id/textView2" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="53dp" />

<RadioGroup android:id="@+id/radiogroup" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/textView2" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_marginTop="86dp">
<RadioButton android:id="@+id/radio1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="false" />
<RadioButton android:id="@+id/radio2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="false" />
<RadioButton android:id="@+id/radio3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="false" />
</RadioGroup>

</RelativeLayout>

大変恐縮ですが、参考になるコードをお教えいただけないでしょうか。
何卒宜しくお願い致します。

Answer 1

文字だけシャッフルしても判定ができないです。
RadioButtonを多次元配列にしてシャッフルしましょう。

次の単位でシャッフルするはずです。
0. 問題をシャッフル
[日本 Japan Japon Jpan]
[本 buuk book buok]
[机 desuk desc desk]
0. ラジオボタンをシャッフル
日本 [Japan] [Japon] [Jpan]

まとめて扱ったり分けて扱ったりしているので予め構造体のようなクラスを宣言するとよさそうですね。

class Toi{
	String que;
	RadioButton[] radio;
	Toi(String que, RadioButton[] radio){
		this.que = que;
		this.radio = radio;
	}
}

こんな感じのクラス。
利用↓

String[] QUESTION = {"日本", "本", "机"};

String[][] ANSWRE ={
     {"Japan","Japon","Jpan"},
     {"buuk","book","buok"},
     {"desuk","desc","desk"},
};
//--------------
//ラジオボタン
RadioButton[][] radio = new RadioButton[ANSWRE.length][ANSWRE[0].length];
//ラジオボタン設定
for(int n = 0; n < ANSWRE.length; n++){
	for(int m = 0; m < ANSWRE[n].length; m++){
		radio[n][m] = new RadioButton(this);
		radio[n][m].setText(ANSWRE[n][m]);
		//idの設定とかもここで
	}
}

//Toiクラス利用
Toi[] toi = new Toi[QUESTION.length];
for(int n = 0; n < toi.length; n++)
	toi[n] = new Toi(QUESTION[n], radio[n]);		

ここからシャッフルをします。

List<String> list1 = Arrays.asList(QUESTION.clone());
Collections.shuffle(list1);

これを利用すると、toiとtoi[0~2].ansをシャッフルするので

List<Toi> list1 = Arrays.asList(toi.clone());
Collections.shuffle(list1);//toiをシャッフルしたList型 list1
for(Toi t: list1){
	List<RadioButton> list2 = Arrays.asList(t.radio.clone());
	Collections.shuffle(list2);//シャッフル
	t.radio = list2.toArray(new RadioButton[]{});//元に戻す
}

のようになるかと。
list1.get(0).que = 問題の文字
list1.get(0).radio = ラジオボタンの配列
で取り出せます。

こちらに実行環境がないのでミスがあると思います。参考までに。

Comments

[q0220_3694]

intelfike様

ご回答有難う御座います。
ご丁寧にコードまで書いて頂き大変勉強になります。
ご教示頂きました内容で行ってみます。

この度は本当に有難う御座います。

[intelf___]

あ、listから取り出さないとだめですね。
list1.get(0).que = 問題の文字
list1.get(0).ans = ラジオボタンの配列
です

[q0220_3694]

intelfike様
追加コメント有難う御座います。
一度これでやってみます。勉強になります。

[intelf___]

実行環境の構築ができたので修正していきますね

[q0220_3694]

intelfike様
お忙しいところ修正までして頂き本当に有難う御座います。

javaを始めたばかりで勉強不足であり、お願いばかりで恐縮なのですが、
上記まではコードをかけてのですが、うまく進みません。
もしよろしければ、下記についてお教え頂けないでしょうか。
各ラジオボタンに回答を入れる方法。
選択後、次の問題に行く方法。

大変恐縮なのですが、何卒宜しくお願い致します。

[intelf___]

配列の最初を正解にするとやりやすいです。
String[][] ANSWRE ={
{"Japan","Japon","Jpan"},
{"book","buuk","buok"},
{"desk","desuk","desc"},
};

//id設定とかもここで
のところで

radio[n][m].setId(m);
とかしてidを設定して、

radio[n][m].setOnClickListener(event);
でクリックイベントを設定。
リスナーの引数でidを取り出しましょう。
event変数はこんな感じ？

View.OnClickListener event = new View.OnClickListener(){
@Override
public void onClick(View v){
if(v.getId() == 0){
//正解処理
}else{
//不正解処理
}
//次の問題へ
}
};

[intelf___]

ラジオボタンのグループ化、画面の遷移などは自力で調べられそうですか？

[q0220_3694]

intelfike様
コメントを頂きまして有難う御座います。
配列の先頭に正解を入れました。
ラジオボタンのグループ化ですが、上記のxmlの様では間違っているでしょうか？
一応、RadioGroup（id/radiogroup）の中に、RadioButton（id/radio1,radio2,radio3）を入れています。

申し訳ありません。
下記の項目で行き詰っています。
・問題を（日本、本、机）をText(id/textView2)に入れる方法
・回答選択肢を入れるための、ラジオボタンのid設定
・第三問目の選択をしたら、画面の遷移する方法

質問してばかりで、ご迷惑をおかけして大変申し訳ありません。
可能な範囲で教えて頂けないでしょうか。
何卒宜しくお願い致します。

[intelf___]

全部javaで書いているのでXMLはちょっとわかりませんが
TextView text1 = (TextView)findViewById(R.id.my_text1);
text1.setText("日本");
のようにidからオブジェクトを取得できるらしいです。

ラジオボタンid=0を正解に設定して判定するのはどうでしょう。
String[][] ANSWRE ={
{"Japan","Japon","Jpan"},
{"book","buuk","buok"},
{"desk","desuk","desc"},
};
これをラジオボタンのテキストにしますが、この時に一番左に正解を入れておきます。
idを内ループのカウントに合わせることでjapan=0,japon=1,jpan=3となります。
シャッフル後でもid=0のものが正解になっています。

1問目→2問目→3問目→クリア画面→1問目...
という遷移はどうでしょう。

[q0220_3694]

intelfike様
コメントを頂いたに関わらずご返信が遅くなりまして申し訳御座いません。
色々とお調べ頂いたようで有難う御座います。大変助かります。
遷移に関しても、ご教示頂いて内容で行ってみます。
何から何までお教え頂きまして、本当に有難う御座います。

Answer 2

リンクのコードが参考になります。このコードを理解した方が良いです。

どこがわからないのでしょうか？

また、リンクはリンク用の記述に、コードはコード用の記述に修正してください。

Comments

[q0220_3694]

yona様
ご回答有難う御座います。
まずは、リンク先のコードを理解する事から始めます。

[yona]

あと、クリックすると次のボタンに行くのであればラジオボタンではなく、普通のボタンを使うべきだと思います。

[q0220_3694]

yona様
アドバイス有難う御座います。
ラジオボタンで出来ましたら、ボタンでやってみます。