如何重新調整約束佈局

Question

在我的應用程序中，我有一個使用約束佈局的自定義佈局來顯示兩個視圖，如下所示。

<?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重新調整它的大小？

Answer 1

您遇到的問題僅僅是您的第二個視圖受到指南的限制 - 第一個視圖也是如此。準則本身限於容器。

它的意思是，它並不重要，你選中第一個視圖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" />