0

我正在制作一个测验应用程序。为了显示 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 也重新定位自己时。我正在提供我想要做什么的图片描述。

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

第一个问题的布局

如果用户选择了正确的选项，就会出现下一个问题，重新定位布局，如下所示：

第二题时的布局

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

提前致谢！

4

2 回答 2

1

我认为您可以尝试扩展setVisibility(View.GONE)您的新布局样式！

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

于 2012-12-07T12:55:00.967 回答
0

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

于 2012-12-07T12:56:51.067 回答