在ConstraintLayout之外定位视图

时间:2017-10-16 12:44:44

标签: android android-constraintlayout

我希望在ConstraintLayout之外定位视图,以使用滑动动画为它们设置动画。我已尝试设置constraintBottom_toTopOf="parent"之类的约束,但View仍保留在容器内。

请注意,我希望通过使用内置动画的约束来实现此目的,而不是使用代码内动画。

知道我怎么能这样做吗?

我在Android Studio 3.0 Beta 7中使用compile 'com.android.support.constraint:constraint-layout:1.1.0-beta1'

这是一个简单的xml文件,应该将视图放在容器之外:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/colorAccent">

    <View
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@color/colorPrimary"
        app:layout_constraintBottom_toTopOf="parent"/>


</android.support.constraint.ConstraintLayout>

但这是结果 enter image description here

5 个答案:

答案 0 :(得分:4)

这似乎是ConstraintLayout 1.1.0-beta1的问题;它在ConstraintLayout 1.1.0-beta3中按预期工作。

更新至ConstraintLayout 1.1.0-beta3。我还要注意,您需要通过执行以下操作来水平约束视图。

<View
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@color/colorPrimary"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintBottom_toTopOf="parent" />

在旁注中,ConstraintLayout不接受负边距。请参阅有关负边距的this Stack Overflow问题和ConstraintLayout

答案 1 :(得分:1)

在每个视图中,您可以使用负边距,这会将视图置于父视图之外,然后设置剪裁参数。

android:clipChildren="false"
android:clipToPadding="false"

这会使视图不被剪辑。

答案 2 :(得分:0)

我有另一种解决问题的方法:

1.添加一个锚(anchor_leftlayout_constraintStart_toStartOf="parent"

2.添加YourView layout_constraintEnd_toStartOf="@+id/anchor_left"

那就是它!

代码:

<android.support.constraint.ConstraintLayout>
    <View
        android:id="@+id/anchor_left"
        app:layout_constraintStart_toStartOf="parent"/>

    <YourView
        android:id="@+id/ll_left"
        app:layout_constraintEnd_toStartOf="@+id/anchor_left"/>
</android.support.constraint.ConstraintLayout>

答案 3 :(得分:0)

我所做的是:

  • 在ConstraintLayout中创建了高度为 0dp 的视图,例如“ fakeView”
  • 将新的fakeView放置在ConstraintLayout的顶部

当我需要隐藏视图时,请在约束之外进行翻译。

  • 更改要隐藏的视图的约束,以使BOTTOM连接到FakeView的顶部。

我认为您可以使用相同的技术将对象移动到fakeview的左侧或右侧。

答案 4 :(得分:0)

一种技巧是在ConstraintLayout本身中为所需的边设置负边距。这就要求将对那一侧有约束的其他视图偏移:

enter image description here enter image description here

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    ...
    android:layout_marginBottom="-48dp">

    <ImageButton
        android:id="@+id/leftButton"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_marginEnd="24dp"
        android:layout_marginBottom="72dp"
        android:background="@drawable/shape_next_button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <ImageButton
        android:id="@+id/rightButton"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_marginStart="24dp"
        android:background="@drawable/shape_previous_button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>