根据屏幕宽度动态添加按钮

Question

我试图根据屏幕宽度动态添加按钮。

即，如果我得到6个按钮，那么我需要相应地定位它们，以便按钮出现在中间，在左父母和右父母上具有相等的间距。

这里是一段代码，其我想，但没有结果：

private void btmBarBtns(int position) { 

    RelativeLayout rlLayout; 
    RelativeLayout.LayoutParams layoutParams; 

    int leftMargin = scrWidth/pageCount; 

    CommonMethods.getSystemOutput("Left Margin::::"+leftMargin); 

    for (int i = 0; i < pageCount; i ++) { 

     rlLayout = (RelativeLayout) findViewById(R.id.ivBottomBar); 

     layoutParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 

     layoutParams.leftMargin = leftMargin; 

     ib = new ImageButton(this); 
     ib.setId(i); 
     ib.setLayoutParams(layoutParams); 
     ib.setBackgroundResource(R.drawable.white_circle_32x32); 

     rlLayout.addView(ib); 
     leftMargin = leftMargin + 70; 

     if (ib.getId() == position) { 
      ib.setBackgroundResource(R.drawable.black_circle_32x32); 
     } 

    } 
} 

在上面的代码我有高度25dp和宽度FILL_PARENT的相对布局。我可以添加按钮，但它们不在中心。

Answer 1

如果你想为中心的ImageButtons等间隔左右，那么你可以简单的将它们包装在一个LinearLayout，然后居中，在父RelativeLayoutLinearLayout：

RelativeLayout rlLayout = (RelativeLayout) findViewById(R.id.parent); 
    LinearLayout container = new LinearLayout(this); 
    for (int i = 0; i < 5; i++) { 
     LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
       LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
     ImageButton ib = new ImageButton(this); 
     ib.setId(i); 
     ib.setLayoutParams(layoutParams); 
     ib.setBackgroundResource(R.drawable.ic_launcher); 
     container.addView(ib); 

     if (ib.getId() == position) { 
      ib.setBackgroundResource(R.drawable.black_circle_32x32); 
     } 
    } 
    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(
      LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
    layoutParams.addRule(RelativeLayout.CENTER_HORIZONTAL, 
      RelativeLayout.TRUE); 
    rlLayout.addView(container, layoutParams); 

如果你想写更多的代码只是做上述那么你可以修改当前的布局，并添加这个元素作为锚：

<View 
    android:layout_width="0dp" 
    android:layout_height="0dp" 
    android:layout_centerHorizontal="true" 
    android:id="@+id/anchor" /> 

，然后在代码中的位置ImageButtons这种定位的View的左，右：

int anchorId = R.id.anchor;  
     int btnsNr = 6; // this is the number of Buttons 
     RelativeLayout rlLayout = (RelativeLayout) findViewById(R.id.parent); 
     if (btnsNr % 2 != 0) { 
      anchorId = 1000; 
      btnsNr--; 
      ImageButton imgb = new ImageButton(this); 
      imgb.setImageResource(R.drawable.shop_open); 
      imgb.setId(anchorId); 
      RelativeLayout.LayoutParams rlp = new RelativeLayout.LayoutParams(
        RelativeLayout.LayoutParams.WRAP_CONTENT, 
        RelativeLayout.LayoutParams.WRAP_CONTENT); 
      rlp.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE); 
      rlLayout.addView(imgb, rlp); 
     } 
     int whichPart = 1; 
     while (whichPart >= 0) { 
      int previousId = anchorId; 
      for (int i = 0; i < (btnsNr/2); i++) { 
       RelativeLayout.LayoutParams tmp = new RelativeLayout.LayoutParams(
         RelativeLayout.LayoutParams.WRAP_CONTENT, 
         RelativeLayout.LayoutParams.WRAP_CONTENT); 
       if (whichPart == 1) { 
        tmp.addRule(RelativeLayout.LEFT_OF, previousId); 
       } else { 
        tmp.addRule(RelativeLayout.RIGHT_OF, previousId); 
       } 
       ImageButton imgb = new ImageButton(this); 
       previousId += whichPart == 1 ? -1 : 1; 
       imgb.setId(previousId); 
       imgb.setImageResource(R.drawable.shop_open); 
       rlLayout.addView(imgb, tmp); 
      } 
      whichPart--; 
     } 

如果你想计算的ImageButtons适合屏幕的数量（和水平居中他们），你应该提到。