android 共享元素 activity与fragment方式

android5.0的时候加入了很多让人爱不释手的动效，可以说在情绪上我是认为比iphone相同硬件条件下表现更好的视觉效果的。

具体更新的炫目动效基本很多同学也都看过了，不赘述。

这里呢，就共享元素这个单一方向的动效针对在activity与fragment上做一个小的应用总结吧。

Activity方式：

首先新建一个实体，参数 Context 传一个context，Pair给一个view和name的对，后面的name是跟需要跳转页面的元素一个name的组件，可一设置成一个全局的常量。

ActivityOptionsCompat activityOptions = ActivityOptionsCompat.makeSceneTransitionAnimation(
        this,
        new Pair<View, String>(findViewById(R.id.transition_1_img_id),
                VIEW_NAME_HEADER_IMAGE),
        new Pair<View, String>(findViewById(R.id.transition_1_txt_id),
                VIEW_NAME_HEADER_TITLE)
);

xml的代码：

<ImageView
    android:id="@+id/transition_1_img_id"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/yuri"/>

目标acitivity中设置：

ViewCompat.setTransitionName(mTransition2ImgId, VIEW_NAME_HEADER_IMAGE);
ViewCompat.setTransitionName(mTransition2TxtId, VIEW_NAME_HEADER_TITLE);

给目标activity中的共享元素添加name，这样系统代码可以扫到该name进行共享效果跳转。

addTransitionListener();

//同时可以给动画加一个监听，具体的就不展开了，可以自行阅读下即可。

fragment方式：

因为项目中都是以fragment进行组织的，那么只能是看看共享元素对于fragment的支持了。

public class FrameFragmentAcitity extends AppCompatActivity implements ItemFragment.OnListFragmentInteractionListener {

    private RelativeLayout mContainer;

    static String VIEW_NAME_HEADER_IMAGE = "image";
    static String VIEW_NAME_HEADER_TITLE = "txt";

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

    private void initView() {
        mContainer = (RelativeLayout) findViewById(R.id.container);

        FragmentManager fm = getSupportFragmentManager();
        FragmentTransaction ft = fm.beginTransaction();
        ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_CLOSE);
        Fragment to = new ItemFragment();
        ft.replace(R.id.container, to);
        ft.commitAllowingStateLoss();
    }

    @Override
    public void onListFragmentInteraction(MyItemRecyclerViewAdapter.ViewHolder holder) {

        ActivityOptionsCompat activityOptions = ActivityOptionsCompat.makeSceneTransitionAnimation(
                this,
                new Pair<View, String>(holder.imageView,
                        VIEW_NAME_HEADER_IMAGE),
                new Pair<View, String>(holder.imageView,
                        VIEW_NAME_HEADER_TITLE)
        );
        Intent intent = new Intent();

        intent.setClass(this,TransitionElement2Activity.class);

        ActivityCompat.startActivity(this, intent, activityOptions.toBundle());
    }
}

承载fragment的activity，onListFragmentInteraction是来自于fragment中list的item点击事件回调。

回传的viewholder是listadapter的回调。

基本的原理都是一样的，所以，从根本上是没有太大区别的。fragment与activity的方式。

好吧，最后给大家总结一个源码地址吧。

点我啊