Android布局中如何实现修改密码按钮与编辑按钮并排显示

问题原因 #

你之前使用的app:layout_constraintLeft_toLeftOf属性未生效，核心原因是ConstraintLayout 专属约束属性仅在直接父布局为 ConstraintLayout 时才可被识别生效。当前两个按钮的直接父容器是设置了android:orientation="vertical"的垂直方向 LinearLayout，约束属性不会被解析，控件默认按垂直顺序上下排布，无法实现并排效果。

最小改动实现方案 #

无需重构整体布局结构，仅需新增一个水平方向的 LinearLayout 作为两个按钮的容器，即可快速实现目标效果：

• 保留原有txtProfileDetails标题控件位置不变
• 在标题下方新增水平方向 LinearLayout，设置整体靠右对齐
• 将编辑按钮、修改密码按钮移入该水平容器，删除无效的约束属性，调整按钮间距即可

替换后的对应代码段 #

将原布局中两个独立 Button 的代码块，替换为以下内容：

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:padding="10dp"
    android:id="@+id/txtProfileDetails"
    android:text="Profile Details"
    android:textStyle="bold" />

<!-- 水平容器包裹按钮组，整体靠右对齐 -->
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end"
    android:gravity="center_vertical"
    android:layout_marginRight="10dp"
    android:orientation="horizontal">

    <Button
        android:id="@+id/editProfile"
        android:layout_width="45dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:padding="10dp"
        android:drawableLeft="@drawable/ic_edit"
        android:textStyle="bold" />

    <Button
        android:id="@+id/editPassword"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="Change Password"
        android:textStyle="bold" />
</LinearLayout>

优化提示 #

• 原修改密码按钮写死205dp固定宽度，在不同屏幕尺寸下容易出现显示溢出、文字截断问题，改为wrap_content自适应内容宽度兼容性更好
• 两个按钮间保留8dp左右的边距，避免控件拥挤，和参考图视觉效果一致
• 所有非 ConstraintLayout 子控件上的app:layout_constraintXXX属性可直接删除，这类属性在非约束布局下无实际作用，还会干扰后续代码维护

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