棒棒糖过渡 - 片段到活动

时间:2014-11-27 09:33:04

标签: android android-5.0-lollipop activity-transition fragment-transitions

我试图弄清楚如何在Lollipop中进行Activity(或Fragment ??)过渡。我正在使用AppCompat v7 - v21。

以下是我的情景:

enter image description here

当点击GridView中的一个项目(片段内部)时,我希望图像像链接here一样进行转换。我该如何实现?有没有办法可以使用样式做到这一点?如果我通过代码完成,我可以从Fragment到Activity有一个如何做的样本吗?

[编辑]

这是我到目前为止所取得的成就:

styles.xml:values-v21

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar">

        <!-- API 21 theme customizations can go here. -->
        <item name="windowActionBar">false</item>
        <item name="android:colorPrimary">@color/dark_grey</item>
        <item name="android:colorPrimaryDark">@color/dark_grey</item>
        <item name="android:colorAccent">@color/dark_grey</item>
        <item name="android:colorControlNormal">@color/white</item>

        <!-- enable window content transitions -->
        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowAllowEnterTransitionOverlap">true</item>
        <item name="android:windowAllowReturnTransitionOverlap">true</item>
        <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
        <item name="android:windowSharedElementExitTransition">@android:transition/move</item>
    </style>

</resources>
MainActivity中的

onItemClick():

    Intent i = new Intent(this, DetailActivity.class);
    i.putExtra("url", url);
    i.putExtra("twoPane", false);
    i.putExtra("title", title);
    i.putExtra("imageurl", imageurl);
    // startActivity(i);

    ActivityOptionsCompat options = ActivityOptionsCompat
            .makeSceneTransitionAnimation(this,
                    v.findViewById(R.id.item_imageview), imageurl);
    ActivityCompat.startActivity(this, i, options.toBundle());

在DetailActivity中:

    imageview = (SquareImageView) findViewById(R.id.imageview_detail);
    ViewCompat.setTransitionName(imageview, imageurl);
    imageview.setImageUrl(imageurl, ImageCacheManager.getInstance()
            .getImageLoader());

        getWindow().getEnterTransition().addListener(new TransitionListener() {
            @Override
            public void onTransitionEnd(Transition transition) {

                if (Const.DEBUGGING_INT)
                    Log.d(Const.DEBUG, "onTransitionEnd");

                //fadeOutAndHideImage(imageview);

                if (mDetailFragment == null)
                    mDetailFragment = new DetailFragment();
                getSupportFragmentManager()
                        .beginTransaction()
                        .replace(R.id.detail_fragment_container,
                                mDetailFragment).commit();

                mDetailFragment.setParameters(bundle);

            }
}

这给了我过渡,但是,过渡并不像我预期的那样平稳。仍在努力。

我可以在棒棒糖前设备中获得这些转换吗?当我尝试在较低版本中运行代码时,例如2.3.6,它崩溃并说NoSuchMethodDef getEnterTransition()。这些过渡只与棒棒糖有关吗?

0 个答案:

没有答案