使用约束布局基于屏幕宽度android创建正方形

Question

我正在尝试创建一个视图，该视图等于屏幕宽度的50％，高度应与约束布局中的宽度相同

<android.support.v7.widget.CardView
        app:layout_constraintWidth_default="percent"
        app:layout_constraintWidth_percent="0.5"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="1:1"
        android:id="@+id/cardLayout"
        app:cardElevation="3dp"
        app:cardCornerRadius="50dp"
        app:cardBackgroundColor="@android:color/transparent"
        >

但是，这似乎不起作用。我还尝试将宽度更改为wrap_content。这里需要解决什么？

Answer 1

尝试以下代码：

<?xml version="1.0" encoding="utf-8"?>

<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.support.v7.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="0dp"
        app:layout_constraintWidth_percent="0.5"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="1:1"
        app:cardElevation="3dp"
        app:cardCornerRadius="50dp"
        app:cardBackgroundColor="@android:color/transparent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</android.support.constraint.ConstraintLayout>

（上述代码的）屏幕截图：

希望对您有帮助。

Answer 2

您必须在视图中添加开始+结束（或左右）约束，以便它知道什么的宽度是以下内容的50％：

in >> qstr;