Android 动画使用的笔记整理
//=================【frame animation 帧动画】=============================== Frame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧动画。 Frame动画可以被定义在XML文件中，也可以完全编码实现。(animation-list,标签内容没有提示，就手动添加) 《studio 中 需要在drawable里边创建 frame动画的文件。animation-list》 实现方法两种： 1）xml中的实现方法 在/res下的anim或drawable目录中(/res/[anim |drawable]/filename.xml)， 文件名可以作为资源ID在代码中引用； 1、[xml文件的语法] <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot=["true" | "false"] > <item android:drawable="@[package:]drawable/drawable_resource_name" android:duration="integer" /> </animation-list> <item>元素代表一帧动画，android:drawable指定此帧动画所对应的图片资源，android:druation代表此帧持续的时间，整数，单位为毫秒。 Android:onshot如果定义为true的话，此动画只会执行一次，如果为false则一直循环。 2、图片放于drawable目录 ImageView image = (ImageView) findViewById(R.id.frame_image); image.setBackgroundResource(R.anim.frame); //将动画资源文件设置为ImageView的背景 //or xml.布局中，android:background="@anim/mywifi_animation" / //获取ImageView背景,此时已被编译成AnimationDrawable AnimationDrawable anim = (AnimationDrawable) image.getBackground(); anim.start(); //开始动画 在onCreate中调用AnimationDrawable的start方法时，窗口Window对象还没有完全初始化， AnimationDrawable不能完全追加到窗口Window对象中，那么该怎么办呢？ 我们需要把这段代码放在onWindowFocusChanged方法中，当Activity展示给用户时，onWindowFocusChanged方法就会被调用，我们正是在这个时候实现我们的动画效果。 当然，onWindowFocusChanged是在onCreate之后被调用的，如图： public void stopFrame(View view) { if (anim.isRunning()) { //如果正在运行,就停止 anim.stop(); } } 2）Java代码实现的帧动画 public void runFrame(View view) { //完全编码实现的动画效果 AnimationDrawable anim = new AnimationDrawable(); for (int i = 1; i <= 4; i++) { //根据资源名称和目录获取R.java中对应的资源ID int id = getResources().getIdentifier("f" + i, "drawable", getPackageName()); //根据资源ID获取到Drawable对象 Drawable drawable = getResources().getDrawable(id); //将此帧添加到AnimationDrawable中 anim.addFrame(drawable, 300); } anim.setOneShot(false); //重复的次数 image.setBackgroundDrawable(anim); //将动画设置为ImageView背景 anim.start(); //开始动画 } //===========【Tween Animation：（补间动画）】================= 补间动画就是我们只需指定开始、结束的“关键帧“，而变化中的其他帧由系统来计算，不必自己一帧帧的去定义。 四种子类：AlphaAnimation(透明度动画)、ScaleAnimation(缩放动画)、TranslateAnimation(位移动画)、RotateAnimation(旋转度动画)。 /* 1.动画时间 duration 2.是否循环 3.开始位置坐标 4. 动画属性 ，由快到慢 etc */ AnimationSet animationSet = new AnimationSet(true); AlphaAnimation:淡入淡出动画 // 动画1:透明度变化: 1.0 fully opaque 完全不透明；0.0 fully transparent 完全透明 AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0); alphaAnimation.setDuration(2000);// 持续时间 animationSet.addAnimation(alphaAnimation); imageView.startAnimation(animationSet); TranslateAnimation：位移动画 // 平移动画设置 TranslateAnimation translateAnimation = new TranslateAnimation(0, 150, 0, 0); // new TranslateAnimation( // Animation.RELATIVE_TO_SELF, 10f, Animation.RELATIVE_TO_SELF, 50.0f, // Animation.RELATIVE_TO_SELF, 10f, Animation.RELATIVE_TO_SELF, 50.0f); translateAnimation.setDuration(2000); translateAnimation.setInterpolator(new AccelerateInterpolator()); /** * TranslateAnimation * @setFillAfter的设置如果为true，则动画执行完之后效果定格在执行完之后的状态 * @setFillBefore的设置如果为true，则动画执行完之后效果定格在执行完之前的状态 * @setStartOffset设置的是一个long类型的值，是指动画延迟多少毫秒之后执行 * @setRepeatCount定义的是动画重复几次执行 */ translateAnimation.setRepeatCount(3); translateAnimation.setStartOffset(2000); animationSet.setFillAfter(false); animationSet.setFillBefore(true); animationSet.addAnimation(translateAnimation); imageView.startAnimation(animationSet); ScaleAnimation：缩放动画 // 前四个参数，x、y方向上从什么倍数缩放到什么倍数，后面四个参数是相对在什么位 // 置进行缩放。跟平移差不多一个意思 ScaleAnimation scaleAnimation = new ScaleAnimation(1, 0.1f, 1, 0.1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); scaleAnimation.setDuration(2000); animationSet.addAnimation(scaleAnimation); imageView.startAnimation(scaleAnimation); RotateAnimation：旋转动画 // 后面的四个参数定义的是旋转的圆心位置 RotateAnimation rotateAnimation = new RotateAnimation(0, -359, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotateAnimation.setDuration(2000); rotateAnimation.setInterpolator(new LinearInterpolator());//恒定变化 rotateAnimation.setRepeatCount(-1); animationSet.addAnimation(rotateAnimation); imageView.startAnimation(animationSet); 以上是java的实现： //--------------------------------------------------------------- 以下是xml的实现补间动画的方法tween //res/anim 文件夹建立 *.xml动画的文件， 格式如下 <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="false" android:fillBefore="true"> <alpha android:duration="2000" android:fromAlpha="1.0" android:toAlpha="0" /> <!-- 透明度控制动画效果 alpha 浮点型值： fromAlpha 属性为动画起始时透明度 toAlpha 属性为动画结束时透明度 说明: 0.0表示完全透明 1.0表示完全不透明 以上值取0.0-1.0之间的float数据类型的数字 长整型值： duration 属性为动画持续时间 说明: 时间以毫秒为单位 --> <translate android:duration="1000" android:fromXDelta="-50%p" android:toXDelta="0" /> <!-- translate 位置转移动画效果 整型值: fromXDelta 属性为动画起始时 X坐标上的位置 toXDelta 属性为动画结束时 X坐标上的位置 fromYDelta 属性为动画起始时 Y坐标上的位置 toYDelta 属性为动画结束时 Y坐标上的位置 注意: 不管是100%还是100%p，都应该是以控件所在的位置为起始点开始 没有指定fromXType toXType fromYType toYType 时候，默认是以自己为相对参照物 android:toXDelta="100%",表示自身的100%,也就是从View自己的位置开始。 android:toXDelta="80%p",表示父层View的80%,是以它父层View为参照的。 长整型值： duration 属性为动画持续时间 说明: 时间以毫秒为单位 --> <rotate android:duration="3000" android:fromDegrees="0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toDegrees="+1080" /> <!-- rotate 旋转动画效果 浮点数型值: fromDegrees 属性为动画起始时物件的角度 toDegrees 属性为动画结束时物件旋转的角度 可以大于360度 说明: 当角度为负数――表示逆时针旋转 当角度为正数――表示顺时针旋转 (负数from――to正数:顺时针旋转) (负数from――to负数:逆时针旋转) (正数from――to正数:顺时针旋转) (正数from――to负数:逆时针旋转) pivotX 属性为动画相对于物件的X坐标的开始位置 pivotY 属性为动画相对于物件的Y坐标的开始位置 说明: 都是以物件所在的位置起始点 以上两个属性值 从0%-100%中取值 50%：物件的X或Y方向坐标上物件长度的一半的距离 50%p为物件在X或Y方向坐标上屏幕的一半的距离 长整型值： duration 属性为动画持续时间 说明: 时间以毫秒为单位 --> <scale android:duration="5000" android:fromXScale="0.0" android:fromYScale="0.0" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:pivotX="50%" android:pivotY="50%" android:toXScale="4.0" android:toYScale="4.0" /> <!-- 尺寸伸缩动画效果 scale android:fillAfter="true" 动画停留在最后一帧。只在<set />里面在有作用 属性：interpolator 指定一个动画的插入器 使用android.res.anim中的资源时候发现有三种动画插入器 accelerate_decelerate_interpolator 加速-减速 动画插入器 accelerate_interpolator 加速-动画插入器 decelerate_interpolator 减速- 动画插入器 其他的属于特定的动画效果 浮点型值： fromXScale 属性为动画起始时 X坐标上的伸缩尺寸 toXScale 属性为动画结束时 X坐标上的伸缩尺寸 fromYScale 属性为动画起始时Y坐标上的伸缩尺寸 toYScale 属性为动画结束时Y坐标上的伸缩尺寸 说明: 以上四种属性值 0.0表示收缩到没有 1.0表示正常无伸缩 值小于1.0表示收缩 值大于1.0表示放大 pivotX 属性为动画相对于物件的X坐标的开始位置 pivotY 属性为动画相对于物件的Y坐标的开始位置 说明: 都是以物件所在的位置起始点 以上两个属性值 从0%-100%中取值 50%：物件的X或Y方向坐标上物件长度的一半的距离 50%p为物件在X或Y方向坐标上屏幕的一半的距离 长整型值： duration 属性为动画持续时间 说明: 时间以毫秒为单位 布尔型值: fillBefore是指动画结束时画面停留在第一帧， fillAfter是指动画结束是画面停留在最后一帧。 最关键的问题是，这2个参数不能在</alpha>,</scale>,</translate>,</rotate>中设置，这是没有用的，必须 在动画xml文件的</set>节点中设置 fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用 startOffset， 动画多次执行的间隔时间，如果只执行一次，执行前会暂停这段时间， 单位毫秒 duration，一次动画效果消耗的时间，单位毫秒， 值越小动画速度越快 repeatCount，动画重复的计数，动画将会执行该值+1次 repeatMode，动画重复的模式，reverse为反向，当第偶次执行时，动画方向会相反。 restart为重新执行，方向不变 --> </set> //载入xml动画 //Animation animation = AnimationUtils.loadAnimation(ActivityMain.this, R.anim.name); AnimationSet set = (AnimationSet) AnimationUtils.loadAnimation(this, R.anim.tweentest); // 载入XML文件成Animation对象 view.startAnimation(animation); //动画的监听方法 int i = 0; for (Animation a : set.getAnimations()) { Log.e(TAG, " a = " + i++); if (i == 1) a.setAnimationListener(new AnimationListener() { @Override public void onAnimationStart(Animation animation) { Log.e(TAG, " start "); } @Override public void onAnimationRepeat(Animation animation) { Log.e(TAG, " repeat "); } @Override public void onAnimationEnd(Animation animation) { Log.e(TAG, " end "); } }); } Activity 入场动画 Intent intent = new Intent(Activity01.this,Activity02.class); startActivity(intent); //1.启动的Activity02的动画；2.当前退出的Activity01的动画 overridePendingTransition(R.anim.myint,R.anim.alpha); //===========【Property Animation：（属性动画）】================= Android 3.0中才引进 ：直接更改我们对象的属性 （1）ValueAnimator：包含Property Animation动画的所有核心功能，如动画时间，开始、结束属性值，相应时间属性值计算方法等。应用ValueAnimator有两个步骤 1计算属性值。 2根据属性值执行相应的动作，如改变对象的某一属性。 我们的主是第二步，需要实现ValueAnimator.onUpdateListener接口，这个接口只有一个函数onAnimationUpdate()，将要改变View对象属性的事情在该接口中do。 animation.addUpdateListener(new AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { //do your work } }); （2）ObjectAnimator：继承自ValueAnimator，要指定一个对象及该对象的一个属性，当属性值计算完成时自动设置为该对象的相应属性，即完成了Property Animation的全部两步操作。实际应用中一般都会用ObjectAnimator来改变某一对象的某一属性，但用ObjectAnimator有一定的限制，要想使用ObjectAnimator，应该满足以下条件： 1.对象应该有一个setter函数：set（驼峰命名法） 2如下面的例子，像ofFloat之类的工场方法，第一个参数为对象名，第二个为属性名，后面的参数为可变参数，如果values…参数只设置了一个值的话，那么会假定为目的值，属性值的变化范围为当前值到目的值，为了获得当前值，该对象要有相应属性的getter方法：get 3如果有getter方法，其应返回值类型应与相应的setter方法的参数类型一致。 ObjectAnimator oa=ObjectAnimator.ofFloat(tv, alpha, 0f, 1f); oa.setDuration(3000); oa.start(); 如果不满足上面的条件，我们只能乖乖的使用ValueAnimator来创建动画。 （3）Animator.AnimatorListener：可以为Animator设置动画监听，需要重写下面四个方法。 onAnimationStart() onAnimationEnd() onAnimationRepeat() onAnimationCancel() 三种动画的优缺点： (1)Frame Animation(帧动画)主要用于播放一帧帧准备好的图片，类似GIF图片，优点是使用简单方便、缺点是需要事先准备好每一帧图片； (2)Tween Animation(补间动画)仅需定义开始与结束的关键帧，而变化的中间帧由系统补上，优点是不用准备每一帧，缺点是只改变了对象绘制，而没有改变View本身属性。因此如果改变了按钮的位置，还是需要点击原来按钮所在位置才有效。 (3)Property Animation(属性动画)是3.0后推出的动画，优点是使用简单、降低实现的复杂度、直接更改对象的属性、几乎可适用于任何对象而仅非View类，缺点是需要3.0以上的API支持，限制较大！但是目前国外有个开源库，可以提供低版本支持！ 三种动画的demo下载地址： Frame动画简单的应用演示 http://download.csdn.net/detail/flyingsir_zw/9541211 Activity入场动画合集 积 分：1437上传资源：44下载资源：98总 排 名：第9346名上传权限：100MB
