将2个视图放在ConstraintLayout中，该视图本身位于另一个ConstraintLayout中

Question

我正在尝试了解Android ConstraintLayout的工作原理，为了做到这一点，我想创建一个采用左/右/占用视图高度1/4的布局底部边距为25dp，在此布局中，放置两个视图，第一个占据其高度的70％，第二个占剩余的30％。

总结一下：

到目前为止我试过这个：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.constraint.ConstraintLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginEnd="24dp"
        android:layout_marginStart="24dp"
        android:layout_marginBottom="25dp"
        app:layout_constraintDimensionRatio="w,1:4"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" >

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintDimensionRatio="w,7:10"
            android:background="@color/red" />

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintDimensionRatio="w,3:10"
            android:background="@color/light_blue" />

    </android.support.constraint.ConstraintLayout>

</android.support.constraint.ConstraintLayout>

但我只是在底部视图（应该占据高度的30％）占据整个布局空间。我做错了什么？

感谢您的帮助。

Answer 1

你有什么：

属性app:layout_constraintDimensionRatio是＆＃34;自我可靠＆＃34; ，也就是说它只调整width - 到 - height的比例。

您需要什么：

如果您正在使用ConstrainLayout 1.1.x，则可以使用属性app:layout_constraintHeight_percent，其值为0到1.

此外，您可能必须将这些视图的顶部和底部的约束调整为相对于彼此。