Question

在ConstraintLayout中使用时，我无法理解边距（android:layout_margin*）的行为。边距似乎只在某些情况下生效，我希望有人可以向我解释（或确认它是一个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:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
         android:id="@+id/leftView"
         android:layout_width="0dp"
         android:layout_height="100dp"
         android:layout_marginEnd="20dp"
         android:background="@android:color/holo_blue_dark"
         app:layout_constraintEnd_toStartOf="@+id/rightView"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"/>

     <View
         android:id="@+id/rightView"
         android:layout_width="100dp"
         android:layout_height="100dp"
         android:background="@android:color/holo_green_light"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

...产生以下输出......

但是，当我将保证金从leftView更改为rightView ...

时

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

    <View
        android:id="@+id/leftView"
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:background="@android:color/holo_blue_dark"
        app:layout_constraintEnd_toStartOf="@+id/rightView"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <View
        android:id="@+id/rightView"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginStart="20dp"
        android:background="@android:color/holo_green_light"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</android.support.constraint.ConstraintLayout>

......保证金意外消失......

有人可以解释这是否是预期的行为，如果是，为什么会这样？

Answer 1

由于leftview取决于rightview，因此您可以将leftview的边距设置为rightview。

当视图有边距时，表示视图提供空间视图依赖。

如果您在android:layout_marginStart="20dp"中写rightview，则不会为leftview留出空间，因为rightview不是依赖到leftview }。

Answer 2

由于rightView取决于其父级（ConstraintLayout），因此您需要设置：

app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"

parent是ConstraintLayout。您这样做是因为rightView位于其父级的右上角（ConstraintLayout）

所以你在android:layout_marginStart="20dp"中使用了rightView。 rightView将保留20dp与其父（ConstraintLayout）的边距。所以在这种情况下没有空格。

第二种情况与第一种情况不同。查看leftView：

leftView始终位于rightView的左侧，因为您在app:layout_constraintEnd_toStartOf="@+id/rightView"

中使用了leftView

AND leftView还取决于其父级（ConstraintLayout），因为您在leftView

中使用了以下代码

app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"

AND 您在android:layout_marginEnd="20dp"中使用了leftView，这意味着leftView将20dp与rightView对齐app:layout_constraintEnd_toEndOf="parent"。所以在这种情况下有空白区域。

您可以尝试leftView使用*.csv，您会看到不同的内容。

Answer 3

要获得您要查找的结果，您需要构建chain。如果链的组件之间的所有链接都已定义，则链被正确定义。

在您的代码中，rightView必须与leftView相关联。将以下约束添加到rightView

app:layout_constraintLeft_toRightOf="@+id/leftView"

并将leftView中现有的layout_constraintEnd_toStartOf约束更改为

app:layout_constraintRight_toLefttOf="@+id/rightView"

ConstraintLayout

3 个答案: