如何在布局中放置四個框？

我想創建這種型別的布局，其中盒子的形狀相同并且排列如下：

我想過創建兩個Linear Layout有horizontal方向的，我可以在其中放置兩個盒子。任何幫助將非常感激。

這是我寫的代碼：

<androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
....
 <LinearLayout
                android:id="@ id/share_app_row_one_container"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="32dp"
                android:layout_marginTop="32dp"
                android:layout_marginEnd="32dp"
                android:orientation="horizontal"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">


                <Button
                    android:id="@ id/box_1"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_marginEnd="46dp"
                    android:layout_height="wrap_content"
                    android:background="@color/blue"
                    android:text="Box #1"
                    android:textAllCaps="false"
                    android:textColor="@color/white"
                    />

                <Button
                    android:id="@ id/box_2"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:background="@color/blue"
                    android:text="Box #2"
                    android:textAllCaps="false"
                    android:textColor="@color/white"/>

            </LinearLayout>

            <LinearLayout
                android:id="@ id/share_app_row_two_container"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="32dp"
                android:layout_marginTop="32dp"
                android:layout_marginEnd="32dp"
                android:orientation="horizontal"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@id/share_app_row_one_container">

                <Button
                    android:id="@ id/box_3"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_marginEnd="46dp"
                    android:layout_height="wrap_content"
                    android:background="@color/blue"
                    android:text="Box #3"
                    android:textAllCaps="false"
                    android:textColor="@color/white"
                    />

                <Button
                    android:id="@ id/box_4"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content"
                    android:background="@color/blue"
                    android:text="Box #4"
                    android:drawableTint="@color/white"
                    android:textAllCaps="false"

                    android:textColor="@color/white"/>


            </LinearLayout>
...
</androidx.constraintlayout.widget.ConstraintLayout>

但是盒子不統一。

uj5u.com熱心網友回復：

您可以使用約束來達到目標??：

和代碼：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="16dp">

    <TextView
            android:id="@ id/boxOneTextView"
            android:layout_width="0dp"
            android:layout_height="96dp"
            android:layout_marginEnd="8dp"
            android:layout_marginBottom="16dp"
            android:background="@color/colorPrimary"
            android:gravity="center"
            android:textColor="@android:color/white"
            app:layout_constraintBottom_toTopOf="@id/boxThreeTextView"
            app:layout_constraintEnd_toStartOf="@id/boxTwoTextView"
            app:layout_constraintStart_toStartOf="parent"
            tools:text="Box 1" />

    <TextView
            android:id="@ id/boxTwoTextView"
            android:layout_width="0dp"
            android:layout_height="96dp"
            android:layout_marginStart="8dp"
            android:layout_marginBottom="16dp"
            android:background="@color/colorPrimary"
            android:gravity="center"
            android:textColor="@android:color/white"
            app:layout_constraintBottom_toTopOf="@id/boxFourTextView"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/boxOneTextView"
            tools:text="Box 4" />

    <TextView
            android:id="@ id/boxThreeTextView"
            android:layout_width="0dp"
            android:layout_height="96dp"
            android:layout_marginEnd="8dp"
            android:background="@color/colorPrimary"
            android:gravity="center"
            android:textColor="@android:color/white"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@id/boxFourTextView"
            app:layout_constraintStart_toStartOf="parent"
            tools:text="Box 3" />

    <TextView
            android:id="@ id/boxFourTextView"
            android:layout_width="0dp"
            android:layout_height="96dp"
            android:layout_marginStart="8dp"
            android:background="@color/colorPrimary"
            android:gravity="center"
            android:textColor="@android:color/white"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@id/boxThreeTextView"
            tools:text="Box 4" />

</androidx.constraintlayout.widget.ConstraintLayout>

uj5u.com熱心網友回復：

您還可以像這樣設定可繪制物件：

<TextView
    android:id="@ id/box_1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:gravity="center_horizontal"
    android:drawableLeft="@drawable/box_ic"
    android:text="Item 0"/>

標籤：安卓 xml

上一篇：XSLT-如果父屬性包含特定文本，則更改子屬性

下一篇：如何使用導航組件“朝一個方向”導航？