Gridlayout выравнивает дочерние элементы в столбце

из документации GridLayout:

Распределение Избыточного Пространства

считается, что несколько компонентов в одной строке или группе столбцов действуют параллельно. Такая группа является гибкой только в том случае, если все компоненты в ней являются гибкими. Вместо этого считается, что группы строк и столбцов, расположенные по обе стороны общей границы, действуют последовательно. составная группа сделанная из этих 2 элементов гибка если одно из своего элементы гибки.

чтобы растянуть столбец, убедитесь, что все компоненты внутри него определяют гравитацию. Чтобы предотвратить растяжение столбца, убедитесь, что один из компонентов в столбце не определяет гравитацию.

когда принцип гибкости не обеспечивает полной омонимии, алгоритмы GridLayout предпочитают строки и столбцы, которые находятся ближе к его правой и нижней части стыки.

^{(выделено мной)}

Итак, чтобы спроектировать следующий вывод:

объяснение:

Примечание:

• не выравнивайте гравитацию наибольшей ширины компонента правого столбца с любой осью (например, сверху, снизу, слева, справа). Когда представление выровнено w.r.t к оси, оно не протянет потому что составная группа станет не гибкий. Это заставит другие элементы в композитной группе сжиматься (даже если указан fill_horizontal, он будет неэффективен в негибкой композитной группе). Ширина самого широкого компонента будет шириной правого бокового столбца в сетке.

• Если вы хотите, чтобы текст обертывался при увеличении длины содержимого, укажите ширину представления как 0dp (android:layout_width="0dp"), Так что макет сетки динамически вычислить ширина:

XML для макета сетки:

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:alignmentMode="alignBounds"
    android:background="#ffffffff"
    android:columnCount="6"
    android:columnOrderPreserved="false"
    android:orientation="horizontal"
    android:padding="5dp"
    android:useDefaultMargins="true" >

    <Button
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_columnSpan="4"
        android:layout_gravity="left|fill"
        android:background="#ff00BFFF"
        android:text="View 1" />

    <Button
        android:id="@+id/view4"
        android:layout_columnSpan="2"
        android:layout_gravity="right|clip_horizontal"
        android:background="#ffff0000"
        android:padding="5dp"
        android:text="hi"
        android:textColor="#ffffffff" />

    <Button
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_columnSpan="4"
        android:layout_gravity="left|fill"
        android:background="#ff00ff00"
        android:text="View 2 has a very very very long text" />

    <Button
        android:id="@+id/view5"
        android:layout_columnSpan="2"
        android:layout_gravity="clip_horizontal"
        android:background="#ffDDA0DD"
        android:padding="5dp"
        android:text="hello something"
        android:textColor="#ffffffff" />

    <Button
        android:id="@+id/view3"
        android:layout_width="0dp"
        android:layout_columnSpan="4"
        android:layout_gravity="left|fill"
        android:background="#ffffD700"
        android:text="View 3 has a very very very long text" />

    <Button
        android:id="@+id/view6"
        android:layout_columnSpan="2"
        android:layout_gravity="clip_horizontal|right"
        android:background="#ff4169E1"
        android:padding="5dp"
        android:text="hello world"
        android:textColor="#ffffffff" />

</GridLayout>