android - 如何在 MotionLayout 中运行特定的过渡？

Question

我有一个 MotionScene，它有 4 个 ConstraintSet，代表 4 个屏幕状态(加载状态)，它们之间有 3 个转换。
当我的应用程序状态从例如更改时加载到处理中，我想运行 Transition 1 (set1 -> set2)，当状态再次改变时，我想运行 Transition 2 (set2 -> set3)。我找不到办法做到这一点。

我接下来尝试了:

设置当前转换

     motion_layout.setTransition(R.id.set1, R.id.set2)
     motion_layout.transitionToState(R.id.set2)

只设置过渡

motion_layout.setTransition(R.id.set1)

转换到某个状态:

motion_layout.transitionToState(R.id.set1)

但即使我使用了 app:autoTransition="none"，上述所有方法也会一起运行我的所有集合。

我尝试将所有内容放在一个 Transition 中并设置 app:progress = 0 on ，然后使用进度控制动画的状态:

 motion_layout.setProgress(0.25f, 1.0f)

它只是将所有动画运行到最后，或者我尝试过

motion_layout.progress = 0.25f

没有动画，它只是向我展示了 0.25 的动画进度，没有任何 Action 。

如何控制动画的流向？如何运行特定的集合？使用进度会更好吗？如何解决？

附言
我用

implementation 'androidx.constraintlayout:constraintlayout:2.0.0-beta7'

Answer 1

我不确定您在做什么(代码不足)，但这是一个尽可能简单的 5 状态示例。

<MotionScene 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">

<Transition
    motion:constraintSetStart="@id/state1"
    motion:constraintSetEnd="@+id/state2"/>
<Transition
    motion:constraintSetStart="@id/state2"
    motion:constraintSetEnd="@+id/state3"/>

<Transition
    motion:constraintSetStart="@id/state3"
    motion:constraintSetEnd="@+id/state4"/>

<Transition
    motion:constraintSetStart="@id/state4"
    motion:constraintSetEnd="@+id/state5"/>

<Transition
    motion:constraintSetStart="@id/state1"
    motion:constraintSetEnd="@+id/state5"/>

<ConstraintSet android:id="@+id/state1">
    <Constraint         android:id="@+id/view">
    <CustomAttribute motion:attributeName="text" motion:customStringValue="state1" />
    </Constraint>
</ConstraintSet>

<ConstraintSet android:id="@+id/state2">
    <Constraint         android:id="@+id/view">
        <Transform android:translationX="-100dp"/>
        <CustomAttribute motion:attributeName="text" motion:customStringValue="state2" />
    </Constraint>

</ConstraintSet>

<ConstraintSet android:id="@+id/state3">
    <Constraint         android:id="@+id/view">
        <Transform android:translationX="100dp"/>
        <CustomAttribute motion:attributeName="text" motion:customStringValue="state3" />

    </Constraint>
</ConstraintSet>
<ConstraintSet android:id="@+id/state4">
    <Constraint         android:id="@+id/view">
        <Transform android:translationY="-100dp"/>
        <CustomAttribute motion:attributeName="text" motion:customStringValue="state4" />
    </Constraint>
</ConstraintSet>
<ConstraintSet android:id="@+id/state5">
    <Constraint         android:id="@+id/view">
        <Transform android:translationY="100dp"/>
        <CustomAttribute motion:attributeName="text" motion:customStringValue="state5" />
    </Constraint>
</ConstraintSet>

此场景文件与此 main_activity.xml 一起使用

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.motion.widget.MotionLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layoutDescription="@xml/activity_main_scene"
android:id="@+id/motionlayout"
tools:context=".MainActivity">

<TextView
    android:id="@+id/view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#4DD3D3"
    android:text="Hello World!"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="transition"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    android:onClick="nextState"
    />
 </androidx.constraintlayout.motion.widget.MotionLayout>

而这个 MainActivity.kt

package com.example.multistate

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
}

fun nextState(view: View) {
   when (motionlayout.currentState ) {
       R.id.state1 -> motionlayout.transitionToState(R.id.state2)
       R.id.state2 -> motionlayout.transitionToState(R.id.state3)
       R.id.state3 -> motionlayout.transitionToState(R.id.state4)
       R.id.state4 -> motionlayout.transitionToState(R.id.state5)
       R.id.state5 -> motionlayout.transitionToState(R.id.state1)
   }
}
}