android - 动态添加的 View 在相对布局中重叠

Question

我正在开发一个应用程序，其中有一个 button，单击那个 button 我正在创建一个 button 动态。但是按钮重叠。我想要的只是避免动态创建的 View 的重叠。

在我的例子中，必须使用 RelativeLayout，因为我必须向这些动态创建的 View 添加拖放功能。所以没有 LinearLayout 本身。

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linear_layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <Button
        android:id="@+id/btnAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="AddButton"
        android:text="Button" />

    <RelativeLayout
        android:id="@+id/relative_layout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/btnAdd" >

    </RelativeLayout>

</RelativeLayout>

MainActivity 类

    public class MainActivity extends FragmentActivity {
    Button btnAddButton;
    RelativeLayout rl1;
    int i = 0;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnAddButton = (Button) findViewById(R.id.btnAdd);
        final RelativeLayout.LayoutParams layoutParam = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        rl1 = (RelativeLayout) findViewById(R.id.relative_layout);

        btnAddButton.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                i++;
                 Button btn = new Button(getApplicationContext());
                    btn.setId(i);

                    if(i>0){
                        layoutParam.addRule(RelativeLayout.RIGHT_OF, (i-1));
                    }
                    btn.setText("Button" + i);
                    rl1.addView(btn, layoutParam);


            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

Answer 1

您应该为此将规则添加到您的相关布局参数中:

btnAddButton.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        i++;
        Button btn = new Button(getApplicationContext());
        btn.setId(i);
        if(i>0){
            layoutParam.addRule(RelativeLayout.RIGHT_OF, (i-1));
        }
        btn.setText("Button" + i);
        rl1.addView(btn, layoutParam);

    }
});

这样，您的按钮将布置在最后一个按钮的右侧。

希望这对您有所帮助。

编辑:

尝试将 LayoutParams 置于循环内。这对我来说很好:

RelativeLayout rl1 = (RelativeLayout) findViewById(R.id.rl);
for (int i = 0; i < 4; i++) {

    Button btn = new Button(getApplicationContext());
    btn.setId(i);
    RelativeLayout.LayoutParams layoutParam = new RelativeLayout.LayoutParams(
            LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    if (i > 0) {
        layoutParam.addRule(RelativeLayout.RIGHT_OF, (i - 1));
    }

    btn.setText("Button" + i);
    rl1.addView(btn, layoutParam);  
}

截图:

编辑

即使您不使用循环，并添加按钮点击，它也应该可以工作:

int i = 1;
//this is a method being called on button's click:
public void add(View v) {
    Button btn = new Button(getApplicationContext());
    btn.setId(i);
    RelativeLayout.LayoutParams layoutParam = new RelativeLayout.LayoutParams(
            LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    if (i > 1) {

        layoutParam.addRule(RelativeLayout.RIGHT_OF, (i - 1));
    }

    btn.setText("Button" + i);
    rl1.addView(btn, layoutParam);
    i++;
} 

希望这对您有所帮助。