如何重新调整约束布局

时间:2016-10-10 21:27:01

标签: android android-layout android-constraintlayout

在我的应用中,我有一个自定义布局,使用Constraint Layout显示两个视图,如下所示。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical">

    <android.support.constraint.Guideline
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/guideline2"
        android:orientation="horizontal"
        tools:layout_editor_absoluteY="444dp"
        tools:layout_editor_absoluteX="0dp"
        app:layout_constraintGuide_percent="0.5"/>

    <CategorySelectionLayout
        android:id="@+id/categoryList"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent" />
    <CategoryNavigationLayout
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:paddingLeft="@dimen/one_grid"
        tools:layout_manager="android.support.v7.widget.LinearLayoutManager"
        tools:listitem="@layout/order_selection_item"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintBottom_toTopOf="@+id/guideline2" />
</android.support.constraint.ConstraintLayout>

现在想象当categoryList中没有任何内容显示时,我想隐藏它(View.GONE),然后调整约束布局的大小,只使用导航布局所需的空间。

我尝试在自定义视图中设置可见性。

this.visibility = View.GONE
this.parent.requestLayout()

视图现在已隐藏,但父级未相应调整大小。

那么如何强制这个ConstraintLayout重新调整它的大小?

1 个答案:

答案 0 :(得分:6)

您遇到的问题只是您的第二个视图受到指南的约束 - 就像第一个视图一样。指南本身受限于容器。

这意味着您将第一个视图标记为GONE并不重要 - 是的,它会消失,但这根本不会影响布局:

  • 指南仅限于父母,因此无需照顾
  • 可见的视图仅限于父级和指南, 所以也不在乎。

除了视图消失之外没有任何其他变化,这是完全正常的。

要做你想做的事,你可以这样做:

    final View viewA = findViewById(R.id.viewA);
    final View guideline = findViewById(R.id.guideline);
    Button button = (Button) findViewById(R.id.button);
    button.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) guideline.getLayoutParams();
            if (viewA.getVisibility() == View.GONE) {
                viewA.setVisibility(View.VISIBLE);
                params.guidePercent = 0.5f;
            } else {
                viewA.setVisibility(View.GONE);
                params.guidePercent = 0;
            }
            guideline.setLayoutParams(params);
        }
    });

这将改变指南的位置,这将使布局做出反应。

我将XML简化为详尽无遗,但它几乎就是你所拥有的:

<android.support.constraint.Guideline
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/guideline"
    android:orientation="horizontal"
    tools:layout_editor_absoluteY="303dp"
    tools:layout_editor_absoluteX="0dp"
    app:layout_constraintGuide_percent="0.50248754" />

<View
    android:id="@+id/viewA"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@color/colorAccent"
    android:text="Button"
    app:layout_constraintBottom_toTopOf="@+id/guideline"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<View
    android:id="@+id/viewB"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginTop="8dp"
    android:background="@color/colorPrimary"
    android:text="Button"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="@+id/guideline" />

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="16dp"
    android:layout_marginEnd="24dp"
    android:layout_marginRight="24dp"
    android:text="Toggle"
    app:layout_constraintBottom_toBottomOf="@+id/viewB"
    app:layout_constraintRight_toRightOf="@+id/viewB" />

ES6 Promises