如何重新调整约束布局

问题描述:

在我的应用程序中,我有一个使用约束布局的自定义布局来显示两个视图,如下所示。如何重新调整约束布局

<?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> 

现在想象一下,当没有什么可以显示内部所属分类,我想隐藏它(View.GONE),然后调整布局的限制,只用于导航布局所需的空间。

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

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

该视图现已隐藏,但父母并未相应地调整大小。

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

您遇到的问题仅仅是您的第二个视图受到指南的限制 - 第一个视图也是如此。准则本身限于容器。

它的意思是,它并不重要,你选中第一个视图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" /> 

enter image description here