使每列具有相同的宽度

时间:2017-09-30 16:04:19

标签: android xml android-gridlayout

我有这个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>

产生这个:

Grid Layout

注意到最后一行?由于他的文字更大,中间栏更大。这个TextView layout_height被设置为wrap_content,而父FrameLayout layout_columnWeight被设置为1.那么为什么FrameLayout他的geting更大而不是TextView的高度增长?

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

他有什么方法可以实现这个目标吗?我的布局出了什么问题?

1 个答案:

答案 0 :(得分:1)

android:layout_width="0dp"添加到大文字框架中,使用您定义的重量使其宽度符合线条。您可能需要对其他帧布局执行相同的操作。