Android约束布局：如何让图片精准平分跨越水平Guideline

首先，你遇到的问题是因为ConstraintLayout在处理同时将View的Top和Bottom约束到同一个Guideline时，可能会因为屏幕像素取整或布局优先级的问题，导致在部分设备上无法实现精准平分。下面给你两种高效的解决方案：

方案一：垂直中心对齐Guideline（推荐） #

这是最直接且可靠的方式，通过将View的垂直中心与Guideline对齐，让View的上下部分自动平分在Guideline两侧，完全避免像素计算偏差的问题。

修改你的XML代码，将原来的Top和Bottom约束替换为垂直中心对齐：

<android.support.constraint.Guideline
    android:id="@+id/guideline"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.3" />

<com.cloud.appsteam.profile.HexagonMaskView
    android:id="@+id/iv_profile_image"
    android:layout_width="@dimen/profile_img_width"
    android:layout_height="@dimen/profile_img_height"
    android:scaleType="centerCrop"
    android:src="@drawable/neymar_dp"
    app:layout_constraintCenterVertical_toCenterOf="@id/guideline"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

为什么这个方法有效？因为当你将View的垂直中心绑定到Guideline时，布局系统会优先保证View的中心与Guideline重合，这样View的上半部分自然位于Guideline上方，下半部分位于下方，完美实现精准平分，不受设备像素密度的影响。

方案二：使用两个Guideline定义上下边界 #

如果你需要更细粒度的控制，可以添加两个水平Guideline，分别设置在目标位置的上下各一半View高度的位置，然后将图片的Top和Bottom分别约束到这两个Guideline上。不过这个方法需要动态计算Guideline的位置（如果父布局高度不固定的话），不如方案一简洁。

例如，假设你的图片高度是@dimen/profile_img_height，可以这样设置：

<!-- 原始的中心Guideline -->
<android.support.constraint.Guideline
    android:id="@+id/guideline_center"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.3" />

<!-- 上方Guideline：中心Guideline向上偏移图片高度的一半 -->
<android.support.constraint.Guideline
    android:id="@+id/guideline_top"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="horizontal"
    app:layout_constraintGuide_begin="0dp"
    app:layout_constraintGuide_end="@id/guideline_center"
    app:layout_constraintVertical_weight="1" />

<!-- 下方Guideline：中心Guideline向下偏移图片高度的一半 -->
<android.support.constraint.Guideline
    android:id="@+id/guideline_bottom"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:orientation="horizontal"
    app:layout_constraintGuide_begin="@id/guideline_center"
    app:layout_constraintGuide_end="0dp"
    app:layout_constraintVertical_weight="1" />

<com.cloud.appsteam.profile.HexagonMaskView
    android:id="@+id/iv_profile_image"
    android:layout_width="@dimen/profile_img_width"
    android:layout_height="@dimen/profile_img_height"
    android:scaleType="centerCrop"
    android:src="@drawable/neymar_dp"
    app:layout_constraintBottom_toTopOf="@id/guideline_bottom"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/guideline_top" />

不过这个方法相对复杂，只有在特殊场景下才需要使用，方案一已经足够解决你的问题。

为什么原来的方法失效？ #

当你同时将View的Top和Bottom约束到同一个Guideline时，ConstraintLayout会尝试满足这两个约束，但由于View有固定高度，布局系统在处理屏幕像素取整（比如高密度屏幕的像素对齐）时，可能会优先保证View的尺寸，而牺牲了上下平分的精度，导致部分设备上显示异常。而中心对齐的方式从根本上避免了这个矛盾，直接以Guideline为中心定位View，自然实现平分效果。

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