帧动画&补间动画&xml文件自定义补间动画

前端之家收集整理的这篇文章主要介绍了帧动画&补间动画&xml文件自定义补间动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

帧动画是有很多张图片连续显示效果

首先在res目录下新建个drawable文件,在drawable文件夹下新建一个animation-list类型的xml文件,在该xml文件中定义要播放的图片,每个图片播放的时长,播放的顺序等。如:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
  3.  
  4. <item
  5. android:drawable="@drawable/girl_1"
  6. android:duration="200"/>
  7. <item
  8. android:drawable="@drawable/girl_2"
  9. android:duration="200"/>
  10. <item
  11. android:drawable="@drawable/girl_3"
  12. android:duration="200"/>
  13.  
  14. </animation-list>

在animation-list节点下还可以设置android:oneshot="true"为true表示动画只执行一次,默认为false。
  1. private ImageView iv;
  2. private AnimationDrawable animationDrawable;
  3.  
  4. @Override
  5. protected void onCreate(Bundle savedInstanceState) {
  6. super.onCreate(savedInstanceState);
  7. setContentView(R.layout.activity_main);
  8.  
  9. iv = (ImageView) findViewById(R.id.iv);
  10. // 把xml文件的动画资源设置为iv的背景
  11. iv.setBackgroundResource(R.drawable.girl);
  12. // 获取设置的动画资源,执行可能需要一定的时间
  13. animationDrawable = (AnimationDrawable) iv.getBackground();
  14. }
  15.  
  16. @Override
  17. public boolean onTouchEvent(MotionEvent event) {
  18. if (event.getAction() == MotionEvent.ACTION_DOWN) {
  19. animationDrawable.start();
  20. return true;
  21. }
  22. return super.onTouchEvent(event);
  23. }

补间动画

程序自动补充两个帧之间的动画效果

补间动画的种类:旋转、缩放、位移、透明度(0是完全透明)。还可以将这些动画组合在一起播放。用AnimationSet.

是否用共同的播放速度
AnimationSet as = new AnimationSet(false);

  1. // 旋转动画
  2. public void rotate(View v) {
  3. RotateAnimation ra = new RotateAnimation(0,180,Animation.RELATIVE_TO_SELF,0.5f,0.5f);
  4. ra.setDuration(2000);
  5. ra.setRepeatCount(2);
  6. ra.setRepeatMode(Animation.REVERSE);
  7. ra.setFillAfter(true);
  8. iv.startAnimation(ra);
  9. }
  10.  
  11. // 缩放动画
  12. public void scale(View v) {
  13. ScaleAnimation sa = new ScaleAnimation(1.0f,2.0f,1.0f,0.5f);
  14. sa.setDuration(2000);
  15. sa.setRepeatCount(2);
  16. sa.setRepeatMode(Animation.REVERSE);
  17. sa.setFillAfter(true);
  18. iv.startAnimation(sa);
  19. }
  20.  
  21. // 位移动画
  22. public void translate(View v) {
  23. TranslateAnimation ta = new TranslateAnimation(
  24. Animation.RELATIVE_TO_SELF,1,1);
  25. ta.setDuration(2000);
  26. ta.setRepeatCount(2);
  27. ta.setRepeatMode(Animation.REVERSE);
  28. ta.setFillAfter(true);
  29. iv.startAnimation(ta);
  30. }
  31.  
  32. // 透明度动画
  33. public void alpha(View v) {
  34. AlphaAnimation aa = new AlphaAnimation(100,0);
  35. // 设置一次播放的持续时间
  36. aa.setDuration(2000);
  37. // 设置重复播放次数,一共播放3次.若为-1,则一直播放。
  38. aa.setRepeatCount(2);
  39. // 设置重复播放的模式,reverse是倒序播放
  40. aa.setRepeatMode(Animation.REVERSE);
  41. // 设置动画完成之后的效果,若为true保留动画做完之后的效果,若为false,动画做完后回到最初的效果
  42. aa.setFillAfter(true);
  43. iv.startAnimation(aa);
  44. }


xml文件自定义补间动画

首先在res目录下新建名为anim的文件夹,然后再在anim文件夹下创建xml文件如alpha.xml:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <alpha xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:duration="3000"
  4. android:fillAfter="true"
  5. android:fromAlpha="100"
  6. android:repeatCount="3"
  7. android:repeatMode="reverse"
  8. android:toAlpha="0" >
  9.  
  10. </alpha>

调用

  1. // 透明度动画
  2. public void alpha(View v) {
  3. Animation au = AnimationUtils.loadAnimation(this,R.anim.alpha);
  4. iv.startAnimation(au);
  5. }
其他的动画定义格式、调用方式都一样的。其中pivotX和pivotY若都设为0.5是相对于图片本身,若设为0.5p是相对于它父亲。

猜你在找的XML相关文章