Android ConstraintLayout按钮随约束拉伸问题求助

问题说明 #

我在制作适配屏幕尺寸的ConstraintLayout界面时，采用Guideline并将按钮宽度设为0dp后，出现了按钮拉伸的异常问题：

预期效果 #

实际效果 #

核心布局代码 #

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintGuide_percent="0.04"
    app:layout_constraintStart_toEndOf="@id/addTask2" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.96"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toStartOf="@id/addProjectTitle" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintGuide_percent="0.45"
    app:layout_constraintTop_toTopOf="parent" />

<com.google.android.material.button.MaterialButton
    android:id="@+id/createMoreTasks"
    android:layout_width="0dp"
    android:layout_height="43dp"
    android:layout_centerInParent="true"
    android:layout_marginTop="142dp"
    android:background="@drawable/plus_black_tiny"
    android:tag="newProjectButton"
    android:textAllCaps="false"
    app:backgroundTint="@null"
    app:cornerRadius="0dp"
    app:layout_constraintStart_toStartOf="@+id/guideline1"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toTopOf="@id/guideline3" />

Drawable资源代码（plus_black_tiny.xml） #

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:height="43dp"
    android:width="380dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#E0E0E0"
        android:fillAlpha="0.5"
    android:pathData="M0,24h24V0H0z"/>
    <path
        android:fillColor="#000"
        android:pathData="M16,11H12V8H11.9V11H11.5V11.9H11.9V15H12V11.9H12.4V11Z" />
</vector>

修复方案 #

1. 修正Guideline约束 #

• 垂直Guideline使用百分比定位时，无需绑定其他View，否则会干扰百分比的生效逻辑，移除多余约束
• 水平Guideline必须显式设置android:orientation="horizontal"，否则默认是垂直方向，百分比会按水平方向计算，导致位置错误

修正后的Guideline代码：

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

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

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.45" />

2. 修正VectorDrawable资源 #

移除固定的android:width和android:height，让Drawable根据按钮尺寸自适应并保持比例，同时添加android:gravity="center"确保图标居中显示：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:gravity="center">
    <path
        android:fillColor="#E0E0E0"
        android:fillAlpha="0.5"
        android:pathData="M0,24h24V0H0z"/>
    <path
        android:fillColor="#000"
        android:pathData="M16,11H12V8H11.9V11H11.5V11.9H11.9V15H12V11.9H12.4V11Z" />
</vector>

3. 修正按钮约束 #

• 移除android:layout_centerInParent="true"，该属性属于RelativeLayout，在ConstraintLayout中无效
• 若按钮高度固定为43dp，可移除app:layout_constraintBottom_toTopOf="@id/guideline3"避免垂直约束冲突，仅保留顶部约束和margin即可

修正后的按钮代码：

<com.google.android.material.button.MaterialButton
    android:id="@+id/createMoreTasks"
    android:layout_width="0dp"
    android:layout_height="43dp"
    android:layout_marginTop="142dp"
    android:background="@drawable/plus_black_tiny"
    android:tag="newProjectButton"
    android:textAllCaps="false"
    app:backgroundTint="@null"
    app:cornerRadius="0dp"
    app:layout_constraintStart_toStartOf="@+id/guideline1"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintTop_toTopOf="parent" />

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