如何实现ImageView部分移出ConstraintLayout（类比LinearLayout负边距）并裁剪？

要在ConstraintLayout里实现类似LinearLayout负边距的效果，同时裁剪掉超出父布局的部分，其实很简单，只需要两个关键设置：

• 让父ConstraintLayout开启裁剪功能
• 给ImageView设置负边距来让它偏移出父布局

下面是具体的代码示例和解释：

完整布局代码示例 #

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="true"> <!-- 核心：开启裁剪，超出父布局的部分会被自动切掉 -->

    <ImageView
        android:id="@+id/offset_image"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:src="@drawable/your_target_image"
        android:scaleType="centerCrop" <!-- 可选：根据需求调整图片缩放方式，保证显示区域合适 -->
        <!-- 约束ImageView的左边缘到父布局左边缘 -->
        app:layout_constraintLeft_toLeftOf="parent"
        <!-- 向左移出30dp，超出的左侧部分会被裁剪 -->
        android:layout_marginLeft="-30dp"
        <!-- 垂直方向约束，这里设为顶部对齐父布局，留16dp边距 -->
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="16dp"/>

</android.support.constraint.ConstraintLayout>

关键属性解释 #

1. android:clipChildren="true"
   这个属性是父布局的核心设置，它会告诉系统：所有子View超出父布局边界的部分都要被裁剪掉。虽然ConstraintLayout默认值就是true，但明确写出来可以避免因其他布局嵌套导致的意外问题。

2. 负边距设置
   比如示例中的android:layout_marginLeft="-30dp"，这会让ImageView向左偏移30dp，超出父布局的左侧区域。你可以根据需求调整方向：

   • 要向右移出：设置android:layout_marginRight="-XXdp"
   • 要向上移出：设置android:layout_marginTop="-XXdp"
   • 要向下移出：设置android:layout_marginBottom="-XXdp"

3. android:scaleType
   根据你想要保留的图片区域选择合适的缩放类型：

   • 如果想让图片填充ImageView，保留中间区域：用centerCrop
   • 如果想保留图片完整比例，从左侧开始显示（对应向左移出的场景）：用fitStart
   • 如果想保留右侧部分：可以用fitEnd配合向右移出的负边距

注意事项 #

• 负边距的数值不要超过ImageView的尺寸，否则整个View都会被裁剪消失
• 如果你的ImageView有点击事件，偏移后的View点击区域也会跟着移动，这和LinearLayout负边距的行为一致

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