ConstraintLayout寬高比

Question

考慮以下佈局文件：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    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"> 

    <android.support.constraint.ConstraintLayout 
     android:id="@+id/activity_main" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="#FF0000" 
     android:paddingBottom="@dimen/activity_vertical_margin" 
     android:paddingLeft="@dimen/activity_horizontal_margin" 
     android:paddingRight="@dimen/activity_horizontal_margin" 
     android:paddingTop="@dimen/activity_vertical_margin"> 

     <ImageView 
      android:layout_width="0dp" 
      android:layout_height="0dp" 
      android:background="#0000FF" 
      android:padding="16dp" 
      app:layout_constraintBottom_toBottomOf="parent" 
      app:layout_constraintTop_toTopOf="parent" 
      app:layout_constraintLeft_toLeftOf="parent" 
      app:layout_constraintDimensionRatio="H,3:1" 
      tools:layout_editor_absoluteX="16dp" /> 

    </android.support.constraint.ConstraintLayout> 

</RelativeLayout> 

我不知道如何應用：layout_constraintDimensionRatio工作。我的理解是比例將始終是寬度：高度。因此，3：1將始終使ImageView出現比高度寬3倍的寬度。前綴H或W告訴ConstraintLayout哪個維度應該遵守比率。如果它是H，那麼它意味着寬度將首先從其他約束計算出來，然後根據高寬比調整高度。然而，這是佈局的結果是：

高度大於寬度，其是出乎意料的3倍。任何人都可以向我解釋這些尺寸是如何計算的：layout_constraintDimensionRatio設置？

Answer 1

在這些ImageView屬性請看：

app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 

這些屬性重寫layout_constraintDimensionRatio由於該ImageView被約束到所述底部，頂部和左側導致View佔據左側的主父，主屏幕的頂部和底部。

app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 

這將是一個解決方案。如果您希望視圖出現在頂部或反之亦然，您可以省略layout_constraintBottom_toBottomOf。這可能是最好的刪除所有上述約束除了layout_constraintDimensionRatio，這將是最推薦的解決方案。

Answer 2

您對方式app:layout_constraintDimensionRatio作品的理解是正確的。如果您設置app:layout_constraintDimensionRatio="H,3:1"那麼它意味着將首先從其他約束中計算寬度，然後根據寬高比調整高度。您的實現唯一的問題是您將app:layout_constraintBottom_toBottomOf="parent"添加到ImageView，以致它導致app:layout_constraintDimensionRatio被忽略。

這裏的佈局大小在3您的ImageView：1的縱橫比：

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#FF0000"> 

    <ImageView 
     android:id="@+id/imageView" 
     android:layout_width="0dp" 
     android:layout_height="0dp" 
     android:layout_marginStart="16dp" 
     android:layout_marginTop="16dp" 
     android:layout_marginEnd="16dp" 
     android:background="#0000FF" 
     app:layout_constraintTop_toTopOf="parent" 
     app:layout_constraintStart_toStartOf="parent" 
     app:layout_constraintEnd_toEndOf="parent" 
     app:layout_constraintDimensionRatio="H,3:1" /> 

</android.support.constraint.ConstraintLayout> 

和這裏的結果視圖：