ConstraintLayout에서 두 개의 뷰 중 가장 낮은 위치에 배치하는 방법은 무엇입니까?

Question

두 개의 헤더보기, HeaderViewA 및 HeaderViewB이 있습니다. 이러한보기에는 가시성 visible 또는 gone의 조합이있을 수 있습니다. 제가

BigView 필요

는 어느 HeaderViewA/HeaderViewB의 최저아래에 위치한다.

중첩없이 가능하면 ConstraintLayout입니까?

Answer 1

제약 레이아웃 v1.1.0에서 소개 된 Barrier 클래스가 가능합니다.

그래서 여기가 특정 경우에 대한 해결책 :

<?xml version="1.0" encoding="utf-8"?> 
<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:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="com.example.eugene.test10.MainActivity"> 
    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="#EEEEEE" 
     android:text="TEXT_VIEW_1" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/textView2"/> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="#DDDDDD" 
     android:text="TEXT_VIEW_2" 
     android:visibility="gone" 
     app:layout_constraintLeft_toRightOf="@+id/textView1" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <android.support.constraint.Barrier 
     android:id="@+id/labelBarrier" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     app:barrierDirection="bottom" 
     app:constraint_referenced_ids="textView1,textView2" /> 

    <TextView 
     android:id="@+id/textView3" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:background="#CCCC00" 
     android:text="TEXT_VIEW_3" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/labelBarrier" /> 

</android.support.constraint.ConstraintLayout> 

이 레이아웃을 사용하는

바로 여기에 결과 : 당신은 코드 랩에이 단계별 가이드를 참조 할 수 있습니다

https://codelabs.developers.google.com/codelabs/constraint-layout/#10.

Answer 2

<?xml version="1.0" encoding="utf-8"?> 
<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:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:id="@+id/header_view_a" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:background="@android:color/holo_orange_light" 
     android:gravity="center" 
     android:text="HeaderViewA " 
     android:layout_marginBottom="@dimen/sixteenDP" 
     android:textSize="30sp" 
     app:layout_constraintBottom_toTopOf="@+id/guideline" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toTopOf="@+id/header_view_b" 
     app:layout_constraintEnd_toStartOf="@+id/header_view_b" 
     app:layout_constraintVertical_bias="0" 
     app:layout_constraintWidth_default="wrap" /> 

    <TextView 
     android:id="@+id/header_view_b" 
     android:layout_width="wrap_content" 
     android:layout_height="0dp" 
     android:background="@android:color/holo_green_light" 
     android:gravity="center" 
     android:text="HeaderViewB" 
     android:textAlignment="center" 
     android:textSize="30sp" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintBottom_toTopOf="@id/guideline" 
     app:layout_constraintStart_toEndOf="@+id/header_view_a"/> 

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

    <TextView 
     android:id="@+id/big_view" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_marginBottom="8dp" 
     android:background="@android:color/holo_blue_dark" 
     android:gravity="center" 
     android:text="BigView" 
     android:textAlignment="center" 
     android:textSize="@dimen/list_item_height" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintTop_toTopOf="@+id/guideline" 
     app:layout_constraintVertical_bias="1.0"/> 

</android.support.constraint.ConstraintLayout> 

Watch outapp:layout_constraintWidth_default="wrap" (폭 세트를 0dp하기)위한

. 설정된 경우 wget_content를 사용하는 경우와 동일한 크기를 갖지만 제약 조건 (즉, 확장을 넘어 확장되지 않음) 및 app:layout_constraintVertical_bias="1.0"에 의해 제한됩니다. 바이어스를 사용하여 BigView를 부모의 맨 아래로 가져옵니다.