只有第一个转换适用于多状态转换 motionlayout
Only first transition works in multistate transitions motionlayout
我正在测试多状态转换,就像下面的示例一样。
我的布局非常简单。它有一个 header,下面有一个 recyclerview。因此,出于测试目的,我正在尝试执行以下转换。
转换 1
Header 将其大小从 500dp(开始状态)更改为 200dp(中间状态)
转换 2
Header 将其大小从 200dp(中间状态)更改为 0dp(结束状态)
问题是只发生第一次转换。我想要的行为是当我滚动列表时 T1 发生并且在它之后 T2 应该发生使 header 完全崩溃。
请注意-我这样做只是为了测试。我有一个动画需要开发,这里使用相同的原理
这是代码
布局
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<androidx.constraintlayout.motion.widget.MotionLayout
android:id="@+id/motion_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:showPaths="true"
app:layoutDescription="@xml/scrollable_header_above_recycler_view_scene">
<ImageView
android:id="@+id/header"
android:layout_width="0dp"
android:layout_height="500dp"
android:background="@color/colorPrimary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:paddingTopSystemWindowInsets="@{true}"
tools:ignore="ContentDescription" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/list"
android:layout_width="0dp"
android:layout_height="0dp"
android:clipToPadding="false"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/header"
app:paddingBottomSystemWindowInsets="@{true}" />
</androidx.constraintlayout.motion.widget.MotionLayout>
</layout>
运动布局
<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">
<Transition
motion:constraintSetStart="@+id/start"
motion:constraintSetEnd="@+id/intermediate"
>
<OnSwipe
motion:onTouchUp="stop"
motion:dragDirection="dragUp"
motion:touchAnchorSide="bottom"
motion:touchAnchorId="@+id/header" />
</Transition>
<Transition
motion:constraintSetStart="@+id/intermediate"
motion:constraintSetEnd="@+id/end"
>
<OnSwipe
motion:onTouchUp="stop"
motion:dragDirection="dragDown"
motion:touchAnchorSide="bottom"
motion:touchAnchorId="@+id/header" />
</Transition>
<ConstraintSet android:id="@+id/start">
<Constraint
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="500dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"
motion:layout_constraintTop_toTopOf="parent" />
</ConstraintSet>
<ConstraintSet android:id="@+id/intermediate">
<Constraint
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="200dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"
/>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="0dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"
/>
</ConstraintSet>
</MotionScene>
看起来像一个错误。我已将其报告给 google 问题跟踪器....您可以使用侦听器手动设置转换和进度以暂时阻止它,例如:
// MotionLayout
motionLayout.setTransitionListener(object : MotionLayout.TransitionListener {
override fun onTransitionTrigger(p0: MotionLayout?, p1: Int, p2: Boolean, p3: Float) {}
override fun onTransitionStarted(p0: MotionLayout?, p1: Int, p2: Int) {}
override fun onTransitionChange(p0: MotionLayout?, p1: Int, p2: Int, p3: Float) {}
override fun onTransitionCompleted(p0: MotionLayout?, p1: Int) {
if (motionLayout.currentState == R.id.set1 && motionLayout.endState == R.id.set1) {
motionLayout.progress = 0F
motionLayout.setTransition(R.id.set1, R.id.set2)
} else if (motionLayout.currentState == R.id.set1 && motionLayout.endState == R.id.set2) {
motionLayout.progress = 1F
motionLayout.setTransition(R.id.set0, R.id.set1)
}
}
})
MotionLayout 不支持 NestedScrollView/RecyclerView 的 Multi-state 过渡。
它会产生许多极端情况。
我正在测试多状态转换,就像下面的示例一样。
我的布局非常简单。它有一个 header,下面有一个 recyclerview。因此,出于测试目的,我正在尝试执行以下转换。
转换 1 Header 将其大小从 500dp(开始状态)更改为 200dp(中间状态)
转换 2 Header 将其大小从 200dp(中间状态)更改为 0dp(结束状态)
问题是只发生第一次转换。我想要的行为是当我滚动列表时 T1 发生并且在它之后 T2 应该发生使 header 完全崩溃。
请注意-我这样做只是为了测试。我有一个动画需要开发,这里使用相同的原理
这是代码
布局
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<androidx.constraintlayout.motion.widget.MotionLayout
android:id="@+id/motion_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:showPaths="true"
app:layoutDescription="@xml/scrollable_header_above_recycler_view_scene">
<ImageView
android:id="@+id/header"
android:layout_width="0dp"
android:layout_height="500dp"
android:background="@color/colorPrimary"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:paddingTopSystemWindowInsets="@{true}"
tools:ignore="ContentDescription" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/list"
android:layout_width="0dp"
android:layout_height="0dp"
android:clipToPadding="false"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/header"
app:paddingBottomSystemWindowInsets="@{true}" />
</androidx.constraintlayout.motion.widget.MotionLayout>
</layout>
运动布局
<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">
<Transition
motion:constraintSetStart="@+id/start"
motion:constraintSetEnd="@+id/intermediate"
>
<OnSwipe
motion:onTouchUp="stop"
motion:dragDirection="dragUp"
motion:touchAnchorSide="bottom"
motion:touchAnchorId="@+id/header" />
</Transition>
<Transition
motion:constraintSetStart="@+id/intermediate"
motion:constraintSetEnd="@+id/end"
>
<OnSwipe
motion:onTouchUp="stop"
motion:dragDirection="dragDown"
motion:touchAnchorSide="bottom"
motion:touchAnchorId="@+id/header" />
</Transition>
<ConstraintSet android:id="@+id/start">
<Constraint
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="500dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"
motion:layout_constraintTop_toTopOf="parent" />
</ConstraintSet>
<ConstraintSet android:id="@+id/intermediate">
<Constraint
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="200dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"
/>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="0dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"
/>
</ConstraintSet>
</MotionScene>
看起来像一个错误。我已将其报告给 google 问题跟踪器....您可以使用侦听器手动设置转换和进度以暂时阻止它,例如:
// MotionLayout
motionLayout.setTransitionListener(object : MotionLayout.TransitionListener {
override fun onTransitionTrigger(p0: MotionLayout?, p1: Int, p2: Boolean, p3: Float) {}
override fun onTransitionStarted(p0: MotionLayout?, p1: Int, p2: Int) {}
override fun onTransitionChange(p0: MotionLayout?, p1: Int, p2: Int, p3: Float) {}
override fun onTransitionCompleted(p0: MotionLayout?, p1: Int) {
if (motionLayout.currentState == R.id.set1 && motionLayout.endState == R.id.set1) {
motionLayout.progress = 0F
motionLayout.setTransition(R.id.set1, R.id.set2)
} else if (motionLayout.currentState == R.id.set1 && motionLayout.endState == R.id.set2) {
motionLayout.progress = 1F
motionLayout.setTransition(R.id.set0, R.id.set1)
}
}
})
MotionLayout 不支持 NestedScrollView/RecyclerView 的 Multi-state 过渡。 它会产生许多极端情况。