Question

我的活动根据TableLayout和TableRow动态填充了一些按钮，如下所示：

    private TableLayout buttonTableLayout;
    //-----
    for (int row = 0; row < buttonTableLayout.getChildCount(); ++row)
        ((TableRow) buttonTableLayout.getChildAt(row)).removeAllViews();

    LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    for (int row = 0; row < 5; row++) {
        TableRow currentTableRow = getTableRow(row);

        for (int column = 0; column < 5; column++) {
                Button newGuessButton = (Button) inflater.inflate(R.layout.my_button, currentTableRow, false);
                newGuessButton.setText(String.valueOf((row * 5) + column + 1));
                currentTableRow.addView(newGuessButton);
            }

        }
    }
    //----
    private TableRow getTableRow(int row) {
        return (TableRow) buttonTableLayout.getChildAt(row);
    }

我想制作一个5 * 5的按钮列表1：它们全部具有相同的宽度和高度，2：使它们填满屏幕。在我的代码中，我有一个名为my_button的布局，如：

<Button xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/newButton"
android:layout_width="60dp"
android:layout_height="60dp"
android:background="@drawable/button_style"></Button>

或

<Button xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/newButton"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/button_style"></Button>

结果是：

我已经改变了重力，但它不起作用。有没有办法让它们完全正方形并填满屏幕的宽度。

Answer 1

你应该对Button子视图进行子视图并覆盖以下函数：

public class SquareButton extends Button {
public SquareButton(Context context) {
    super(context);
}

public SquareButton(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public SquareButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

public SquareButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
}

@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, widthMeasureSpec);
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = MeasureSpec.getSize(heightMeasureSpec);
    int size = width > height ? height : width;
    setMeasuredDimension(size, size); // make it square

}
}

编辑：好的，您需要自定义按钮，如上所示。然后，您可以使用上面的SquareButton。而不是使用默认按钮。

 <com.kingfisher.utils.SquareButton
            android:id="@+id/btnSearch"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="100"
            android:text="Downloaded"/>

Answer 2

你必须像这样动态获取屏幕宽度：

Display display = getWindowManager().getDefaultDisplay();
Point size = new Point();
display.getSize(size);
int width = size.x;
int height = size.y;

在得到这个之后你必须将宽度除以5，这样你就可以根据屏幕宽度选择宽度为一个按钮。

int buttonWidthAndHeight = width/ 5;

现在，当您向表格布局添加按钮时，请设置按钮的宽度和高度，如下所示：

 TableLayout.LayoutParams lp= new TableLayout.LayaoutParams(buttonWidthAndHeight ,buttonWidthAndHeight ); // width,height
 newGuessButton.setLayoutParams(lp);

快乐编码!!!!!

Answer 3

请尝试使用此代码，将button_rect_shape.xml放在drawable文件夹中。

<强> button_rect_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
     />


<solid android:color="#fc5117"/>
    <!--<stroke
        android:width="1dp"
        android:color="#ffffff" />
-->

    <!--<gradient android:angle="270"
        android:centerColor="#fc5117"
        android:endColor="#fc5117"
        android:startColor="#fc5117" />-->
</shape>

<强> SampleLayout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">



    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="100dp"


        android:layout_gravity="center_horizontal"
        android:background="@drawable/button_rect_shape"
        />



</LinearLayout>

如何创建填充屏幕宽度的精确方形按钮

3 个答案: