Android 用ConstraintLayout Group 引用多个控件来降低代码冗余

在开发中，有时候需要同时隐藏或者显示多个控件，那就需要调用非常多次setVisibility，要是少还好，数量超过5个以上代码的冗余度会非常的高。

        if (isVis) {
            tv1.setVisibility(View.GONE);
            tv2.setVisibility(View.GONE);
            tv3.setVisibility(View.GONE);
            tv4.setVisibility(View.GONE);
            tv5.setVisibility(View.GONE);
            isVis = false;
        } else {
            tv1.setVisibility(View.VISIBLE);
            tv2.setVisibility(View.VISIBLE);
            tv3.setVisibility(View.VISIBLE);
            tv4.setVisibility(View.VISIBLE);
            tv5.setVisibility(View.VISIBLE);
            isVis = true;
        }

虽然能实现功能，但是这样子的代码可读性和可维护性非常低

---

用 Group 就可以很好的解决代码冗余的问题，它是一个辅助类，不会绘制到屏幕上，也不会展现给用户，但只能在 ConstraintLayout 中使用。

通过配置属性app:constraint_referenced_ids 将一些 View 组成组进行集体操作

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--    通过 constraint_referenced_ids 引用其他 View-->
    <androidx.constraintlayout.widget.Group
        android:id="@+id/constraintGroup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="tv1,tv2,tv3" />

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="216dp"
        android:text="隐藏/显示"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="28dp"
        android:text="TextView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn" />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:text="TextView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/tv1" />

    <TextView
        android:id="@+id/tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:text="TextView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv2" />

</androidx.constraintlayout.widget.ConstraintLayout>

Activity代码：

public class GroupActivity extends AppCompatActivity {

    private Group constraintGroup;
    private Button btn;
    private boolean isVis = true;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_group);

        constraintGroup = findViewById(R.id.constraintGroup);
        btn = findViewById(R.id.btn);

        btn.setOnClickListener(v -> {
            if (isVis) {
                constraintGroup.setVisibility(View.GONE);
                isVis = false;
            } else {
                constraintGroup.setVisibility(View.VISIBLE);
                isVis = true;
            }
        });
    }
}

运行效果：

可以看到，Group 中引用了三个 TextView，只对 group 进行setVisibility 操作，三个 TextView 会随之变化。

通过 Group 去引用多个控件，去实现多控件隐藏/显示的功能时，代码的冗余就降低了很多，可读性也随之加强