ConstraintLayout中TextView的margin失效及布局不符合预期求助

问题描述 #

• id为ambient_check_text的TextView，在真实设备测试时layout_marginStart和layout_marginEnd属性未生效
• id为ambient_quick_view的TextView，需要在多语言场景下同时满足两个要求：保持wrap_content的宽度特性，且layout_marginStart属性生效

目前正在考虑是否需要更换布局容器，已附上效果截图。

相关布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">


    <TextView
        android:id="@+id/ambient_title_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="20dp"
        android:layout_marginTop="10dp"
        android:layout_marginEnd="16dp"
        android:layout_weight="1"
        android:alpha="0.80"
        android:drawableEnd="@drawable/vip_detail_activity_ic_pro"
        android:singleLine="true"
        android:text="@string/ambient_detail_title"
        android:textColor="@color/white"
        android:textSize="16sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <util.TopCropImageView
        android:id="@+id/ambient_permission_bg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="10dp"
        android:adjustViewBounds="true"
        android:scaleType="fitXY"
        android:src="@drawable/ambient_detail_permission_bg"
        app:layout_constraintTop_toBottomOf="@id/ambient_title_text"
        tools:ignore="ContentDescription" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:alpha="0.80"
        android:background="@drawable/ambient_detail_decibels_bg"
        android:paddingStart="8dp"
        android:paddingTop="2dp"
        android:paddingEnd="8dp"
        android:paddingBottom="2dp"
        android:text="@string/ambient_detail_decibels_for_sleep_25db"
        android:textColor="@color/white"
        android:textSize="14sp"
        app:layout_constraintEnd_toEndOf="@id/ambient_permission_bg"
        app:layout_constraintTop_toTopOf="@id/ambient_permission_bg" />

    <TextView
        android:id="@+id/ambient_quick_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:background="@drawable/ambient_detail_quick_view_bg"
        android:paddingStart="16dp"
        android:paddingTop="5dp"
        android:paddingEnd="16dp"
        android:paddingBottom="5dp"
        android:text="@string/ambient_detail_quick_view"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="@id/ambient_permission_bg"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/ambient_check_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:layout_marginTop="10dp"
        android:layout_marginEnd="10dp"
        android:layout_marginBottom="10dp"
        android:alpha="0.80"
        android:text="12312313123123123123123123@string/ambient_detail_check_to_see"
        android:textColor="@color/white"
        app:layout_constraintBottom_toTopOf="@id/ambient_quick_view"
        app:layout_constraintEnd_toEndOf="@id/ambient_permission_bg"
        app:layout_constraintStart_toStartOf="@id/ambient_permission_bg" />

</androidx.constraintlayout.widget.ConstraintLayout>

解决思路参考 #

针对ambient_check_text的边距问题 #

• 移除constraintStart_toStartOf和constraintEnd_toEndOf与ambient_permission_bg的绑定，改用app:layout_constraintHorizontal_bias控制对齐，或调整宽度为match_parent（允许文本换行时）
• 若需保留wrap_content，可添加app:layout_constraintWidth_max="match_parent"限制最大宽度，同时保留边距属性

针对ambient_quick_view的适配问题 #

• 移除constraintEnd_toEndOf="parent"的绑定，只保留constraintStart_toStartOf="parent"并添加layout_marginStart，再设置app:layout_constraintHorizontal_bias="0.0"让控件靠左对齐
• 若需居中但保留左侧边距，可保留双向父容器绑定，添加app:layout_constraintWidth_max="wrap"，再配合layout_marginStart和layout_marginEnd控制左右边距

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