如何在ConstraintLayout中对多个视图进行分组

时间:2017-02-08 16:34:19

标签: android performance android-layout android-linearlayout android-constraintlayout

我在ConstraintLayout中添加了3个按钮。我添加了一个按钮来禁用或启用这些按钮。

如果我使用普通的LinearLayout。我可以将所有按钮放在线性布局中,并启用或禁用该特定布局。

但我正在使用ConstraintLayout。所以我需要禁用或启用所有这些按钮,我相信ConstraintLayout必须有一种方法可以对不同的视图进行分组。

请指导我如何在ConstriantLayout中对视图进行分组

enter image description here

  <Button
        android:text="Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:layout_marginTop="16dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginBottom="16dp"
        android:layout_marginStart="16dp"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginLeft="16dp" />

    <Button
        android:text="Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button2"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginBottom="16dp"
        android:layout_marginStart="8dp"
        app:layout_constraintLeft_toRightOf="@+id/button"
        android:layout_marginLeft="8dp"
        app:layout_constraintTop_toTopOf="@+id/button" />

    <Button
        android:text="Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button3"
        app:layout_constraintTop_toTopOf="@+id/button2"
        android:layout_marginEnd="16dp"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginRight="16dp"
        android:layout_marginStart="8dp"
        app:layout_constraintLeft_toRightOf="@+id/button2"
        android:layout_marginLeft="8dp" />

2 个答案:

答案 0 :(得分:41)

是的,正如我所知,您可以使用线性布局处理可见性,但不能启用/禁用视图我认为,如果我错了,请纠正我。现在,在 ConstraintLayout 中,我们还可以使用

处理特定视图组的可见性

<强>

  

这是当前ConstraintLayout中引入的新功能   在测试版中。

如何将beta ConstraintLayout添加到项目中,请按照以下步骤进行操作

在项目gradle文件中添加maven支持,如下所示

allprojects {
    repositories {
        maven { url 'https://maven.google.com' }
        jcenter()
    }
}

然后在app gardle依赖项中添加ConstarintLayout库依赖

compile 'com.android.support.constraint:constraint-layout:1.1.0-beta3'

现在您必须在ConstraintLayout中添加组,如下所示

<android.support.constraint.Group
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="button7,button3,button2"
        android:id="@+id/group" />  

群组参考ID中的位置

app:constraint_referenced_ids="button7,button3,button2"

包含逗号分隔的视图ID,您希望处理运行时,因此在活动中,您只需按如下方式绑定群组并处理可见性

import android.support.constraint.Group; //import statement in activity

Group group=(Group)findViewById(R.id.group);//bind view from xml
group.setVisibility(View.VISIBLE);//this will visible all views
group.setVisibility(View.GONE);//this will set Gone to all views
group.setVisibility(View.INVISIBLE);//this will set INVISIBLE to all view

EDIT ConrtsaintLayout 1.1.0稳定版于2018年4月12日发布 https://androidstudio.googleblog.com/2018/04/constraintlayout-110.html

实施&#39; com.android.support.constraint:constraint-layout:1.1.0&#39;

编辑Android X. 如果有人使用android x包你可以在这里找到包信息

https://developer.android.com/jetpack/androidx/migrate

答案 1 :(得分:1)

目前你无法做到这一点。您必须单独禁用每个按钮,因为约束将添加到constraintlayout中的每个小部件。

要对视图进行分组,您需要使用视图组,这在约束布局的上下文中没有意义。

修改

使用约束布局:1.1.0-beta1,您可以使用android.support.constraint.Group对视图进行分组。