Android学习之5.X过渡动画的实现

你是否对安卓现有的页面跳转动画觉得单一生硬呢？

Android 5.0中，Google对动画效果做了更深的诠释，为Activity的跳转设计更加丰富的动画效果。

看下效果图

由于不会Gif，这图是扣来的，但是我们就是来讲述这种效果是如何实现的

Android 5.X提供了三种Transition类型

进入：一个Activity的所有视图如何进入屏幕

退出：一个Activity的所有视图，如何退出屏幕

共享：一个共享元素过渡动画决定两个Activity之间的过渡，如何共享他们的视图

进入退出效果：

explode（分解）—-从屏幕中间进入或退出

slide（滑动）—-从屏幕边缘进入或退出，（包括状态栏）

fade（淡出）—-类似透明度渐变动画，通过改变透明度来进入或者退出视图

共享元素：

changeBounds —- 改变目标视图的布局边界

changeClipBounds —- 裁剪目标视图边界

changeTransform —–改变目标视图的缩放比例和旋转角度

changeImageTransform —- 改变目标图片的大小和缩放比例

实现方式：

Activity A：

  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public void explode(View view){

        intent=new Intent(this,Transitions.class);
        intent.putExtra("flag",0);
        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle());
    }
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public void slide(View view){

        intent=new Intent(this,Transitions.class);
        intent.putExtra("flag",1);
        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle());
    }
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public void fade(View view){

        intent=new Intent(this,Transitions.class);
        intent.putExtra("flag",2);
        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle());
    }
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public void normol(View view){

        intent=new Intent(this,Transitions.class);
        intent.putExtra("flag",3);
        startActivity(intent);
    }
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public void share(View view){

        intent=new Intent(this,Transitions.class);
        intent.putExtra("flag",4);
        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,view,"share").toBundle());
    }

这里为了比较，设置了explode，slide，fade，normol，share，五种过渡方式，大家可以看下实现的动画效果

Activity B：

 getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
        int flag = getIntent().getExtras().getInt("flag");
        switch (flag) {
            case 0:
                Explode explode = new Explode();
                explode.setDuration(2000);
                getWindow().setEnterTransition(explode);
                getWindow().setExitTransition(explode);
                break;
            case 1:
                Slide slide=new Slide();
                slide.setDuration(2000);
                getWindow().setEnterTransition(slide);
                getWindow().setExitTransition(slide);
                break;
            case 2:
                Fade fade=new Fade();
                fade.setDuration(2000);
                getWindow().setEnterTransition(fade);
                getWindow().setExitTransition(fade);
                break;
            case 3:
                break;
            case 4:
                break;
        }
        setContentView(R.layout.transitions);

也可以通过style实现

<style name="myTheme" parent="android:Theme.Material">  
        <!-- 允许使用transitions -->  
        <item name="android:windowContentTransitions">true</item>  

        <!-- 指定进入和退出transitions -->  
        <item name="android:windowEnterTransition">@transition/explode</item>  
        <item name="android:windowExitTransition">@transition/explode</item>  

        <!-- 指定shared element transitions -->  
        <item name="android:windowSharedElementEnterTransition">  
            @transition/change_image_transform</item>  
        <item name="android:windowSharedElementExitTransition">  
            @transition/change_image_transform</item>  
</style>  

这里explode，slide，fade动画都很好理解，也很好实现

共享元素需要讲一下

首先你需要在Activity A中设置共享元素，添加属性

android:transitionName="share" 

当然，“share”可以自定义，这个没有局限。

在Activity B中也需要给要实现共享元素效果 的元素增加此属性

android:transitionName="share" 

代码中作如下设置

intent=new Intent(this,Transitions.class);
        intent.putExtra("flag",4);
        startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,view,"share").toBundle());

实现多个共享元素的话

ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,  
        Pair.create(view1, "agreedName1"),  
        Pair.create(view2, "agreedName2"));  

实现效果

注意点：

运行机器必须是api21以上才有效果，因为是基于5.0的嘛，所以用模拟器运行效果小伙伴要注意一下，不然会出现

   Caused by: java.lang.NoSuchMethodError: android.app.ActivityOptions.makeSceneTransitionAnimation

好啦，就介绍到这啦，代码大家可以下载运行一下，看下效果。

代码下载

http://pan.baidu.com/s/1kUGCM27