代码之家  ›  专栏  ›  技术社区  ›  PeakGen

以百分比设置按钮的大小

android-button user-interface eclipse android java
  •  4
  • PeakGen  · 技术社区  · 11 年前

    请查看以下代码 

    <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>

    这将生成以下输出。

    enter image description here

    但这不是我需要的。我需要这12个按钮来填充整个屏幕,保持彼此之间的间距相等,大小也相等。我不需要设置固定的尺寸lie high=100,width=100,相反,它应该根据设备屏幕大小调整尺寸。这意味着,每个按钮在屏幕上可以有8.3%的空间(100/12=8.3)。

    我通过将每个按钮的高度设置为 0dp 并添加 android:layout_weight = 0.083 。但这并没有起作用,因为在此之后没有显示任何按钮。

    我该怎么做?

    2 回复  |  直到 7 年前
        1
  •  6
  •   Shubhank    11 年前

    您不能在xml中拥有所需的动态布局。。

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

    要获得屏幕大小,您可以使用 

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

    screen_Width = metrics.widthPixels;
    screen_Height = metrics.heightPixels;

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

            tableRow.setMinimumHeight(calculatedHeight);

    可以对宽度进行类似的计算,使其正确填充并保持相同的尺寸

        2
  •  1
  •   Community CDub    5 年前

    试试下面的布局。我更改了一些权重值,并将按钮高度设置为fill_parent 

    <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:weightSum="4" >

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

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

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

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

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

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

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

            <Button
                android:id="@+id/button6"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight=".3"
                android:text="Button" />
        </TableRow>

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

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

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

            <Button
                android:id="@+id/button9"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight=".3"
                android:text="Button" />
        </TableRow>

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

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

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

            <Button
                android:id="@+id/button12"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight=".3"
                android:text="Button" />
        </TableRow>
    </TableLayout>

</RelativeLayout>

    这是在我的设备上工作。希望这对你也有效!

    enter image description here

    推荐文章
    Seg  ·  _tkinter。TclError|TCL安装不正确。FreeSimpleGUI中出错
    4 月前
    FranticFronk  ·  Tkinter单选按钮在已选择时执行命令
    6 月前
    Kumkuatte  ·  如何将UI元素对齐到Unity中的左侧位置
    9 月前
    Calax  ·  GUI不显示所有组件(C++)
    10 月前
    trassert  ·  python flet容器
    11 月前
    Shady Abdulmunim  ·  喷气背包组合中的扫掠渐变圆形进度条
    11 月前
    Jason Parmar  ·  伪OSS错误:校验和输入流计算器不支持标记
    11 月前
    Kdwk  ·  为什么添加这个Flutter小部件会使应用程序对鼠标点击没有响应?
    11 月前
    zadisk8  ·  带有Q拆分器和多级选项卡的PyQt5
    11 月前
    Patrick Visi  ·  Zitadel日常创建服务用户
    1 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号