ConstraintLayout的2个子元素水平均分

deepseek回答：

在 ConstraintLayout 中实现两个子元素水平均分屏幕宽度，可通过以下两种推荐方案实现（以 XML 为例）：

---

✅ 方案一：使用 Chains + 权重（推荐）

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

    
    <View
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/view2"
        app:layout_constraintHorizontal_weight="1" 
        />

    
    <View
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toEndOf="@id/view1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_weight="1" 
    <View
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/view2"
        app:layout_constraintWidth_percent="0.5" 
    <View
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toEndOf="@id/view1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintWidth_percent="0.5" 

两种方案均能完美实现等分效果，方案一（权重链） 更灵活（适合动态调整比例），方案二（百分比） 更简洁直观。按需选择即可！

回答2

在 ConstraintLayout 中实现第一个子视图水平占据父容器一半宽度，可通过以下两种高效方案实现（附完整原理说明）：

---

✅ 方案一：百分比约束（推荐方案）

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

    
    <View
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent" 
        />

    
    <View
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toEndOf="@id/view1" 
        app:layout_constraintWidth_default="percent"   
        app:layout_constraintHorizontal_bias="0"       
        />

androidx.constraintlayout.widget.ConstraintLayout>

核心原理：

1. 百分比约束
   app:layout_constraintWidth_percent="0.5" 直接锁定 view1 宽度为父容器的 50%
2. 双向锚定
   start_toStartOf + end_toEndOf 确保 view1 在父容器中水平居中显示
3. 自动填充
   view2 的 constraintWidth_default="percent" 使其自动填满剩余 50% 空间

---

✅ 方案二：Guideline 基准线（动态布局场景）

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

    
    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5" />

    
    <View
        android:id="@+id/view1"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/guideline" 
    <View
        android:id="@+id/view2"
        android:layout_width="0dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toEndOf="@id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        />

androidx.constraintlayout.widget.ConstraintLayout>

核心原理：

1. 动态分割线
   Guideline 的 constraintGuide_percent="0.5" 在屏幕中间创建不可见分割线
2. 精确空间划分
   view1 的右侧约束到分割线，自然占据左半屏
3. 响应式布局
   修改 Guideline 的百分比值可动态调整比例（如 30%/70%）

---

⚠️ 关键注意事项：

1. 宽度必须设为 0dp
   android:layout_width="0dp"表示 MATCH_CONSTRAINT 模式，才能响应百分比约束
2. 消除默认偏移
   当使用双向约束时，添加 app:layout_constraintHorizontal_bias="0" 避免居中偏移
3. API 版本要求
   百分比约束需 ConstraintLayout 1.1.0+ 版本（2018年后主流项目均支持）
4. 间距处理技巧
   若需添加间距，直接在 view1 右侧设置 android:layout_marginEnd="16dp"
   （系统会自动从50%宽度中扣除边距）

两种方案效果等效：
方案一更简洁（单视图直接控制）
方案二更灵活（适合多视图共用基准线）
推荐优先采用百分比约束方案！