ConstraintLayout頁邊距不起作用

Question

如果視圖的可見度受到限制，則在marginTop下方使用xml會被忽略。

這種情況與最新佈局庫版本在這個時候com.android.support.constraint:constraint-layout:1.0.0-beta4

例子：

tvMessage和ivCommentImage是visible - 上llLeftActions和llRightActions的16DP上邊距是工作的罰款。如果ivCommentImage是gone，則會忽略邊距。

<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

它是完全按照預期工作 - 請注意，您在@id/llLeftActions和@id/llRightActions加入layout_goneMarginTop="0dp" ...

這意味着它們都指向小部件（@id/ivCommentImage）被標記爲的時候了，保證金那將用於頂層連接將是... 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中的設計視圖，並在對象之間拖放約束。