Android中的Animation(动画)详解及简单使用_项海涛
2016-10-12 20:24
627 查看
概要:
Android中动画的类型:
1.View Animation 视图动画 (应用在view中的一种动画)•tween animation 补间动画 (在anim目录中创建:四种+set) •frame animation 帧动画 (drawable目录下创建的一个animation-list元素)
2.Property Animation 属性动画 ( after jdk 3.0)
详细使用:
1.View Animation 视图动画 (应用在view中的一种动画)tween详细使用:
tween中包含四种类型动画:alpha渐入渐出, scale缩放, translate平移, rotate旋转,
tween 的创建以及使用方式:
第一步:创建xml 创建路径:res/anim/filename.xml
第二步:配置参数
第三步:使用动画
In Java: R.anim.filename
In XML: @[package:]anim/filename
Example: XML代码部分:
//渐入渐出 2.<alpha 3. xmlns:android="http://schemas.android.com/apk/res/android" //域名空间 4. android:fromAlpha="0" 5. android:toAlpha="1" 6. android:duration="2000" //停留时间 7. android:fillAfter="true" //是否停在动画之后的样子 8. android:repeatCount="2"//重复次数 9. android:repeatMode="reverse"//重复模式 10. android:startOffset="100" //延时 11. /> 12.//缩放 13.<scale 14. xmlns:android="http://schemas.android.com/apk/res/android" 15. android:fromXScale="0"//起始位置 16. android:fromYScale="0" 17. android:toXScale="1" 18. android:toYScale="1" 19. android:pivotX="50%"//缩放的中心点 20. android:pivotY="50%" 21. android:duration="3000" 22. 23. /> 24.//平移 25.<translate 26. xmlns:android="http://schemas.android.com/apk/res/android" 27. android:fromXDelta="0" 28. android:fromYDelta="0" 29. android:toXDelta="100" 30. android:toYDelta="100" 31. android:duration="1000" 32. 33. /> 34. //旋转 35.<rotate 36. xmlns:android="http://schemas.android.com/apk/res/android" 37. android:fromDegrees="0"//起始角度 38. android:toDegrees="7200"//旋转角度 39. android:pivotX="50%" 40. android:pivotY="50%" 41. android:duration="5000" 42. android:interpolator="@android:anim/accelerate_decelerate_interpolator"//拦截器 android已定义好 43. /> 44. //可以将多个动画放在集合里 多个动画一起运行 以下代码实现了 一个图标从屏幕左侧滚动出来的效果(平移加旋转) 45.<set xmlns:android="http://schemas.android.com/apk/res/android"> 46. <rotate 47. android:fromDegrees="0" 48. android:toDegrees="720" 49. android:pivotX="50%" 50. android:pivotY="50%" 51. android:duration="3000" 52. /> 53. <translate 54. android:fromXDelta="-200" 55. android:fromYDelta="0" 56. android:toXDelta="0" 57. android:toYDelta="0" 58. android:duration="3000“ 59. /> 60.</set>
Java代码部分:
1.//获取view对象 2.img= (ImageView) findViewById(R.id.imageView1); 3.//创建动画对象 4.Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha); 5.//启动动画 6.img.startAnimation(animation);
如何切换页面的时候设置页面出现和退出的动画效果?
JAVA代码:
1.//创建意图对象 2.Intent intent = new Intent(this,IntentActivity.class); 3.//创建ActivityOption对象 此方法包含动画信息,参数(context,进人动画,退出动画) 4.ActivityOptions ac= ActivityOptions.makeCustomAnimation(this, R.anim.scale02, R.anim.alpha01); 5.//将Activity 转为Bundle 6.Bundle b = ac.toBundle(); 7.//启动Activity 传入intent 和bundle 8.startActivity(intent,b);
**frame animation 创建及使用
第一步:创建xml 路径:res/drawable/filename.xml
第二步:配置xml
第三步:使用动画**
xml代码:
1.<animation-list xmlns:android="http://schemas.android.com/apk/res/android" > 2. <item android:drawable="@drawable/a1" android:duration="200" />//指定图片资源 停留时间 3. <item android:drawable="@drawable/a2" android:duration="200" /> 4. <item android:drawable="@drawable/a3" android:duration="200" /> 5. <item android:drawable="@drawable/a4" android:duration="200" /> 6. <item android:drawable="@drawable/a5" android:duration="200" /> 7.</animation-list>
Java代码:
1.//设置图片背景资源 2.image.setBackgroundResource(R.drawable.fream01); 3.//获取所有图片背景为动画 4.AnimationDrawable d =(AnimationDrawable) iv.getBackground(); 5.//启动动画 6.d.start();
2.Property Animation 属性动画 ( after jdk 3.0)
Property Animation 的创建及使用:
第一步:创建xml文件 路径:res/animator/filename.xml
第二步:配置xml文件
第三步:使用动画
xml代码:
xml代码: 1.//渐入渐出 2.<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" 3. android:propertyName="alpha"//渐入渐出 此属性必须是被添加动画的view上有对应set方法的属性 4. android:valueFrom="0" 5. android:valueTo="1" 6. android:valueType="floatType"//value type也是对应的view set方法中接收的属性 7. android:duration="3000" 8. 9. /> 10.//水平移动 11.<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" 12. android:propertyName="translationX"//水平移动 13. android:valueFrom="0" 14. android:valueTo="100" 15. android:valueType="floatType" 16. android:repeatCount="1" //property animation 中移动之后不能回来 需要设置重复属性 17. android:repeatMode="reverse" 18. android:duration="3000" 19. />
Java代码:
1.//利用 AnimatorInflater.loadAnimator方法传入动画,创建ObjectAnimator对象 2.ObjectAnimator a= (ObjectAnimator) AnimatorInflater.loadAnimator(this,R.animator.object02); 3.//指定view 4.a.setTarget(img); 5.//启动动画 6.a.start(); 7. 8.//不使用xml配置文件,Java代码实现方式 9.ObjectAnimator oa= ObjectAnimator.ofFloat(img, "alpha", 0,1); 10.oa.start();
Property Animation 集合使用:
xml代码:
<set xmlns:android="http://schemas.android.com/apk/res/android" 2. android:ordering="sequentially" //ordering set特有属性 可以设置动画同时执行或者顺序执行 3. > 4. <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" 5. android:propertyName="alpha" 6. android:valueFrom="0" 7. android:valueTo="1" 8. android:valueType="floatType" 9. android:duration="3000" 10. 11. /> 12. 13. <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android" 14. android:propertyName="translationX" 15. android:valueFrom="0" 16. android:valueTo="100" 17. android:valueType="floatType" 18. android:repeatCount="1" 19. android:repeatMode="reverse" 20. android:duration="3000" 21. /> 22.</set>
Java 代码:
1.//构建AnimatorSet对象 借助AnimatorInflater加载资源文件 2.AnimatorSet as =(AnimatorSet) AnimatorInflater.loadAnimator(this,R.animator.set); 3.//给动画指定view 4.as.setTarget(img); 5.//启动动画 6.as.start(); 7. 8. 9.//不使用xml配置文件,Java代码实现方式 10.ObjectAnimator o1= ObjectAnimator.ofFloat(btn, "alpha", 0,1); 11.o1.setDuration(3000); 12.ObjectAnimator o2= ObjectAnimator.ofFloat(img, "translationX", 0,50); 13.o1.setDuration(3000); 14.AnimatorSet as = new AnimatorSet();//创建集合 15.as.playTogether(o1,o2);//设置同时运动 16.as.start(); //启动动画
**View Animation 与Property Animation的区别
Property Animation为属性动画 可以应用在任意对象上 。
View Animation 在移动的时候只是重绘了view,view本身的位置并没有改变,Property Animation
在移动是确实改变了view的位置。**
以上所述就是对于动画的一个详解和简单使用,还望多多评价!
相关文章推荐
- Android动画Animation的使用详解
- Android动画:AnimationDrawable资源的简单使用
- (转)Android Animations动画使用详解
- android动画效果,使用animation
- Android Animations动画使用详解
- android TranslateAnimation动画详解
- Core Animation基础介绍、简单使用CALayer以及多种动画效果
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android控件的动画效果的实现及其AnimationListener和Interpolator的使用方法
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中xml设置Animation动画效果详解
- Android Animation Tween动画效果的使用
- 【Android2D游戏开发十四】(未完待续)手把手教你在SurfaceView中照样使用Android 动画—Tween Animation!
- APIDemo学习笔记——Android上几种简单的Animation使用方法(二)
- APIDemo学习笔记——Android上几种简单的Animation使用方法(一)
- APIDemo学习笔记——Android上几种简单的Animation使用方法(三)——3D Transition
- android中xml设置Animation动画效果详解
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android动画效果Animation之Tween实现简单动画