如何在 android 中创建具有相同大小按钮的键盘

Question

I have a problem with creating a keyboard in android studio where every button has same size. I am trying to mimic the android keyboard that looks like this (without shift and delete button): desired keyboard

So far, my solution has been to create a vertical linear layout with three horizontal layouts inside of it. Then i progmatically create buttons, give them a letter and put them in the correct horizontal layout. It looks like this: my Keyboard

As you can see, the buttons increase in size to fill the space. However, i want all the buttons to have the same size, just like the android keyboard. this is my code so far:

The vertical layout and 1 of the 3 horizontal layouts (they are all identical):

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:paddingBottom="20dp"
    app:layout_constraintBottom_toBottomOf="parent">

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="horizontal"
        />

Button from java file:

for (int i = 0; i < 26; i++) {
        Button button = new Button(this);
        button.setOnClickListener(this);
        button.setMaxWidth(5);
        button.setLayoutParams(new TableLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, 1));
        switch (i){
            case 0: button.setText("Q"); break;
            case 1: button.setText("W"); break;
            case 2: button.setText("E"); break;
            case 3: button.setText("R"); break;
            case 4: button.setText("T"); break;
            case 5: button.setText("Y"); break;
            case 6: button.setText("U"); break;
            case 7: button.setText("I"); break;
            case 8: button.setText("O"); break;
            case 9: button.setText("P"); break;
            case 10: button.setText("A"); break;
            case 11: button.setText("S"); break;
            case 12: button.setText("D"); break;
            case 13: button.setText("F"); break;
            case 14: button.setText("G"); break;
            case 15: button.setText("H"); break;
            case 16: button.setText("J"); break;
            case 17: button.setText("K"); break;
            case 18: button.setText("L"); break;
            case 19: button.setText("Z"); break;
            case 20: button.setText("X"); break;
            case 21: button.setText("C"); break;
            case 22: button.setText("V"); break;
            case 23: button.setText("B"); break;
            case 24: button.setText("N"); break;
            case 25: button.setText("M"); break;

        }
        if (i < 10){
            linearLayout1.addView(button);
        }else if (i < 19){
            linearLayout2.addView(button);
        }else{
            linearLayout3.addView(button);
        }
    }

Answer 1

I just create manually a keyboard with the help of nested LinearLayout, here is my XML code:

<LinearLayout android:id="@+id/linearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:paddingLeft="35dp"
        android:paddingRight="35dp"
        >
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="Q"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="W"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="E"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="R"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="T"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="Y"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="U"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="I"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="O"/>

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="P"/>
    </LinearLayout>
        <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="55dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:paddingRight="55dp"
        android:orientation="horizontal">

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="A"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="S"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="D"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="F"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="G"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="H"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="J"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="K"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="L"/>

    </LinearLayout>



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="150dp"
        android:paddingRight="75dp"
        android:paddingTop="10dp"
        android:paddingBottom="20dp"
        android:orientation="horizontal">

        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="Z"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="X"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="C"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="V"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="B"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="N"/>
        <Button
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:text="M"/>
    </LinearLayout>


</LinearLayout>

Output:

Here KeyBoard UI is added