前两天接到任务做一个UI,有用到动画,于是抽空看了下Android动画相关知识。

Android Animation共有四大类型,分别是

Alpha      透明度动画

Scale      大小伸缩动画

Translate 位移动画

Rotate     旋转动画

这四类动画按模式又可分为:

tweened animation(渐变动画) —— alpha  与   scale

frame by frame(画面转换动画) ——  translate  与 rotate

讲一下我所了解到的rotate动画的各个属性:

在XML中:

 

官方给予的Rotate属性如上所示。

android:drawable    需要进行旋转动画的图片

android:fromDegrees  旋转的起始点(旋转开始的角度)

android:toDegrees     旋转的结束点(旋转最终角度)

andoird:pivotX       旋转点的X值(距离左侧的偏移量)

android:pivotY旋转点的Y值(距离顶部的偏移量)

android: visible这个好理解,就是图片初始的显示状态

我对这个的理解是:

rotate动画是以设置的旋转点(pivotX,pivotY)为坐标原点,顺时针方向从旋转起始角度(fromDegrees)到旋转最终角度(toDegrees)的动画,

其中旋转点默认为图片左上角是(0,0)。

现在写一个rotate动画的XML文件:rotate_anim.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <rotate xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <rotate
  4. android:fromDegrees="0"
  5. android:interpolator="@android:anim/linear_interpolator"//设置转动速率,这里设置的是匀速转动
  6. android:pivotX="50%"
  7. android:pivotY="50%"
  8. android:toDegrees="359"
  9. android:duration = "1500"
  10. android:repeatCount = "-1"
  11. android:drawable = "@drawable/ic_launcher"
  12. android:visible = "true">
  13. </rotate>
  14. </rotate>

这里需要注意下:

android:pivotX 与 android:pivotY 这两个属性值为float,可以给具体数也可以给百分比。比如你知道图片大小是100,你可以给(50,50)表示旋转中心点距图片左边50,右边50

如果不知道图片的准确大小,可以跟代码所示,给百分比。

上面的代码中还有一些在官方API中并未提及的属性,但是这些属性依旧可以使用到。


android:interpolator:这个属性是用来设置转动速率的。

LinearInterpolator为匀速效果,Accelerateinterpolator为加速效果、DecelerateInterpolator为减速效果,

android:repeatCount 重复的次数,默认为0,必须是int,可以为-1表示不停止

android:duration属性表示从android:fromDegrees转动到android:toDegrees所花费的时间,单位为毫秒。可以用来计算速度。

android:startOffset 在调用start函数之后等待开始运行的时间,单位为毫秒,若为10,表示10ms后开始运行

android:repeatMode 重复的模式,默认为restart,即重头开始重新运行,可以为reverse即从结束开始向前重新运行。

在android:repeatCount大于0或为infinite时生效

android:detachWallpaper 表示是否在壁纸上运行

android:zAdjustment 表示被animated的内容在运行时在z轴上的位置,默认为normal。normal保持内容当前的z轴顺序top运行时在最顶层显示bottom运行时在最底层显示


以上属性中,博主亲测,均可以正常使用。

布局文件 activity_main.xml,没什么特别的:

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <ImageView
  6. android:id="@+id/img"
  7. android:layout_centerInParent="true"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"/>
  10. </RelativeLayout>

MainActivity.java

  1. package com.example.rotateanimation;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.animation.Animation;
  5. import android.view.animation.AnimationUtils;
  6. import android.view.animation.LinearInterpolator;
  7. import android.widget.ImageView;
  8. public class MainActivity extends Activity {
  9. @Override
  10. protected void onCreate(Bundle savedInstanceState) {
  11. super.onCreate(savedInstanceState);
  12. setContentView(R.layout.activity_main);
  13. Animation rotate = AnimationUtils.loadAnimation(this, R.drawable.rotate_anim);
  14. ((ImageView)findViewById(R.id.img)).setAnimation(rotate);
  15. ((ImageView)findViewById(R.id.img)).startAnimation(rotate);
  16. }
  17. }

这样,运行工程,一个旋转的Android小绿人就出现了。PS:不知道怎么制作动态图,效果展示不了。

在编写过程中有两个地方需要大家注意:

1、在rotate_anim.xml文件中,最外层的item名字要为rotate,而不是set

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <rotate
  4. android:fromDegrees="0"
  5. android:interpolator="@android:anim/linear_interpolator"//设置转动速率,这里设置的是匀速转动
  6. android:pivotX="50%"
  7. android:pivotY="50%"
  8. android:toDegrees="359"
  9. android:duration = "1500"
  10. android:repeatCount = "-1"
  11. android:drawable = "@drawable/ic_launcher"
  12. android:visible = "true">
  13. </rotate>
  14. </set>

如果代码如上所示,是set的话,属性android:interpolator就会失效。具体原因我没有找到,有知道的朋友希望能在博文下方解惑,多谢。

这种情况下 需要在代码中设置动画的interpolator:

  1. Animation rotate = AnimationUtils.loadAnimation(this, R.drawable.rotate_anim);
  2. LinearInterpolator lin = new LinearInterpolator();
  3. rotate.setInterpolator(lin);
  4. ((ImageView)findViewById(R.id.img)).setAnimation(rotate);
  5. ((ImageView)findViewById(R.id.img)).startAnimation(rotate);

2.我试过在布局文件中直接设置ImageView的src:android:src="@drawable/rotate_anim" 结果是图片会出现,但是不会旋转,所以不要这样做。

3. 如果ImageView本身就带图片了,那么rotate里面设置的drawable属性是无效的。会优先使用ImageView自身的图片

4.设置android:drawable属性的时候,不要忘了设置android:visible = "true",因为它默认是false(不可见)的。

在Java代码中:

RotateAnimation共有三个构造方法,这里详细讲述第三个,也就是参数最多的那个。
下面是Google官网中对于RotateAnimation的相关参数介绍:
 

这里面大部分参数已经在上面介绍过了,重点说下pivotXType与pivotYType

int pivotXType,  动画在X轴相对于物件位置类型,与下面的pivotXValue结合,确定X轴上旋转中心。

可能值为:Animation.ABSOLUTE,Animation.RELATIVE_TO_SELF, Animation.RELATIVE_TO_PARENT

如果pivotXType=Animation.ABSOLUTE,则此参数为旋转中心在屏幕上X轴的值;

如果pivotXType=Animation.RELATIVE_TO_PARENT,则参数pivotXValue为旋转中心在父控件水平位置百分比,如0.5表示在父控件水平方向中间位置;
如果pivotXType=Animation.RELATIVE_TO_SELF,则参数pivotXValue为旋转中心在控件自身水平位置百分比,如果X和Y的Value都设置为0.5,则该控件以自身中心旋转。

好了,贴代码: activity_main.xml

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <ImageView
  6. android:id="@+id/img"
  7. android:layout_centerInParent="true"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:src="@drawable/ic_launcher"/>
  11. </RelativeLayout>

MainActivity.java

  1. package com.example.rotateanimation;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.animation.Animation;
  5. import android.view.animation.AnimationUtils;
  6. import android.view.animation.LinearInterpolator;
  7. import android.view.animation.RotateAnimation;
  8. import android.widget.ImageView;
  9. public class MainActivity extends Activity {
  10. private ImageView img;
  11. @Override
  12. protected void onCreate(Bundle savedInstanceState) {
  13. super.onCreate(savedInstanceState);
  14. setContentView(R.layout.activity_main);
  15. img = (ImageView) findViewById(R.id.img);
  16. //用xml实现
  17. /*    Animation rotate = AnimationUtils.loadAnimation(this, R.drawable.rotate_anim);
  18. //        LinearInterpolator lin = new LinearInterpolator();
  19. //        rotate.setInterpolator(lin);
  20. img.setAnimation(rotate);
  21. img.startAnimation(rotate);*/
  22. //用Java code实现
  23. RotateAnimation rotate  = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
  24. LinearInterpolator lin = new LinearInterpolator();
  25. rotate.setInterpolator(lin);
  26. rotate.setDuration(1500);//设置动画持续时间
  27. rotate.setRepeatCount(-1);//设置重复次数
  28. rotate.setFillAfter(true);//动画执行完后是否停留在执行完的状态
  29. rotate.setStartOffset(10);//执行前的等待时间
  30. img.setAnimation(rotate);
  31. }
  32. }

rotate里还有很多set属性的方法,跟XML中的属性一一对应,有兴趣的可以自己去尝试一下。

原创博文,转载请注明出处

以上就是RotateAnimation的内容,有不对的地方欢迎指正~

点击下载源码

参考文章:

1.http://my.oschina.net/ryanisme/blog/109674

2.http://www.android100.org/html/201304/24/2282.html

3.http://blog.csdn.net/jason0539/article/details/16370405

Android 常用动画之RotateAnimation的更多相关文章

  1. Android 常用动画

    一.动画类型 Android的animation由四种类型组成:alpha.scale.translate.rotate XML配置文件中 alpha :渐变透明度动画效果 scale :渐变尺寸伸缩 ...

  2. Android常用动画Frame-By-Frame Animations的使用

    在Android的动画中有一种叫做Frame by Frame 的动画效果,就是跟Flash播放一样,是一帧一帧地显示,如果动画是连续并且有规律的话,就跟播放视频一样. 首先在drawable目录下添 ...

  3. Android常用动画alpha和rotate同时使用

    Android的动画可以是一种动画,也可以多种动画作用于一张图片上,如RotaeAnimation和AlphaAnimation同时放到一个配置文件中 alpha1.xml <?xml vers ...

  4. Android常用动画Animation的使用

    Andriod中有几种常用的Animation AlphaAnimation  淡入淡出效果 RotateAnimation 旋转效果 ScaleAnimation 缩放动画 TranslaAnima ...

  5. Android 常用动画小结

    1. 渐入动画 // Request the next activity transition (here starting a new one). startActivity(new Intent( ...

  6. Android 动画之RotateAnimation应用详解

    android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimat ...

  7. android 属性动画

    一直再追郭霖的博客和imooc上的一些新的视频,最近有讲到属性动画. 以下内容为博客学习以及imooc上视频资料的学习笔记: 在3.0之前比较常见的动画为tween动画和frame动画: tween动 ...

  8. Android之动画

    Android的动画可以分为三种,View动画.帧动画.属性动画.View动画通过对场景里的对象不断做图像变化(平移.缩放.旋转.透明度)从而产生动画效果,它是一种渐进式动画,而且View动画支持自定 ...

  9. 【Android开发日记】之基础篇(二)——Android的动画效果

          什么是动画,动画的本质是通过连续不断地显示若干图像来产生“动”起来的效果.比如说一个移动的动画,就是在一定的时间段内,以恰当的速率(起码要12帧/秒以上,才会让人产生动起来的错觉)每隔若干 ...

随机推荐

  1. Python爬虫利器:BeautifulSoup库

    Beautiful Soup parses anything you give it, and does the tree traversal stuff for you. BeautifulSoup ...

  2. TestNG简单介绍以及安装—学习笔记1

    TestNG是什么 到这里,大家肯定已经运行了一些关于Selenium的测试用例了(这里主要是站着一个自动化测试工程师的角度来看待TestNG的,所以这里所说的也都是基于Web测试的验证点来说的,而不 ...

  3. bootstrap响应式布局列子

    <!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8&q ...

  4. 一本通1632【 例 2】[NOIP2012]同余方程

    1632:[ 例 2][NOIP2012]同余方程 时间限制: 1000 ms         内存限制: 524288 KB [题目描述] 求关于 x 的同余方程 ax≡1(mod b) 的最小正整 ...

  5. oracle 查出一个表中字段值出现次数大于2的所有记录

    表web_order  列 name ,businesscode, a.account 周桥 18929609222 3754031157710000妙药 18929609233 3754031157 ...

  6. NOIP2017 列队——动态开点线段树

    Description: Sylvia 是一个热爱学习的女♂孩子. 前段时间,Sylvia 参加了学校的军训.众所周知,军训的时候需要站方阵. Sylvia 所在的方阵中有n×m名学生,方阵的行数为  ...

  7. 【转】METADATATYPE的使用,MVC的MODEL层数据验证

    http://www.cnblogs.com/chshnan/archive/2011/07/08/2100713.html MetadataType的使用,MVC的Model层数据验证指定要与数据模 ...

  8. tmux终端复用/tmate终端共享

    目录 tmux tmate tmux 一种终端复用工具,是终端中的窗口管理器.常见的一种用途是在关闭父shell时保持程序运行(常用于ssh访问断开连接后保持运行).linux上可通过包管理器进行安装 ...

  9. 【转】如何学习android开发

    1.Java基础 很多朋友一上手就开始学习Android,似乎太着急了一些.Android应用程序开发是以Java语言为基础的,所以没有扎实的Java基础知识,只 是机械的照抄别人的代码,是没有任何意 ...

  10. 实战:使用SVN+apache搭建一个版本控制服务器

    今天讲的内容: 实战:使用SVN+apache搭建一个版本控制服务器 每天: 10:00 晚上:21:00 服务端:xuegod63.cn   IP:192.168.10.63 服务概述: SVN(s ...