Question

我正在制作一个测验应用。为了显示MCQ问题，我使用了以下布局：

<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:id="@+id/vg">

    <TextView
        android:id="@+id/question_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="41dp"
        android:text="Question"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/option1_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginRight="62dp"
        android:layout_toLeftOf="@+id/question_textView"
        android:text="Option 1"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/option2_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/option1_textView"
        android:layout_alignBottom="@+id/option1_textView"
        android:layout_marginLeft="48dp"
        android:layout_toRightOf="@+id/question_textView"
        android:text="Option 2"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/option4_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/option2_textView"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="22dp"
        android:text="Option 4"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/option3_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/option4_textView"
        android:layout_alignBottom="@+id/option4_textView"
        android:layout_alignLeft="@+id/option1_textView"
        android:text="Option 3"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

我正在解析XML以获取问题，选项和正确答案。当用户为特定问题选择正确的选项时，TextView将更新下一个问题及其各自的选项。我就是这样做的：

NodeList nl = doc.getElementsByTagName(KEY_MCHOICE);
            // looping through all item nodes <item>
            for ( i = 0; i < nl.getLength();i++) {

                loop_checker=i;
//          while(counter< nl.getLength())
//          {
                // creating new HashMap
                HashMap<String, String> map = new HashMap<String, String>();

                Element e = (Element) nl.item(count_questions);
                // adding each child node to HashMap key => value
                map.put(KEY_MCHOICE, parser.getValue(e, KEY_MCHOICE));
                map.put(KEY_ID, parser.getValue(e, KEY_ID));
                map.put(KEY_QUESTION, parser.getValue(e, KEY_QUESTION));                
                question_view.setText(parser.getValue(e, KEY_QUESTION));


                map.put(KEY_OPTION1, parser.getValue(e, KEY_OPTION1));
                //option1_str =parser.getValue(e, KEY_OPTION1);
                option1.setText(parser.getValue(e, KEY_OPTION1));


                map.put(KEY_OPTION2, parser.getValue(e, KEY_OPTION2));
                option2.setText(parser.getValue(e, KEY_OPTION2));
                //option2_str =parser.getValue(e, KEY_OPTION2);


                map.put(KEY_OPTION3, parser.getValue(e, KEY_OPTION3));
                option3.setText(parser.getValue(e, KEY_OPTION3));
                //option3_str =parser.getValue(e, KEY_OPTION3);


                map.put(KEY_OPTION4, parser.getValue(e, KEY_OPTION4));
                option4.setText(parser.getValue(e, KEY_OPTION4));
                //option4_str =parser.getValue(e, KEY_OPTION4);


                map.put(KEY_ANSWER,  parser.getValue(e, KEY_ANSWER));
//              makeAToast(parser.getValue(e, KEY_ANSWER));
                answer_str =parser.getValue(e, KEY_ANSWER);
                // adding HashList to ArrayList
                menuItems.add(map);
            }

现在，我想要做的是，当用户对特定问题给出正确答案并且问题发生变化时，TextView也会自行定位。我正在提供我想要做的图片描述。

假设这是第一个问题中的布局：

Layout during first question

如果用户选择了正确的选项，则会出现下一个问题，重新找到这样的布局：

Layout during the second question

我无法实现这种布局重新定位。我该怎么做才能完成任务？

提前致谢！

Answer 1

我认为你可以尝试setVisibility(View.GONE)并夸大新的布局风格！

另一个解决方法是使用所需的按钮位置创建LayoutParams对象，并将其应用于RadioGroup或ButtonGroup！

Answer 2

对于这种行为，有2个布局是有利的。但如果这对您不起作用，我建议将所有TextView放在RelativeLayout中，然后更新它们的相对位置以及它们各自的边距。

更改textview的屏幕位置

2 个答案: