Android 约束加权和

我想在约束布局中实现一些类似下图的东西

要求：

两个按钮的宽度应相等

按钮之间应留有边距

BTN 1

可以

可见

或

消失

如果

BTN 1

设置为“消失”，则

BTN 2

应保持宽度并移到中间

我尝试使用链，但当

btn1

得到

时，

btn2

得到全宽。然后我对两个按钮都设置了

layout\u constraintWidth\u percent=“0.5”

，但在这种情况下，我无法设置两个按钮之间的边距。当设置边距时，按钮移出屏幕。 有解决这个问题的办法吗？ 这是我的密码

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/btn_negative"
    style="?attr/borderlessButtonStyle"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/_24sdp"
    android:background="@drawable/btn_solid_white_round"
    android:ellipsize="end"
    android:gravity="center"
    android:maxLines="1"
    android:padding="@dimen/_8sdp"
    android:textColor="@color/darkTextColor"
    android:textSize="@dimen/_11ssp"
    app:fontFamily="@font/iran_yekan"
    app:layout_constraintEnd_toStartOf="@+id/btn_positive"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintHorizontal_chainStyle="spread"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/txt_message"
    app:layout_constraintWidth_percent="0.5"
    tools:text="BTN 2" />

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/btn_positive"
    style="?attr/borderlessButtonStyle"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="@dimen/_12sdp"
    android:background="@drawable/btn_solid_accent_round"
    android:ellipsize="end"
    android:gravity="center"
    android:maxLines="1"
    android:padding="@dimen/_8sdp"
    android:textColor="@color/white"
    android:textSize="@dimen/_11ssp"
    app:fontFamily="@font/iran_yekan"
    app:layout_constraintBottom_toBottomOf="@+id/btn_negative"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toEndOf="@+id/btn_negative"
    app:layout_constraintTop_toTopOf="@+id/btn_negative"
    app:layout_constraintWidth_percent="0.5"
    tools:text="BTN 1" />

---

不要使用百分比0.5和边距。仅限用户百分比和链

<?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="match_parent"
    tools:context=".MainActivity">


    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btn_negative"
        style="?attr/borderlessButtonStyle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:background="@android:color/red"
        android:ellipsize="end"
        android:gravity="center"
        android:maxLines="1"
        android:padding="8dp"
        android:textColor="@android:color/white"
        android:textSize="11sp"
        android:visibility="gone"
        app:layout_constraintWidth_percent="0.4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toStartOf="@id/btn_positive"
        tools:text="BTN 2" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/btn_positive"
        style="?attr/borderlessButtonStyle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:background="@android:color/holo_green_dark"
        android:ellipsize="end"
        app:layout_constraintWidth_percent="0.4"
        android:gravity="center"
        android:maxLines="1"
        android:padding="8dp"
        android:textColor="@android:color/white"
        android:textSize="11sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toEndOf="@id/btn_negative"
        tools:text="BTN 1" />

</androidx.constraintlayout.widget.ConstraintLayout>

如果找不到更简单的方法，可以通过MotionLayout实现。这也会给你带来一个很好的动画。