当前位置: 首页 > 知识库问答 >
问题:

如何将这9个按钮放在3行中并使其适合

璩俊雅
2023-03-14

我正在尝试在一个布局中3行中的9个按钮。但是,由于某些按钮包含的文本比其他按钮多,因此按钮不适合。现在看起来像这样:

我试图将每一行放入<code>线性布局

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

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:id="@+id/kontaktfrag">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="13 egenskaber"
            android:id="@+id/button"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="left|top"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Profeternes egenskaber"
            android:id="@+id/button10"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="center_horizontal|top"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bøntider"
            android:id="@+id/button2"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="right|top"/>
        <Button
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wudu"
            android:id="@+id/button3"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="left|center_vertical"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wudu's betingelser"
            android:id="@+id/button4"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="center"/>

        <Button
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wudu's afbrydelser"
            android:id="@+id/button5"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="right|center_vertical"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bønnens søjler"
            android:id="@+id/button6"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="left|bottom"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bønnens betingelser"
            android:id="@+id/button7"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="center_horizontal|bottom"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bønnens afbrydelser"
            android:id="@+id/button8"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="right|bottom"/>
    </FrameLayout>

</LinearLayout >

我也尝试过使用这个解决方案,但它没有解决我的问题。

共有3个答案

弓晔
2023-03-14
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#32c6a6"
android:orientation="vertical>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/kontaktfrag"
    android:weightSum="3">

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="13 egenskaber"
            android:id="@+id/button"
            android:textSize="15dp"
            android:layout_gravity="left|top"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Profeternes egenskaber"
            android:id="@+id/button10"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="center_horizontal|top"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bøntider"
            android:id="@+id/button2"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="right|top"/>
        <Button
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wudu"
            android:id="@+id/button3"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="left|center_vertical"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wudu's betingelser"
            android:id="@+id/button4"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="center"/>

        <Button
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wudu's afbrydelser"
            android:id="@+id/button5"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="right|center_vertical"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bønnens søjler"
            android:id="@+id/button6"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="left|bottom"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bønnens betingelser"
            android:id="@+id/button7"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="center_horizontal|bottom"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Bønnens afbrydelser"
            android:id="@+id/button8"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="15dp"
            android:layout_gravity="right|bottom"/>
    </FrameLayout>

</LinearLayout >
佟和安
2023-03-14
<?xml version="1.0" encoding="utf-8"?>

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerHorizontal="true"
    android:layout_alignParentBottom="true"
    android:id="@+id/kontaktfrag">

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="13 egenskaber"
        android:id="@+id/button"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="left|top"/>

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Profeternes egenskaber"
        android:id="@+id/button10"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="center_horizontal|top"/>

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Bøntider"
        android:id="@+id/button2"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="right|top"/>
    <Button
        style="?android:attr/buttonStyleSmall"
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Wudu"
        android:id="@+id/button3"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="left|center_vertical"/>

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Wudu's betingelser"
        android:id="@+id/button4"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="center"/>

    <Button
        style="?android:attr/buttonStyleSmall"
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Wudu's afbrydelser"
        android:id="@+id/button5"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="right|center_vertical"/>

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Bønnens søjler"
        android:id="@+id/button6"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="left|bottom"/>

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Bønnens betingelser"
        android:id="@+id/button7"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="center_horizontal|bottom"/>

    <Button
        android:layout_width="130dp"
        android:layout_height="175dp"
        android:text="Bønnens afbrydelser"
        android:id="@+id/button8"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textSize="15dp"
        android:layout_gravity="right|bottom"/>
</FrameLayout>

看这个。定义相同大小的每个按钮。

暴骏奇
2023-03-14
    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#32c6a6"
    android:weightSum="3">
    <LinearLayout
        android:orientation="horizontal"
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linRow1"
        android:layout_weight="1"
        android:weightSum="3">
        <Button
            android:text="13 egenskaber"
            android:id="@+id/button"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <Button
            android:text="Profeternes egenskaber"
            android:id="@+id/button10"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <Button
            android:text="Bøntider"
            android:id="@+id/button2"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
    </LinearLayout>
    <LinearLayout
        android:orientation="horizontal"
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linRow2"
        android:layout_weight="1"
        android:weightSum="3">
        <Button
            style="?android:attr/buttonStyleSmall"
            android:text="Wudu"
            android:id="@+id/button3"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <Button
            android:text="Wudu's betingelser"
            android:id="@+id/button4"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <Button
            style="?android:attr/buttonStyleSmall"
            android:text="Wudu's afbrydelser"
            android:id="@+id/button5"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
    </LinearLayout>
    <LinearLayout
        android:orientation="horizontal"
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linRow3"
        android:layout_weight="1"
        android:weightSum="3">
        <Button
            android:text="Bønnens søjler"
            android:id="@+id/button6"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <Button
            android:text="Bønnens betingelser"
            android:id="@+id/button7"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
        <Button
            android:text="Bønnens afbrydelser"
            android:id="@+id/button8"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />
    </LinearLayout>
</LinearLayout>

检查这个

 类似资料:
  • 我想做一个井字游戏(Android版)。我想让所有的9个按钮根据设备的宽度和高度自动调整大小,并将它们均匀地放置在一个3*3的网格中。但是我现在只能为他们的尺寸设定数量。有人能告诉我如何让他们使用父母的高度和宽度,并计算他们的大小吗? 另外,我现在使用网格布局。这是我应该用于井字游戏的最佳布局吗? 谢谢。

  • 问题内容: 我正在Twitter Bootstrap中构建表单,但是将按钮居中于表单输入下方时出现问题。我已经尝试过将类应用于按钮,但这没有用。我该如何解决? 这是我的代码。 问题答案: 用“文本中心”类在div中包装Button。 只需更改此: 对此: 编辑 作为 BootstrapV4 ,滴入#19102赞成

  • 我正在尝试使用RelativeLayout将三个按钮并排放置在一行中。 这是放置在带有按钮组的线性布局中的相对布局 main.xml 这些是在布局中发现的按钮组

  • 对于我的项目,我希望有一个切换按钮。经过大量研究,我找到了这篇文章。toggle-Switg-in-qt 我在上面的链接上实现了第三个帖子的代码。 这段代码工作正常。缺点是我不明白如何为切换按钮的两种状态添加QLabel?有人想过做这个操作吗?

  • 我正在推特引导中构建一个表单,但是我在表单输入下方的按钮居中时遇到了问题。我已经尝试将类应用于按钮,但没有成功。我该如何解决这个问题? 这是我的密码。

  • 如何对值进行排序,并将其直接按降序放入for循环本身的数组中,而不是在for循环之后使用sorted函数?