ConstraintLayout中如何让View匹配另一视图约束并外扩16dp

解决方案 #

你原来使用正margin会让约束边向内偏移，所以View尺寸小于TextView，有两种非常简便的实现方式，不需要额外添加Space控件： #

方案1：使用负margin（无需调整原有层级）

ConstraintLayout原生支持负margin，设置负的margin值即可让约束边向外偏移，完美符合你的需求，代码修改如下：

<TextView
    android:id="@+id/title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    android:text="Test title"
    />

<View
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintTop_toTopOf="@id/title"
    app:layout_constraintBottom_toBottomOf="@id/title"
    app:layout_constraintStart_toStartOf="@id/title"
    app:layout_constraintEnd_toEndOf="@id/title"
    android:layout_margin="-16dp"
    />

该方案实现后，View会在TextView的四个方向各向外扩展16dp，整体尺寸比TextView大32dp，如果你需要整体单边仅扩大16dp，将margin值改为-8dp即可。 #

方案2：调整层级，背景加padding（逻辑更直观，无兼容问题）

如果担心负margin在特殊场景的兼容问题，可以调整两个控件的层级，让TextView约束到背景View上，给背景View加padding即可：

<!-- 背景View放底层 -->
<View
    android:id="@+id/background_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="16dp"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    />

<TextView
    android:id="@+id/title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintStart_toStartOf="@id/background_view"
    app:layout_constraintEnd_toEndOf="@id/background_view"
    app:layout_constraintTop_toTopOf="@id/background_view"
    app:layout_constraintBottom_toBottomOf="@id/background_view"
    android:text="Test title"
    />

该方案下背景View的尺寸会自动适配内部TextView的大小，padding值就是向外扩展的尺寸，逻辑更直观，兼容所有ConstraintLayout版本。 #

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