使每列具有相同的宽度

Question

我有这个 GridLayout：

<android.support.v7.widget.GridLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp"
    app:columnCount="3"
    app:rowCount="4">

    <FrameLayout
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnSpan="2"
        app:layout_columnWeight="2"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginStart="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginStart="5dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginStart="5dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginStart="5dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnSpan="2"
        app:layout_columnWeight="2"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginStart="5dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="big text changing"
            android:textColor="@android:color/black" />

    </FrameLayout>

    <FrameLayout
        android:layout_marginStart="5dp"
        android:layout_marginTop="5dp"
        android:background="@android:color/darker_gray"
        android:gravity="center"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_light"
            android:gravity="start"
            android:padding="10dp"
            android:text="some text"
            android:textColor="@android:color/white" />

    </FrameLayout>

</android.support.v7.widget.GridLayout>

生产这个的：

注意到最后一行了吗？中间一栏他更大，因为他的文字更大。这个TextViewlayout_height设置为wrap_content，父FrameLayoutlayout_columnWeight设置为1。那么为什么FrameLayout变大而不是TextView变高？

我希望所有列都具有相同的宽度，尽管里面有文字。如果文本有点大，那么 TextView 应该增加他在 FrameLayout 中的高度。

他有什么办法可以实现吗？我的布局有什么问题？

Answer 1

将 android:layout_width="0dp" 添加到大文本框架，以使用您定义的粗细调整其宽度。您可能需要对其他框架布局执行相同的操作。

使每列具有相同的宽度

Make each column have the same width

xml

android

android-gridlayout