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

Question

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

在我的情况下，必须使用RelativeLayout，因为我必须为这些动态创建的视图添加拖放功能。所以没有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++; 
} 

希望这会有所帮助。

Answer 2

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

隐藏按钮，并显示在点击

无需动态添加的按钮。只需添加两个按钮一个是可见的和其他不可见的。而就btnAddButton的点击简单地表现出来..

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

使用的LinearLayout代替

乘坐LinearLayout instead of RelativeLayout它会自动将其设置方向后，将其添加到右侧，如果没有设置，那么addRule正如@Dhruti所建议的