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

Question

好的，事情就是这样。我正在尝试为 android 制作一个类似于钢琴的应用程序，而且我从来没有真正有过 Java 或 Android 编程的经验，所以所有这些都是全新的我。我已经在 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"/>

现在我想以编程方式重新创建它，起初我尝试过线性方法，但首先我无法制作超过 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);
    }
}

Answer 1

您可以使用 weightsum 和 layoutweight 以及水平方向的 LienarLayout 添加 8 个相同大小的按钮。

查看下面的代码，它可能会帮助您动态添加相同大小的按钮。

  /* 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);

Answer 2

使用您的方法，在将视图添加到父布局之前，您还必须为每个新键添加边距，这也将防止一个键堆叠在另一个键上。

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

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

Dynamically adding buttons next to each other - RelativeLayout

java

android

dynamic

button

programmatically-created