Android活动场景过渡不同的动画目标

时间:2019-04-01 20:22:28

标签: android android-animation

请考虑以下用例:主屏幕上有两个按钮,当用户单击“生成随机数”按钮时,将生成一个随机数,并使用全屏活动显示该数字。生成的随机数显示在“最后生成的数字:”之后。我正在尝试使用<Link>添加活动过渡动画。因此,当用户单击“生成随机数”按钮时,全屏活动将随之展开。但是,当用户关闭全屏活动时,我想使用“ Last Number Generated:”作为动画目标。但是我发现没有办法用ActivityOptions.makeSceneTransitionAnimation()做到这一点。当全屏活动关闭时,动画目标将始终是启动动画的原始视图。有什么技巧可以实现行为吗?这是源代码:

MainActivity.kt:

ActivityOptions.makeSceneTransitionAnimation()

activity_main.xml:

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        findViewById<TextView>(R.id.generate).setOnClickListener {
            startActivity(Intent(this, FullScreenActivity::class.java).apply {
                val randomNum = Random().nextInt(100)
                putExtra(FullScreenActivity.KEY, randomNum)
                findViewById<TextView>(R.id.last_result).text = "Last Number Generated: $randomNum"
            }, ActivityOptionsCompat.makeSceneTransitionAnimation(
                this, findViewById<TextView>(R.id.generate), "random"
            ).toBundle())
        }
    }
}

FullScreenActivity.kt:

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

    <TextView
        android:id="@+id/last_result"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="18dp"
        android:textSize="18sp"
        android:transitionName="random"
        android:text="Last Number Generated:"
        android:background="@color/colorPrimary"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <TextView
        android:id="@+id/generate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="18dp"
        android:textSize="18sp"
        android:text="Generate Random Number"
        android:transitionName="random"
        android:background="@color/colorPrimary"
        android:layout_marginTop="20dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/last_result"/>

</android.support.constraint.ConstraintLayout>

activity_full_screen.xml:

class FullScreenActivity : AppCompatActivity() {

    companion object {
        const val KEY = "KEY"
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_full_screen)
        val randomNumber = intent.getIntExtra(KEY, 0)
        findViewById<TextView>(R.id.full_screen).text = randomNumber.toString()
    }
}

enter image description here

1 个答案:

答案 0 :(得分:1)

您应在R.id.generate中将R.id.last_resultmakeSceneTransitionAnimation添加为sharedElements,并使用不同的transitionName

        Pair<View, String> pair1 = new Pair<>(generate, "random");
        Pair<View, String> pair2 = new Pair<>(lastResult, "lastResult");
        Bundle bundle = ActivityOptionsCompat.
                          makeSceneTransitionAnimation(MainActivity.this, pair1, pair2)
                         .toBundle();
        startActivity(intent, bundle); 

然后在FullScreenActivity中,只需将transitionName的{​​{1}}的某个位置从R.id.full_screen更改为"random"(与{{1的"lastResult" }})。我是通过transitionName方法做到的:

R.id.last_result

结果:

enter image description here