组合移动转换活动转换动画

Question

我想做的是:

假设我在屏幕的右上角有一个imageView。

A.当我点击它时，它会移动/平移到屏幕中央

B.然后，它应该使用 SharedElement Transition 动画化为新活动

我可以用LINK做A，用LINK做B

2个问题

>

我做得对吗

如何将A和B结合起来

乔治回答后

v21/themes.xml

<resources>
<style name="AppTheme" parent="AppTheme.Base">
    <item name="android:windowContentTransitions">true</item>
    <item name="android:windowAllowEnterTransitionOverlap">true</item>
    <item name="android:windowAllowReturnTransitionOverlap">true</item>
    <item name="android:windowSharedElementExitTransition">@transition/exit_slide_transition</item>
    <item name="android:windowSharedElementEnterTransition">@transition/enter_transition</item>

</style>
</resources>

exit_slide_transition.xml

<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
    <changeBounds
        android:duration="1000"
        android:interpolator="@android:anim/linear_interpolator"/>
</transitionSet>

linear.xml(由AnimationUtils.loadAnimation使用)

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator">
    <translate
        android:fromYDelta="0"
        android:toYDelta="45%p"
        android:fromXDelta="0"
        android:toXDelta="45%p"
        android:duration="1000"/>
</set>

输入转换.xml

<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
    <changeImageTransform/>
</transitionSet>

启动活动移动图像（）：

//StartActivity:

    ActivityOptionsCompat options =
                    ActivityOptionsCompat.makeSceneTransitionAnimation(
                            activity, transitionView, EXTRA_IMAGE);
            Intent intent = new Intent(activity, DetailActivity.class);
            intent.putExtra(EXTRA_IMAGE, url);
            ActivityCompat.startActivity(activity, intent, options.toBundle());

//moveImage():

    RelativeLayout.LayoutParams layoutParams=new RelativeLayout.LayoutParams((int)getResources().getDimension(R.dimen.my_image_dp),(int)getResources().getDimension(R.dimen.my_image_dp));
layoutParams.addRule(RelativeLayout.CENTER_VERTICAL,RelativeLayout.TRUE);
layoutParams.addRule(RelativeLayout.CENTER_HORIZONTAL,RelativeLayout.TRUE);
imageView.setLayoutParams(layoutParams);

Answer 1

从我在链接中读到的内容来看，您正在尝试直接使用动画器进行初始动画。可以通过使用动画监听器（on动画结束）来启动活动来做到这一点，但我猜这不是您的想法。

“正确”的方法是在视图转换到新的“活动”之前使用SharedElementExitTransition移动视图。您可以使用ChangeTransform或ChangeBounds来移动它，具体取决于您修改的属性（平移或位置）。

本质上：

startActivity(intent, bundle);
moveImage();

这将导致共享元素的退出转换根据您在移动图像中的操作运行，以将其置于最终位置。完成后，启动的活动将使用其共享元素进入转换将其移动到最终位置。

编辑:

如果您只是调整布局参数，则看起来需要强制父视图的布局。我还不确定为什么这是必要的。调用 setLayoutParams 后，添加以下内容：

    View parent = (View) imageView.getParent();
    int widthSpec = View.MeasureSpec.makeMeasureSpec(parent.getWidth(), View.MeasureSpec.EXACTLY);
    int heightSpec = View.MeasureSpec.makeMeasureSpec(parent.getHeight(), View.MeasureSpec.EXACTLY);
    parent.measure(widthSpec, heightSpec);
    parent.layout(parent.getLeft(), parent.getTop(), parent.getRight(), parent.getBottom());

您也可以直接更改ImageView的左/上/右/下。