GridLayout 在列内对齐子项

Question

我有一个由 6 个孩子组成的 GridLayout。它的列数为 2。左列的子级具有 layout_gravity 的 start|end|fill_horizontal 和 layout_width 的 0dp，这会导致它们填满所有可用空间。

这太棒了，它给了我如下所示的输出。

视图 4、5 和 6 只是它们需要的大小。很酷。我现在想将视图 4、5 和 6 与容器的右侧对齐，但这已被证明具有挑战性。由于GridLayout 确定列灵活性的方式，给右列的视图提供layout_gravity 或right 会破坏布局。第一列中的视图不再填充布局中的剩余宽度。 （据我了解，这是因为现在两列都有定义水平重力的子级，所以GridLayout 不能再将一列标记为灵活）。

有没有办法做到这一点？我真的不喜欢嵌套LinearLayouts。以下是我想要的结果。

作为参考，当前视图层次结构 XML 看起来像...

<GridLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnCount="2">

    <View
        android:id="@+id/view1"
        android:layout_gravity="start|end|fill_horizontal" />

    <View
        android:id="@+id/view4" />

    <View
        android:id="@+id/view2"
        android:layout_gravity="start|end|fill_horizontal" />

    <View
        android:id="@+id/view5" />

    <View
        android:id="@+id/view3"
        android:layout_gravity="start|end|fill_horizontal" />

    <View
        android:id="@+id/view6" />

</GridLayout>

Answer 1

来自GridLayout的文档：

多余空间分布

同一行或列组中的多个组件被视为并行操作。只有当其中的所有组件都是灵活的时，这样的组才是灵活的。相反，位于公共边界两侧的行组和列组被视为串联。 如果其中一个元素是灵活的，则由这两个元素组成的复合组是灵活的。

要使柱子伸展，请确保其中的所有组件都定义了重力。要防止柱子拉伸，请确保柱子中的一个组件没有定义重力。

当灵活性原则不能完全消除歧义时，GridLayout 的算法偏向于更靠近其右侧和底部边缘的行和列。

^{（强调我的）}

所以，要设计以下输出：

解释：

注意：

• 不要将右列最大宽度分量的重心与任何轴对齐（如上、下、左、右）。当视图与轴对齐时，它不会拉伸，因为复合组将变得不灵活。这会使复合组中的其他元素收缩（即使指定了fill_horizo​​ntal，在非灵活的复合组中也是无效的）。最宽组件的宽度将是网格中右侧列的宽度。

• 如果希望文本在内容长度增加时换行，请将视图的宽度指定为 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>

Answer 2

让我修改我的答案并使用不同的方法。这是布局文件：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:columnCount="2" >


<TextView
    android:id="@+id/TextView1"
    android:layout_column="0"
    android:layout_columnSpan="1"
    android:layout_row="0"
    android:background="#87CEFA"
    android:text="@string/view1" />

<TextView
    android:id="@+id/TextView4"
    android:gravity="right"
    android:layout_column="1"
    android:layout_columnSpan="1"
    android:layout_row="0"
    android:layout_gravity="right"
    android:background="#FF3030"
    android:text="@string/view4" />

<TextView
    android:id="@+id/TextView2"
    android:layout_column="0"
    android:layout_columnSpan="1"
    android:layout_row="1"
    android:width="0dp"
    android:layout_gravity="fill_horizontal"
    android:background="#90EE90"
    android:text="@string/view2" />

<TextView
    android:id="@+id/TextView5"
    android:gravity="right"
    android:layout_column="1"
    android:layout_columnSpan="1"
    android:layout_row="1"
    android:background="#EE82EE"
    android:paddingLeft="36dp"
    android:layout_gravity="right"
    android:text="@string/view5" />

<TextView
    android:id="@+id/TextView3"
    android:layout_column="0"
    android:layout_columnSpan="1"
    android:layout_row="2"
    android:width="0dp"
    android:layout_gravity="fill_horizontal"
    android:background="#EEEE00"
    android:text="@string/view3" />

<TextView
    android:id="@+id/TextView6"
    android:gravity="right"
    android:layout_column="1"
    android:layout_columnSpan="1"
    android:layout_row="2"
    android:background="#EE7621"
    android:layout_gravity="right"
    android:text="@string/view6" />

</GridLayout>

结果如下：

两列的宽度由内容决定。对于 View 5，我在左侧添加了填充，即填充可用于扩展单元格的宽度（和高度）。这行得通吗？