在RecyclerView中使用MotionLayouts时,我注意到如果高度发生变化,MotionLayouts将无法为其子项周围的环绕设置动画.
重现该行为的简单方法是使用以下布局:
<FrameLayout 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">
<android.support.constraint.motion.MotionLayout
android:id="@+id/motion_container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
app:layoutDescription="@xml/scene">
<View
android:id="@+id/child"
android:layout_width="0dp"
android:layout_height="200dp"
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>
Run Code Online (Sandbox Code Playgroud)
以及与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_height="200dp"/>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint
android:id="@id/child"
android:layout_height="400dp"/>
</ConstraintSet>
</MotionScene>
Run Code Online (Sandbox Code Playgroud)
这将产生以下结果:
如您所见,MotionLayout的高度在过渡开始时设置为最终预期高度,使其蓝色背景可见,直到子视图完成其自身的高度过渡并完全重叠.
如果您尝试实现扩展项目动画,则在RecyclerView中会发生同样的事情.
有没有办法让MotionLayout在转换期间完全适合它的孩子的高度,或者只是太高的成本效益?
android android-transitions android-recyclerview android-constraintlayout android-motionlayout
android ×1