以百分比设置按钮的大小

Pea*_*Gen 3 java eclipse user-interface android android-button

请查看以下代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".HomeScreen" >

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="*"
        android:layout_alignParentTop="true" >

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/button4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

        </TableRow>

        <TableRow
            android:id="@+id/tableRow3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/button7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

        </TableRow>

        <TableRow
            android:id="@+id/tableRow4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/button10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

            <Button
                android:id="@+id/button12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button" />

        </TableRow>
    </TableLayout>

</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

这会生成以下输出.

在此输入图像描述

但这不是我需要的.我需要这12个按钮来填充整个屏幕,彼此之间保持相等的空间并且尺寸也相等.我不需要设置固定大小谎言高度= 100,宽度= 100,而是应该根据设备屏幕大小调整大小.这意味着,每个按钮在屏幕上可以有8.3%的空间(100/12 = 8.3).

我通过将每个按钮的高度设置为0dp并添加来尝试此操作android:layout_weight = 0.083.但这不起作用,因为此后没有显示按钮.

我怎样才能做到这一点?

Shu*_*ank 5

您不能在xml中拥有动态布局.

在您加载布局的活动/片段中,您必须根据屏幕大小自行设置tableRow高度

要获得屏幕尺寸,您可以使用

    DisplayMetrics metrics = new DisplayMetrics();
    Activity aActivity = (Activity)  container.getContext();
    aActivity.getWindowManager().getDefaultDisplay().getMetrics(metrics);

    screen_Width = metrics.widthPixels;
    screen_Height = metrics.heightPixels;
Run Code Online (Sandbox Code Playgroud)

现在您可以将每个表的行宽设置为 totalHeight/NoOFRows - padding.

        tableRow.setMinimumHeight(calculatedHeight);
Run Code Online (Sandbox Code Playgroud)

可以对宽度进行类似的计算,以使它们适当地填充并保持相同的尺寸