繁体   English   中英

为活动之间的视图过渡设置动画的简便方法

[英]Easy way to animate views transition between activities

在活动之间进行转换时,是否有一种简单且通用的方式来制作视图动画? 某些功能仅需要源视图和目标视图,而无需编写任何特定于每个过渡的代码。

经过研究,我发现了一种通用且非常简单的方法,可使用以下功能为过渡视图添加动画:

private static final String VIEW_TRANSITION_PREFIX = "view_transition_";

public static void startActivityAnimatingViews(@NonNull final Activity activity, @NonNull final Intent intent, View... views) {
        Log.d(TAG, "startActivityAnimatingViews() called with: activity = [" + activity + "], intent = [" + intent + "], views = [" + Arrays.deepToString(views) + "]");
        if (views != null) {
            final List<Pair<View, String>> pairs = new ArrayList<>();

            for (int i = 0; i < views.length; i++) {
                final View view = views[i];
                final String transitionName = getTransitionNameForView(i);
                view.setTransitionName(transitionName);
                Pair<View, String> pair = Pair.create(view, transitionName);
                pairs.add(pair);
            }

            activity.runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    //noinspection unchecked
                    ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(activity, pairs.toArray(new Pair[pairs.size()]));
                    activity.startActivity(intent, options.toBundle());
                }
            });

        }else{
            activity.startActivity(intent);
        }
    }

    public static void onCreateActivityAnimatingViews(View... views) {
        Log.d(TAG, "onCreateActivityAnimatingViews() called with: views = [" + Arrays.deepToString(views) + "]");
        if (views != null) {
            for (int i = 0; i < views.length; i++) {
                views[i].setTransitionName(getTransitionNameForView(i));
            }
        }
    }

    @NonNull
    private static String getTransitionNameForView(int index) {
        return VIEW_TRANSITION_PREFIX + index;
    }

要使用这些功能,需要在要启动新活动并将其传递给要设置动画的当前活动中的视图时调用startActivityAnimatingViews 然后,在onCreate第二活动通话onCreateActivityAnimatingViews在以相同的顺序的看法目标。

为了简化,下面是一个示例,该示例如何将一个活动的2个视图动画化为另一个活动:

public class FirstActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_first);

        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                UiUtils.startActivityAnimatingViews(FirstActivity.this, new Intent(FirstActivity.this, SecondActivity.class), FirstActivity.this.findViewById(R.id.first_view1), FirstActivity.this.findViewById(R.id.first_view2));
            }
        });
    }
}

public class SecondActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);

        UiUtils.onCreateActivityAnimatingViews(findViewById(R.id.second_view1), findViewById(R.id.second_view2));
    }
}

请注意, intent上的某些标志(例如Intent.FLAG_ACTIVITY_NEW_TASKIntent.FLAG_ACTIVITY_CLEAR_TASK可能会阻止动画工作。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM