动态添加的视图在相对布局中重叠

Posted 2023-02-26

【中文标题】动态添加的视图在相对布局中重叠

【英文标题】：Dynamically added views are overlapping in the relativelayout

【发布时间】：2014-09-04 13:52:43

【问题描述】：

我正在开发一个应用程序，其中我有一个button，点击该button 我正在创建一个button动态。但是buttons 是重叠。我只想避免overlapping 的dynamically 创建views。

就我而言，必须使用RelativeLayout，因为我必须将拖放功能添加到这些动态创建的视图中。所以没有 LinearLayout 本身。

activity_main.xml

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

    <Button
        android:id="@+id/btnAdd"
        android:layout_
        android:layout_
        android:onClick="AddButton"
        android:text="Button" />

    <RelativeLayout
        android:id="@+id/relative_layout"
        android:layout_
        android:layout_
        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;
    

【问题讨论】：

因为它是一个相对布局，您需要使用 LayoutParams 在视图中定位新元素。 developer.android.com/guide/topics/ui/layout/relative.html

只需使用一个 LinearLayout 并将其设置为水平方向 ..new 元素将位于另一个元素的右侧，如果出现问题，请为其添加规则。

@Nepster，问题是我们需要使用RelativeLayout，因为稍后我们想将Drag and Drop 应用于这些视图。 LinearLayout 只允许我们垂直或水平移动，而不是其他方式。

【参考方案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++;
 

希望这会有所帮助。

【讨论】：

LayoutParams layoutParam;我已将它与您的代码一起使用，但仍然出现错误

RelativeLayout.LayoutParams layoutParam= new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);我也用过，但是按钮还是重叠的。

使用layoutParam.addRule(RelativeLayout.RIGHT_OF, (i-1));? @hanishsharma

那么可能是id有问题。请调试。 @hanishsharma 否则使用新代码和屏幕截图更新问题..

同时添加按钮 1 2 3。我的要求是在单击按钮 1 时单击按钮 1，然后单击按钮 2，然后单击 3，依此类推.. 这样用户就可以根据需要添加这么多按钮

【参考方案2】：

有多种方法可以解决这个问题。

隐藏按钮并在点击时显示

无需动态添加按钮。只需添加两个按钮，一个是可见的，另一个是不可见的。点击 btnAddButton 只需显示它..

      otherBtn.setVisibility(View.GONE);
      otherBtn.setVisibility(View.VISIBLE);// you can also set it in xml by visiblity="true"

改用线性布局

取一个LinearLayout instead of RelativeLayout，它会在设置方向后自动将其添加到右侧，如果未设置，则按照@Dhruti 的建议添加规则

【讨论】：

隐藏按钮并在点击时显示