如何在水平线性布局中让子元素精准定位至两端？

嘿，这个问题我之前做项目的时候刚好碰到过！不用加 spacer 也能完美搞定，给你两个实用的方案：

现在Android官方最推荐的布局就是ConstraintLayout，对付这种可变宽度的对齐需求超顺手。步骤很简单：

1. 把图片和两个链接都放到ConstraintLayout容器里
2. 给图片设置宽度为屏幕的85%：layout_width="0dp" + app:layout_constraintWidth_percent="0.85"，再设置水平居中（绑定父布局的左右边缘）
3. 左侧链接直接绑定图片的左边缘，顶部在图片下方
4. 右侧链接直接绑定图片的右边缘，顶部同样在图片下方
5. 如果想让两个链接在同一行对齐基线，给它们加上app:layout_constraintBaseline_toBaselineOf="@id/left_link"（对应右侧链接）就行

代码示例：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 你的目标图片 -->
    <ImageView
        android:id="@+id/main_image"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image_resource"
        app:layout_constraintWidth_percent="0.85"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <!-- 左对齐的链接 -->
    <TextView
        android:id="@+id/left_action_link"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左侧操作链接"
        android:textColor="@color/design_default_color_primary"
        app:layout_constraintStart_toStartOf="@id/main_image"
        app:layout_constraintTop_toBottomOf="@id/main_image"
        android:layout_marginTop="8dp"/>

    <!-- 右对齐的链接 -->
    <TextView
        android:id="@+id/right_action_link"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右侧操作链接"
        android:textColor="@color/design_default_color_primary"
        app:layout_constraintEnd_toEndOf="@id/main_image"
        app:layout_constraintTop_toBottomOf="@id/main_image"
        app:layout_constraintBaseline_toBaselineOf="@id/left_action_link"
        android:layout_marginTop="8dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

如果你不想切换布局，就在你当前的HorizontalLinearLayout里改两个地方就行：

1. 给LinearLayout加上**android:gravity="space_between"**——这个属性会让子控件自动向两端对齐，中间的空白自动填充，完全不用额外加spacer
2. 确保两个链接的layout_width都是wrap_content（别设成match_parent）

这样不管屏幕宽度怎么变，LinearLayout和图片同宽，两个链接都会精准对齐图片的左右边缘。

代码示例：

<!-- 你的目标图片 -->
<ImageView
    android:id="@+id/main_image"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:src="@drawable/your_image_resource"
    app:layout_constraintWidth_percent="0.85"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

<!-- 和图片同宽的水平布局 -->
<LinearLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="space_between" <!-- 核心属性 -->
    app:layout_constraintWidth_percent="0.85"
    app:layout_constraintStart_toStartOf="@id/main_image"
    app:layout_constraintEnd_toEndOf="@id/main_image"
    app:layout_constraintTop_toBottomOf="@id/main_image"
    android:layout_marginTop="8dp">

    <!-- 左对齐链接 -->
    <TextView
        android:id="@+id/left_action_link"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左侧操作链接"
        android:textColor="@color/design_default_color_primary"/>

    <!-- 右对齐链接 -->
    <TextView
        android:id="@+id/right_action_link"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右侧操作链接"
        android:textColor="@color/design_default_color_primary"/>

</LinearLayout>

两种方案都能解决你的问题，方案2更适合快速修改现有代码，方案1则更适合后续有布局扩展需求的场景~

内容的提问来源于stack exchange，提问作者Bruce