4

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

我的布局文件内容如下

<?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>

我看到的输出是

带填充的结果视图

如果我删除

安卓：填充=“10dp”

从 ConstraintLayout 中，它按预期工作。

没有填充的结果视图

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

4

2 回答 2

1

TL;博士

我发现根据经验，当您想将视图 B 放在视图 A 下方时，请确保 A 具有 constraintTop_toBottomOf="view_above_me" 而不是 constraintTop_toTopOf="view_beside_me"

对我来说，问题是这样解决的：

您有 4 个视图：view1、view2a、view2b、view3，其中 view1 位于顶部，view2a 和 view2b 位于其下方，view2b 位于 view2a 的右侧，view3 位于其下方。

view1 有layout_constraintTop_toTopOf="parent"

view2a 有layout_constraintBottom_toTopOf="@id/view1"

view2b 有layout_constraintTop_toTopOf="@id/view2a"

view3 有layout_constraintTop_toBottomOf="@id/view2b

这将产生问题。解决方案是将 view3 约束替换为以下内容：layout_constraintTop_toBottomOf="@id/view2a"

请注意，view2b 对 view2a 顶部有约束，而不是对 view1 底部有约束，因此填充隐藏了我的 view3。

于 2017-10-15T14:42:42.267 回答
1

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

android:padding="10dp"

到您想要填充的任何图像视图

于 2017-04-14T20:46:20.430 回答