动态添加彼此相邻的按钮 - RelativeLayout

时间:2017-04-09 11:42:10

标签: java android button dynamic programmatically-created

好的,所以这就是事情。我试图创建一个类似于Android的钢琴的应用程序,我也从未真正拥有过Java的Java或编程经验,因此所有这些对我来说都是新手。我已经设法用XML完成了这项工作,但我想让它成为程序化的,这样我就可以轻松添加更多的白键和黑键,这些键也取决于屏幕大小。在XML中,它看起来像这样

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

<Button
    android:id="@+id/white1"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff" />
<Button
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff"
    android:id="@+id/white2"
    android:layout_toRightOf="@+id/white1"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff"
    android:id="@+id/white3"
    android:layout_toRightOf="@+id/white2"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff"
    android:id="@+id/white4"
    android:layout_toRightOf="@+id/white3"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff"
    android:id="@+id/white5"
    android:layout_toRightOf="@+id/white4"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff"
    android:id="@+id/white6"
    android:layout_toRightOf="@+id/white5"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#fff"
    android:id="@+id/white7"
    android:layout_toRightOf="@+id/white6"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_marginStart="-10dp"
    android:layout_marginEnd="-6dp"
    android:background="#000"
    android:id="@+id/black1"
    android:layout_toRightOf="@+id/white1"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_marginLeft="-6dp"
    android:layout_marginRight="-10dp"
    android:background="#000"
    android:id="@+id/black2"
    android:layout_toRightOf="@+id/white2"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_marginLeft="-10dp"
    android:layout_marginRight="-6dp"
    android:background="#000"
    android:id="@+id/black3"
    android:layout_toRightOf="@+id/white4"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_marginLeft="-8dp"
    android:layout_marginRight="-8dp"
    android:background="#000"
    android:id="@+id/black4"
    android:layout_toRightOf="@+id/white5"/>
<Button
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_marginLeft="-6dp"
    android:layout_marginRight="-10dp"
    android:background="#000"
    android:id="@+id/black5"
    android:layout_toRightOf="@+id/white6"/>

现在我想以programmaticaly方式重新创建它,起初我尝试过线性方法,但首先我无法制作超过7个键,而且我真的不知道如何制作黑键最重要的是。所以现在我已经使用RelativeLayout,只要我创建两个按钮,一切都很好,然后它工作正常,一个接近另一个。但是当我尝试创建两个以上的按钮时,他们就会堆叠起来。

我试图制作某种按钮阵列,这样我就可以轻松地创建一个循环来创建预定数量的按钮。另外我想改变按钮的宽度,所以如果我创建了8个按钮,则宽度为screen_width / 8但是我不太确定它是否有意义,因为它实际上没有做任何事情注释。

我会很感激任何提示:)

public class MainActivity extends AppCompatActivity {

final int[] whitelist = {R.id.whitebt1,R.id.whitebt2,R.id.whitebt3,R.id.whitebt4,R.id.whitebt5,
        R.id.whitebt6,R.id.whitebt7,R.id.whitebt8};
Button[] whiteKeys = new Button[whitelist.length];
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
    Display display = getWindowManager().getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    int width = size.x;
    int height = size.y;



    final RelativeLayout pianoLayout = new RelativeLayout(this);
    RelativeLayout.LayoutParams whiteKeyParams1 =  new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);


    whiteKeys[0] = new Button(this);
    whiteKeys[0].setId(View.generateViewId());
    //whiteKeys[0].setHeight(height);
    //whiteKeys[0].setWidth(width/8);
    whiteKeys[0].setLayoutParams(whiteKeyParams1);
    pianoLayout.addView(whiteKeys[0]);


    whiteKeys[1] = new Button(this);
    whiteKeys[1].setId(View.generateViewId());
    //whiteKeys[i].setHeight(height);

    RelativeLayout.LayoutParams whiteKeyParams2 =  new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    whiteKeyParams2.addRule(RelativeLayout.RIGHT_OF, whiteKeys[0].getId() );
    whiteKeys[1].setLayoutParams(whiteKeyParams2);
    pianoLayout.addView(whiteKeys[1]);

    //HERE'S IS THE MOMENT WHERE I TRY TO ADD THIRD BUTTON AND THE BUTTONS START TO PILE UP
    /*
    whiteKeys[2] = new Button(this);
    whiteKeys[2].setId(View.generateViewId());
    //whiteKeys[i].setHeight(height);

    //RelativeLayout.LayoutParams whiteKeyParams2 =  new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    whiteKeyParams2.addRule(RelativeLayout.END_OF, whiteKeys[1].getId());
    whiteKeys[2].setLayoutParams(whiteKeyParams2);
    pianoLayout.addView(whiteKeys[2]);*/

    this.setContentView(pianoLayout);
    }
}

2 个答案:

答案 0 :(得分:0)

您可以使用weightsumlayoutweight添加8个相同大小的按钮,其中LienarLayout具有水平方向。

请参阅下面的代码,它可以帮助您动态添加相同大小的按钮。

  /* Add a new Linearlayout as a container for the buttons */
            LinearLayout linearLayout = new LinearLayout(this);
            linearLayout.setOrientation(LinearLayout.HORIZONTAL);
            //Added Weight Sum 8 in LinearLayout
            linearLayout.setWeightSum(8);
            /* Create a new Buttons in this container, for the status bar */
            //below LayoutParams define with weight 1 for buttons.
            LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT, 1.0f);
            Button button1 = new Button(linearLayout.getContext());
            button1.setLayoutParams(param);

            Button button2 = new Button(linearLayout.getContext());
            button2.setLayoutParams(param);

            Button button3 = new Button(linearLayout.getContext());
            button3.setLayoutParams(param);

            Button button4 = new Button(linearLayout.getContext());
            button4.setLayoutParams(param);

            Button button5 = new Button(linearLayout.getContext());
            button5.setLayoutParams(param);

            Button button6 = new Button(linearLayout.getContext());
            button6.setLayoutParams(param);

            Button button7 = new Button(linearLayout.getContext());
            button7.setLayoutParams(param);

            Button button8 = new Button(linearLayout.getContext());
            button8.setLayoutParams(param);

答案 1 :(得分:0)

在将视图添加到父布局之前,您必须为每个新密钥添加边距,这样可以防止将一个密钥堆叠到另一个密钥上。

params.setMargins(左,上,右,下);