制約レイアウトで制約が2つのLinearLayoutsとして動作するようにする

Question

レイアウトは左に複数、右には最大のものがあります。私は左のアイテムを動的に削除したいが、彼らは垂直に中央に留まるべきである。

<LinearLayout orientation="horizontal" ...> 

    <LinearLayout orientation="vertical" gravity="center_vertical" ...> 
    <View first/> 
    <View second/> 
    <.../> 
    </LinearLayout> 

    <View theBiggest/> 
</LinearLayout> 

が、それは内部のレイアウトなしで、階層の唯一のレベルでフラットConstraintLayoutを使用して、この動作を達成することが可能である：

今、私は2つのLinearLayout Sを使用してそれを達成しますか？

それは次のようになります。

Answer 1

あなたは垂直連鎖を通じてこの機能を実現することができます。以下の2つのレイアウト観察：

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/root" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <View 
     android:id="@+id/view" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:layout_marginTop="0dp" 
     android:background="@color/black" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" 
     android:layout_marginLeft="0dp" 
     app:layout_constraintRight_toLeftOf="@+id/guideline" 
     android:layout_marginRight="0dp" 
     app:layout_constraintBottom_toTopOf="@+id/view2" /> 

    <View 
     android:id="@+id/view2" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:background="@color/black" 
     app:layout_constraintBottom_toBottomOf="parent" 
     android:layout_marginBottom="0dp" 
     android:layout_marginLeft="0dp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/guideline" 
     android:layout_marginRight="0dp" 
     android:layout_marginTop="0dp" 
     app:layout_constraintTop_toBottomOf="@+id/view" /> 

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

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

</android.support.constraint.ConstraintLayout> 

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/root" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <View 
     android:id="@+id/view" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:layout_marginTop="0dp" 
     android:background="@color/black" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" 
     android:layout_marginLeft="0dp" 
     app:layout_constraintRight_toLeftOf="@+id/guideline" 
     android:layout_marginRight="0dp" 
     app:layout_constraintBottom_toBottomOf="parent" /> 

    <!--<View 
     android:id="@+id/view2" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:background="@color/black" 
     app:layout_constraintBottom_toBottomOf="parent" 
     android:layout_marginBottom="0dp" 
     android:layout_marginLeft="0dp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/guideline" 
     android:layout_marginRight="0dp" 
     android:layout_marginTop="0dp" 
     app:layout_constraintTop_toBottomOf="@+id/view" />--> 

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

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

</android.support.constraint.ConstraintLayout> 

差をIは、第2のビューを削除し、app:layout_constraintBottom_toBottomOf="parent"第1図の底制約が変更されていています。 この制約の調整は、左側のセクションからビューを追加または削除するときに動的に行う必要があります。 ConstraintSet