Activity动画效果

概念

两个Activity进行跳转的时候,转场动画。
ActivityOptions类。只支持API21以上的版本。
版本判断会比较麻烦,谷歌很贴心 设计了一个兼容类:ActivityOptionsCompat(v4包中)
但是此类在低版本上面并没有转场动画效果,只是解决了我们手动去判断版本的问题而已。

转场动画可以分为两大类:共享元素转换普通的转换

使用转换动画前提:需要给两个Activity都设置如下,让其允许使用转场动画。
方法一:
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
方法二:
修改主题:
<item name="android:windowContentTransitions">true</item>

1.共享元素转换

概念:可以把两个Activity当中的相同的元素关联起来做连贯的变换动画。
前提:给两个Activity当中的共享元素view都设置同一个名字---android:transitionName

                <ImageView
                android:id="@+id/iv1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:transitionName="iv_meinv3"
                android:src="@drawable/meinv3" />

按返回键的时候自动实现了返回的共享元素转场动画,原因看源码:

        public void onBackPressed() {
            finishAfterTransition();
        }
        public void finishAfterTransition() {
            if (!mActivityTransitionState.startExitBackTransition(this)) {
                finish();
            }
        }

单个元素共享:

        ActivityOptionsCompat optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this, iv1, "iv_meinv3");
        Intent intent = new Intent(this, SecondActivity.class);
        startActivity(intent, optionsCompat.toBundle());

多个共享元素

        ActivityOptionsCompat optionsCompat = ActivityOptionsCompat
                .makeSceneTransitionAnimation(this, Pair.create((View)iv1, "iv1"),Pair.create((View)bt, "bt"));
        Intent intent = new Intent(this, SecondActivity.class);
        startActivity(intent, optionsCompat.toBundle());

fragment中:

  Fragment fragment=new MyFragment();
                fragment.setSharedElementEnterTransition(new ChangeBounds());  //共享组件的动画
                fragment.setEnterTransition(new Slide(Gravity.RIGHT)); //fragment转换动画
                getFragmentManager().beginTransaction()
                        .replace(R.id.container_fragment,fragment)
                        .addToBackStack(null)
                        .addSharedElement(shared_small_circle,"shared_circle_")//添加共享元素
                        .commit();

2.普通的转换动画

Activity的转换动画

(只有API 21才有下面自带效果)
三种系统带的:滑动效果(Slide)、展开效果Explode、渐变显示隐藏效果Fade

       Fade fade = new Fade();
        fade.setDuration(1000);
        getWindow().setExitTransition(fade);//出去的动画
        getWindow().setEnterTransition(fade);//进来的动画
        //如果有共享元素,可以设置共享元素,那么它就会按照共享元素动画执行,其他的子view就会按
               照Fade动画执行。
        ActivityOptionsCompat optionsCompat = 
               ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivity.this);
        Intent intent = new Intent(this, SecondActivity.class);
        startActivity(intent, optionsCompat.toBundle());
                setTransitionGroup(true).//布局整天做转换
//通过修改Activity的主题也可以得到同样的效果
<item name="android:windowEnterTransition">@transition/slide_and_fade</item>
<item name="android:windowReturnTransition">@transition/return_slide</item>

setExitTransition(transition)
Transition框架会先遍历A界面确定要执行动画的view(非共享元素view),执行exitTransition前A界面会获取界面的start scene(view 处于VISIBLE状态),然后将所有的要执行动画的view设置为INVISIBLE,并获取此时的end scene(view 处于INVISIBLE状态).根据transition分析差异的不同创建执行动画。

setEnterTransition(transition)
Transition框架会先遍历B界面,确定要执行动画的view,设置为INVISIBLE。执行enterTransition前获取此时的start scene(view 处于INVISIBLE状态),然后将所有的要执行动画的view设置为VISIBLE,并获取此时的end scene(view 处于VISIBLE状态).根据transition分析差异的不同创建执行动画。

setReenterTransition(transition)
同上,未设置setReenterTransition()默认和setExitTransition一样

View的转换动画

使用步骤

1.定义两个Scene(场景)

ViewGroup sceneRoot= (ViewGroup) findViewById(rootView);   //rootView当前Activity的布局
Scene     scene1= Scene.getSceneForLayout(sceneRoot,scene1_layout,this);//scene1_layout场景1的布局
Scene    scene2=Scene.getSceneForLayout(sceneRoot,scene2_layout,this);//scene2_layout 场景2的布局

scene1_layout和scene2_layout 需要变换的View除了位置大小不一样,其id是一样的。可以当成一个view

1.开启动画

TransitionManager.go(scene1);//开始时候的场景scene1,不指定动画,则默认动画是AutoTransition类。它其实是一个动画集合,查看源码可知其实是动画集合中添加了Fade和ChangeBounds类

//以transition的方式转换成scene2
TransitionManager.go(scene2,transition);//transition是一个Transition对象,有很多子类,实现不同的动画效果
Transition子类

ChangeBounds
检测view的位置边界创建移动缩放动画

ChangeTransform
检测view的scale和rotation创建缩放旋转动画

ChangeClipBounds
检测view的剪切区域的位置边界,和ChangeBounds类似。不过ChangeBounds针对的是view而ChangeClipBounds针对的是view的剪切区域setClipBound(Rect rect) 中的rect。如果没有设置则没有动画效果,简单的说两个相同的布局子View设置不同的裁剪区域,产生的动画

ChangeImageTransform
检测ImageView(这里是专指ImageView)的尺寸,位置以及ScaleType,并创建相应动画。

Fade,Slide,Explode
这三个都是根据view的visibility的不同分别创建渐入,滑动,爆炸动画。

通过xml文件创建转换动画

第一步在res/transition创建一个xml文件

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
<changeBounds />
<fade />
</transitionSet>

或者

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
<fade>
<targets >
        <!--表示除了状态栏-->
        <target android:excludeId="@android:id/statusBarBackground"/>
        <!--表示只针对状态栏-->
 <!--<target android:targetId="@android:id/statusBarBackground"/>-->  </targets>
<fade />

第二步使用:

Transition sets=TransitionInflater.from(this).inflateTransition(R.transition.changebounds_and_fade);
beginDelayedTransition

之前的TransitionManager.go()相当与一个开关,用于打开转换动画,而beginDelayedTransition相当于设置了一个监听,当View的属性发生变化时,配合属性变化产生相应的动画
例如:

   TransitionManager.beginDelayedTransition(sceneRoot,new ChangeBounds());//sceneRoot跟布局
   ViewGroup.LayoutParams layoutParams = view.getLayoutParams();//view是sceneRoot里面的子View

   layoutParams.width=(int)(1.5*primarySize);
  layoutParams.height=(int)(1.5*primarySize);
  view.setLayoutParams(layoutParams);

则产生View逐渐变大的动画

其他方式

1.设置样式

style.xml

<item name="android:windowAnimationStyle">@style/ActivityAnimation</item>

ActivityAnimation:
<style name="ActivityAnimation">
    <item name="android:activityOpenEnterAnimation">@anim/slide_left</item>
    <item name="android:activityCloseExitAnimation">@anim/slide_right</item>
    <item name="android:activityCloseEnterAnimation">@anim/alpha_1to1</item>
   <item name="android:activityOpenExitAnimation">@anim/alpha_1to1</item>
</style>

slide_left

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
   <translate android:fromXDelta="100%p" android:toXDelta="0%p" />
</set>

slide_right

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<translate android:fromXDelta="0%p" android:toXDelta="100%p" />
</set>

alpha_1to1

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<alpha android:fromAlpha="1" android:toAlpha="1"/>
</set>

alpha_1to1

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<alpha android:fromAlpha="1" android:toAlpha="1"/>
</set>

2.overridePendingTransition

//页面的跳转
Intent intent = new Intent(MainActivity.this,Test1Activity.class);
startActivity(intent);
overridePendingTransition(R.anim.entry,0);

 @Override
    public void finish() {
        super.finish();
        overridePendingTransition(0,R.anim.exit);
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容