How to put these 9 buttons in 3 rows and let them fit

Question

I'm trying to 9 buttons in 3 rows in one layout. However, as some of the buttons contains more text than the others the buttons don't fit. Now it looks like this:

I tried to put each row in a LinearLayout with weightSum = 3 but the rows disappear.

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

Have also tried to use this solution, but it didn't solve my problem.

You should indeed use a GridView. THEN and only then, as a secondary goal (not related to tihs), learn how to use weights. — Phantômaxx, Sep 16 '16 at 15:25

score 2 · Accepted Answer · answered Sep 16 '16 at 15:39

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

Check this

Next time put more details, this answer solved your problem. — M. Wiśnicki, Sep 16 '16 at 16:23

Paul · Answer 2 · 2016-09-16T16:15:49.827

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

Look at this. Define every button in the same size.

score 1 · Answer 3 · answered Sep 16 '16 at 16:17

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

How to put these 9 buttons in 3 rows and let them fit

3 Answers3