动态视图未在适当的位置创建。重叠以前的视图。 Android的

Question

我是Android新手所以我过去几天一直试图调整，但我仍然坚持这一部分。对于我的应用程序，我正在尝试输入一个按钮“添加更多”，它会扩展视图以帮助合并用户输入，但我遇到了问题。我环顾四周，并使用他的source code来帮助解决我的问题，但我遇到的问题是我的虚拟xml布局与之前的设置布局重叠。

这是我为new_class_container文件设置的布局

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/parentView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:animateLayoutChanges="true"
        android:orientation="vertical" 
        android:background="@drawable/gradient_gray">

<!-- Class Name -->

         <TextView
             android:id="@+id/register_class_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="@string/write_class_name"
             android:layout_marginTop="20dp"
             android:layout_marginLeft="5dp"
             android:textAppearance="?android:attr/textAppearanceMedium"
             android:textColor="#FFFFFF"/>

         <EditText
             android:id="@+id/register_class_edit"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_toRightOf="@+id/register_class_textview"
             android:layout_alignBaseline="@+id/register_class_textview"
             android:inputType="text"
             android:hint="@string/example_name"
             android:singleLine="true" >
         </EditText>

<!-- Assignment Type and Grade Weight -->

         <TextView
             android:id="@+id/register_assign_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/register_class_textview"
             android:layout_alignLeft="@+id/register_class_textview"
             android:text="@string/write_assignment_type"
             android:layout_marginTop="10dp"
             android:textAppearance="?android:attr/textAppearanceMedium"/>

        <EditText
             android:id="@+id/register_assign_edit"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/register_assign_textview"
             android:layout_alignLeft="@+id/register_assign_textview"
             android:gravity="center_horizontal"
             android:hint="@string/example_assign"
             android:singleLine="true">
         </EditText>

<!-- Save Button -->

   <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_alignParentLeft="true"
       android:gravity="bottom" >

       <Button
           android:id="@+id/button_save"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:text="@string/save_class" />
   </RelativeLayout>

   <Button
       android:id="@+id/btnAddNewItem"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_below="@+id/register_assign_edit"
       android:layout_centerHorizontal="true"
       android:layout_marginTop="22dp"
       android:gravity="center_horizontal"
       android:onClick="onAddNewClicked"
       android:paddingLeft="5dp"
       android:text="@string/more_assign"
       android:textColor="#FFFFFF" />

   <EditText
       android:id="@+id/register_weight_edit"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_above="@+id/btnAddNewItem"
       android:layout_alignLeft="@+id/register_weight_textview"
       android:ems="10"
       android:hint="@string/example_weight"
       android:inputType="number"
       android:singleLine="true" >
   </EditText>

   <TextView
       android:id="@+id/register_weight_textview"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignBaseline="@+id/register_assign_textview"
       android:layout_alignBottom="@+id/register_assign_textview"
       android:layout_alignParentRight="true"
       android:text="@string/write_assign_percent"
       android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

This是上面代码的布局如何，我希望能够按下“添加更多”按钮，它会膨胀到“创建一个新行”，例如，TextViews of TextViews各个TextView的赋值类型和等级权重以及EditTexts。但是当我运行应用程序并按下添加更多内容时，新的TextView + EditText集合会立即显示在我拥有的内容之上，而不是在下面。以下是我的其他xml文件new_class

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
             android:id="@+id/register_assign_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="10dp"
             android:text="@string/write_assignment_type"
             android:textAppearance="?android:attr/textAppearanceMedium"/>

        <TextView 
             android:id="@+id/register_weight_textview"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="10dp"
             android:text="@string/write_assign_percent"
             android:textAppearance="?android:attr/textAppearanceMedium"
             android:layout_marginLeft="30dp"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <EditText
             android:id="@+id/register_assign_edit"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:gravity="center_horizontal"
             android:hint="@string/example_assign"
             android:singleLine="true">
         </EditText>

        <EditText
             android:id="@+id/register_weight_edit"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:hint="@string/example_weight"
             android:layout_marginLeft="30dp"
             android:gravity="center_horizontal"
             android:inputType="number"
             android:singleLine="true">
         </EditText>

    </LinearLayout>
</LinearLayout>

这是我的Java代码

public class NewClass extends Activity{

    private RelativeLayout mContainerView;

    private Button mAddButton;

    private View mExclusiveEmptyView;


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.new_class_container);
        mContainerView = (RelativeLayout) findViewById(R.id.parentView);
        mAddButton = (Button) findViewById(R.id.btnAddNewItem);
    }

    protected void onSaveInstanceState(Bundle outState){
        super.onSaveInstanceState(outState);
        //TODO: Handle Screen Rotation
    }

    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        // TODO: Handle screen rotation:
        // restore the saved items and inflate each one with inflateEditRow;

    }

    // onClick handler for the "Add new" button;
    public void onAddNewClicked(View v) {
        // Inflate a new row and hide the button self.
        inflateEditRow(null);
        v.setVisibility(View.GONE);
    }

    // onClick handler for the "X" button of each row
    public void onDeleteClicked(View v) {
        // remove the row by calling the getParent on button
        mContainerView.removeView((View) v.getParent());
    }

    private void inflateEditRow(String name) {

        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        final View rowView = inflater.inflate(R.layout.new_class, null);
        //final ImageButton deleteButton = (ImageButton) rowView
            //  .findViewById(R.id.buttonDelete);
        final EditText editText = (EditText) rowView
                .findViewById(R.id.register_assign_edit);

        if (name != null && !name.isEmpty()) {
            editText.setText(name);
        } else {
            mExclusiveEmptyView = rowView;
            //deleteButton.setVisibility(View.INVISIBLE);
        }

        // A TextWatcher to control the visibility of the "Add new" button and
        // handle the exclusive empty view.
        editText.addTextChangedListener(new TextWatcher() {

            @Override
            public void afterTextChanged(Editable s) {

                if (s.toString().isEmpty()) {
                    mAddButton.setVisibility(View.GONE);
                    //deleteButton.setVisibility(View.INVISIBLE);

                    if (mExclusiveEmptyView != null
                            && mExclusiveEmptyView != rowView) {
                        mContainerView.removeView(mExclusiveEmptyView);
                    }
                    mExclusiveEmptyView = rowView;
                } else {

                    if (mExclusiveEmptyView == rowView) {
                        mExclusiveEmptyView = null;
                    }

                    mAddButton.setVisibility(View.VISIBLE);
                //  deleteButton.setVisibility(View.VISIBLE);
                }
            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count,
                    int after) {
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before,
                    int count) {
            }
        });

        // Inflate at the end of all rows but before the "Add new" button
        mContainerView.addView(rowView, mContainerView.getChildCount() - 1);
    }
}

我该怎么做才能防止它重叠并显示在下面？每次“更新”时我怎么能移动按钮？因为如果我将按钮移动到new_class xml文件，那么它最初不会显示给我添加更多视图。

我尝试实现以下代码，它的功能使我能够第一次正确地添加动态视图，但每次重叠添加的视图后都会添加。

RelativeLayout.LayoutParams p = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);

        p.addRule(RelativeLayout.BELOW, R.id.register_assign_edit);

        rowView.setLayoutParams(p);

Answer 1

我不确定，但您可以尝试按照代码移动任何视图。我建议像你的主要布局一样使用RelativeLayout。

RelativeLayout.LayoutParams bParams1 = new RelativeLayout.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        bParams1.leftMargin = (int) leftMrgn;
        bParams1.topMargin = (int) topMgrn;
        bParams1.height = (int) bHeight;
        bParams1.width = (int) bWidth;
        anyView.setLayoutParams(bParams1);

Answer 2

RelativeLayout如果你没有给他们任何FrameLayout（下面的句子，上面的，中心等等），就像LayoutParams一样。

您可以构建相应的RelativeLayout.LayoutParams，或者更好的是，在包含行的第一个布局中创建一个空的垂直LinearLayout。然后，只需将行添加到LinearLayout而不是RelativeLayout。

Answer 3

这将有两个布局文件：main_layout和layout_to_include。

<强> main_layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ScrollView 
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:id="@+id/sv1" >

        <LinearLayout
            android:id="@+id/llAddingContainer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <include layout="@layout/layout_to_include"/>

        </LinearLayout>

    </ScrollView>

    <LinearLayout 
        android:id="@+id/llButtonHolder"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:layout_below="@+id/sv1"
        android:gravity="center_horizontal"
        android:layout_above="@+id/button2" >

        <Button
             android:id="@+id/button1"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textAlignment="center"
             android:text="Add More" />

    </LinearLayout>

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:textAlignment="center"
        android:text="Save Class" />

</RelativeLayout>

<强> layout_to_include.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_alignParentTop="true" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Class Name:"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="Ex: CS 301" >

            <requestFocus />
        </EditText>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="20dp"
        android:layout_below="@+id/linearLayout1" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="Assignment Type"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <EditText
                android:id="@+id/editText2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Ex: Homework" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginRight="10dp"
            android:layout_weight="1" >

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Grade Weight(%)"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <EditText
                android:id="@+id/editText3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Ex: 10" />

        </LinearLayout>

    </LinearLayout>    

</RelativeLayout>

在代码中使用这些布局：

....

setContentView(R.layout.main_layout);

....

llAddingContainer = (LinearLayout) findViewById(R.id.llAddingContainer);

// Clicking on this button will add another view from 'layout_to_include' to the ScrollView        
button1 = (Button) findViewById(R.id.button1);

button1.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        View view = getLayoutInflater().inflate(R.layout.layout_to_include, null);

        // Find the elements in this view and set them up
        EditText et1 = (EditText) view.findViewById(R.id.editText1)

        ....
        ....
        ....

        // Add the view to the LinearLayout inside ScrollView
        llAddingContainer.addView(view);
    });