android - 在约束布局android中添加填充时 View 消失

Question

我正在尝试使用 ConstraintLayout 创建一个由四个圆圈组成的垂直链。它渲染得很好，直到我向 ConstraintLayout 添加填充，此时整个 View 都丢失了。

我的布局文件内容如下

<?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:id="@+id/main_input_spot_from_to_cl"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:padding="10dp">

    <ImageView
        android:id="@+id/circle1_iv"
        android:layout_width="10dp"
        android:layout_height="10dp"
        app:layout_constraintBottom_toTopOf="@+id/circle2_iv"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/circle" />


    <ImageView
        android:id="@+id/circle2_iv"
        android:layout_width="4dp"
        android:layout_height="4dp"
        app:layout_constraintBottom_toTopOf="@+id/circle3_iv"
        app:layout_constraintLeft_toLeftOf="@+id/circle3_iv"
        app:layout_constraintRight_toRightOf="@+id/circle3_iv"
        app:layout_constraintTop_toBottomOf="@+id/circle1_iv"
        app:srcCompat="@drawable/circle" />

    <ImageView
        android:id="@+id/circle3_iv"
        android:layout_width="4dp"
        android:layout_height="4dp"
        app:layout_constraintBottom_toTopOf="@+id/circle4_iv"
        app:layout_constraintLeft_toLeftOf="@+id/circle4_iv"
        app:layout_constraintRight_toRightOf="@+id/circle4_iv"
        app:layout_constraintTop_toBottomOf="@+id/circle2_iv"
        app:srcCompat="@drawable/circle" />

    <ImageView
        android:id="@+id/circle4_iv"
        android:layout_width="10dp"
        android:layout_height="10dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/circle3_iv"
        app:srcCompat="@drawable/circle" />

    <EditText
        android:id="@+id/main_input_spot_from_et"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="14dp"
        android:layout_marginStart="14dp"
        android:background="#00000000"
        android:ellipsize="end"
        android:hint="From Station"
        android:inputType="textAutoComplete"
        android:paddingRight="6dp"
        android:textSize="15sp"
        app:layout_constraintBottom_toBottomOf="@+id/circle1_iv"
        app:layout_constraintLeft_toRightOf="@+id/circle1_iv"
        app:layout_constraintTop_toTopOf="@+id/circle1_iv" />

</android.support.constraint.ConstraintLayout>

圈子.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/black" />
    <corners android:radius="300dp" />
</shape>

我看到的输出是



如果我删除

android:padding="10dp"

从 ConstraintLayout 中，它按预期工作。



此外，如果我从圈 3 中删除左右约束，它工作正常。但是，这是我在我的应用程序中的一个非常精简的版本。我尝试从那里的 circle3 中删除左右约束，但它仍然无法正常工作。我需要那里的填充物。如果有人可以让我知道它为什么会这样，这将有助于解决最初的问题。

Answer 1

尝试为每个 View 定义填充，而不是在布局中定义填充。意思是你搬家

android:padding="10dp" 

到您想要填充的任何 ImageView