ConstraintLayout-3个视图,比率相同,其他两个视图之间

时间:2018-08-26 14:04:33

标签: android

我正在尝试使用Android中的constrainLayout实现以下布局。我有3个具有正方形纵横比的视图,并且我想为所有android屏幕尺寸保持正方形比例。有什么方法可以使用Constraintlayout实现此目的吗?

see here

但是我只能得到的是这个

second

下面是我写的代码:

        <LinearLayout
            android:id="@+id/layout_1"
            android:layout_width="0dp"
        android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toLeftOf="@+id/layout_2"
            app:layout_constraintTop_toBottomOf="parent"
            >

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="60">

                <ImageView
                    style="@style/myGridImageStyle"
                   />
            </LinearLayout>

            <TextView
              />
        </LinearLayout>


        <LinearLayout
            android:id="@+id/layout_2"
            android:layout_width="0dp"
        android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintLeft_toRightOf="@id/layout_1"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="parent">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="60">

                <ImageView
                    style="@style/myGridImageStyle"
                    />
            </LinearLayout>

            <TextView
            />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/layout_3"
            android:layout_width="0dp"
        android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@id/layout_1">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_weight="60">

                <ImageView
                    style="@style/myGridImageStyle"
                    />
            </LinearLayout>

            <TextView
               />
        </LinearLayout>

    </android.support.constraint.ConstraintLayout>

0 个答案:

没有答案