美文网首页
Activity动画效果

Activity动画效果

作者: 孤独的根号十二 | 来源:发表于2019-01-16 17:41 被阅读162次

概念

两个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);
    }

相关文章

网友评论

      本文标题:Activity动画效果

      本文链接:https://www.haomeiwen.com/subject/wiemdqtx.html