使每一列具有相同的宽度

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>

这是什么产生的：

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

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

他有什么方法可以做到这一点？我的布局有什么问题？

Answer 1

将android:layout_width="0dp" 添加到大文本框架中，使其宽度与您定义的重量一致。您可能需要对其他框架布局执行相同操作。