ConstraintLayout 여백이 작동하지 않습니다.

Question

marginTop 아래의 XML을 사용하면 제한된보기의 가시성이 사라지면 무시됩니다.

이 예 com.android.support.constraint:constraint-layout:1.0.0-beta4

이 시간에 최신 레이아웃 LIB 버전으로 발생합니다

tvMessage 및 ivCommentImage이 visible 있습니다 - llLeftActions 및 llRightActions에 16dp 위쪽 여백이 잘 작동된다. ivCommentImage이 gone이면 여백은 무시됩니다. ... 당신이 @id/llLeftActions 및 @id/llRightActions에 layout_goneMarginTop="0dp" 추가주의가 가리키는하는 위젯 (@id/ivCommentImage)가 표시 될 때 사라로한다는 것을 의미

, 여백 - 그건 완전히 의도 한대로 작동

<android.support.v7.widget.CardView 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="16dp"> 

<!-- some more views here --> 

    <TextView 
     android:id="@+id/tvMessage" 
     style="@style/SocialFeed.Description" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="16dp" 
     android:layout_marginLeft="16dp" 
     android:layout_marginRight="16dp" 
     android:layout_marginStart="16dp" 
     android:layout_marginTop="16dp" 
     app:layout_constraintHorizontal_bias="0.0" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/ivProfile" 
     app:layout_goneMarginTop="0dp" 
     tools:text="@string/lorem_ipsum_140chars"/> 

    <android.support.v7.widget.AppCompatImageView 
     android:id="@+id/ivCommentImage" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="16dp" 
     android:adjustViewBounds="true" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/tvMessage" 
     app:layout_goneMarginTop="0dp" 
     /> 

    <android.support.constraint.Guideline 
     android:id="@+id/gCenter" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     app:layout_constraintGuide_percent="0.5"/> 

    <LinearLayout 
     android:id="@+id/llLeftActions" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="16dp" 
     android:gravity="center_vertical|left" 
     android:orientation="horizontal" 
     app:layout_constraintLeft_toLeftOf="@+id/tvMessage" 
     app:layout_constraintRight_toLeftOf="@+id/gCenter" 
     app:layout_constraintTop_toBottomOf="@+id/ivCommentImage" 
     app:layout_goneMarginTop="0dp" 
     /> 

    <LinearLayout 
     android:id="@+id/llRightActions" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="16dp" 
     android:gravity="center_vertical|right" 
     android:orientation="horizontal" 
     app:layout_constraintLeft_toLeftOf="@+id/gCenter" 
     app:layout_constraintRight_toRightOf="@+id/tvMessage" 
     app:layout_constraintTop_toBottomOf="@+id/ivCommentImage" 
     app:layout_goneMarginTop="0dp"/> 


</android.support.constraint.ConstraintLayout> 

</android.support.v7.widget.CardView> 

Answer 1

상단 연결에 사용될 것입니다 ... 0dp, 16dp의 여백이 아닙니다. 그 속성은 여기에 있습니다! :)

visibility behavior에 확인 문서 및 gone margin attributes

Answer 2

<TextView 
    android:id="@+id/textView" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Available chats" 
    tools:layout_editor_absoluteX="1dp" 
    tools:layout_editor_absoluteY="1dp" /> 

<ListView 
    android:id="@+id/listChats" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    app:layout_constraintTop_toBottomOf="@+id/textView"/> 

이, 마지막 줄을 알 가장자리 주위에 제약 조건을 추가하는 제약 작동 할 수있게하십시오.

Studio에서 디자인보기를 사용하고 개체간에 제약 조건을 끌어다 놓을 수도 있습니다.