MotionLayout 和 ConstraintLayout 不围绕儿童高度设置动画
Posted
技术标签:
【中文标题】MotionLayout 和 ConstraintLayout 不围绕儿童高度设置动画【英文标题】:MotionLayout and ConstraintLayout not animating around children height 【发布时间】:2019-01-29 01:31:24 【问题描述】:在 RecyclerView 中使用 MotionLayouts 时,我注意到 MotionLayouts 不会在其子元素的高度发生变化时为其设置动画。
重现该行为的一种简单方法是使用以下布局:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_>
<android.support.constraint.motion.MotionLayout
android:id="@+id/motion_container"
android:layout_
android:layout_
android:background="@color/colorPrimary"
app:layoutDescription="@xml/scene">
<View
android:id="@+id/child"
android:layout_
android:layout_
android:background="@color/colorAccent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
</android.support.constraint.motion.MotionLayout>
</FrameLayout>
以及与 OnClick 触发器关联的 MotionScene:
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">
<Transition
motion:constraintSetEnd="@id/end"
motion:constraintSetStart="@id/start"
motion:duration="1000">
<OnClick
motion:target="@id/child"
motion:mode="toggle"/>
</Transition>
<ConstraintSet android:id="@+id/start">
<Constraint
android:id="@id/child"
android:layout_/>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint
android:id="@id/child"
android:layout_/>
</ConstraintSet>
</MotionScene>
这将给出以下结果:
如您所见,MotionLayout 的高度在过渡开始后立即设置为最终预期高度,使其蓝色背景可见,直到子视图完成自己的高度过渡并完全重叠。
如果您尝试实现扩展项动画,RecyclerView 中也会发生同样的事情。
是否有办法让 MotionLayout 在过渡期间完全适合其子项的高度,或者这会不会太划算?
【问题讨论】:
您是否尝试过将布局包装到 MotionLayout 而不是 FrameLayout 中?如果你用 MotionLayout 替换你的根元素并根据替换安排过渡,你可以达到你想要的。 @krow 你有没有为这个问题找到合适的解决方案? 【参考方案1】:避免调整 MotionLayout 的边界。相反,让它更大,并且只为你的子对象的大小设置动画。您可以使空白区域透明并将触摸事件传递给底层视图。
来源和例子: https://medium.com/vrt-digital-studio/picture-in-picture-video-overlay-with-motionlayout-a9404663b9e7
【讨论】:
这是一个不错的 hack。但是,如果我将 MotionLayout 用作 RecyclerView 列表项,这不是一个合适的解决方案。 如果您需要更改 recyclerview 元素的大小,这将更加棘手。你可以看看这个帖子***.com/questions/27446051/…。但我不确定这将如何与 MotionLayout 合作 对于根列表项视图上的简单展开动画,具有与 MotionLayout 匹配的插值器和持续时间的 LayoutTransition 确实适用于展开状态。但是,在折叠状态下,MotionLayout 高度仅在 SceneTransition 结束后才会更改,从而导致 LayoutTransition 延迟。手动更改 MotionLayout 的高度会导致 SceneTransition 不一致。以上是关于MotionLayout 和 ConstraintLayout 不围绕儿童高度设置动画的主要内容,如果未能解决你的问题,请参考以下文章
Android新控件之MotionLayout 动画管理布局简单介绍<一>
MotionLayout 和 ConstraintLayout 不围绕儿童高度设置动画