Rexsee API介绍：Animations动画学习笔记及源码

于 2012-02-07 23:16:00 发布
阅读量134 收藏
点赞数
文章标签： 移动开发 java
在Android上实现动画，官方的SDK提供了Animations，并且介绍了两种不同模式，分别是：
1. Tween Animation：通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果，即是一种渐变动画；
2. Frame Animation：顺序播放事先做好的图像，是一种画面转换动画。

同时，Animation由四种类型组成：
XML文件：
· alpha 渐变透明度动画效果
· scale 渐变尺寸伸缩动画效果
· translate 画面转换位置移动动画效果
· rotate 画面转移旋转动画效果
在Java 源码中定义了相应的类，可以使用这些类的方法来获取和操作相应的属性：
· AlphaAnimation 渐变透明度动画效果
· ScaleAnimation 渐变尺寸伸缩动画效果
· TranslateAnimation 画面转换位置移动动画效果
· RotateAnimation 画面转移旋转动画效果

具体Android的原生就不再多说了，相对复杂，有兴趣的可以直接去看google的SDK。这里分享了Rexsee的API，基于对原生的封装，可以直接使用JS实现功能调用。如：
【事件】 void onAnimationStart(String id)
【说明】 当动画开始播放时触发。

在Rexsee社区可以直接查看源码。同时，新上线的项目中心提供了在线开发服务，不需要单独准备服务器。同时也有大量的应用以分享的方式开放供查阅，关于动画的具体应用源码也可以在这里查到： http://www.rexsee.com/project/

Rexsee API：Animations源码
  1. package rexsee.core.animation;

  3. import rexsee.core.style.StyleSheet;
  4. import rexsee.core.utilities.RexseeUtilities;
  5. import android.view.View;
  6. import android.view.animation.AccelerateDecelerateInterpolator;
  7. import android.view.animation.AccelerateInterpolator;
  8. import android.view.animation.AlphaAnimation;
  9. import android.view.animation.Animation;
  10. import android.view.animation.AnimationSet;
  11. import android.view.animation.AnticipateInterpolator;
  12. import android.view.animation.AnticipateOvershootInterpolator;
  13. import android.view.animation.BounceInterpolator;
  14. import android.view.animation.CycleInterpolator;
  15. import android.view.animation.DecelerateInterpolator;
  16. import android.view.animation.Interpolator;
  17. import android.view.animation.LinearInterpolator;
  18. import android.view.animation.OvershootInterpolator;
  19. import android.view.animation.RotateAnimation;
  20. import android.view.animation.ScaleAnimation;
  21. import android.view.animation.TranslateAnimation;

  23. public class Animations extends Animation {

  25. public Animations() {
  26. super();
  27. }

  29. public static Animation getAnimation(StyleSheet style, AnimationListener listener, View view, View viewParent) {
  30. if (view == null) return null;
  31. if (viewParent == null) {
  32. try {
  33. viewParent = (View) view.getParent();
  34. } catch (Exception e) {
  35. viewParent = view;
  36. }
  37. }
  38. AnimationSet animation = new AnimationSet(true);
  39. String[] types = style.animation_type.split("\\+");
  40. int length = 0;
  41. animation.setDuration(Integer.parseInt(style.animation_rotate_duration));
  42. animation.setRepeatCount(Integer.parseInt(style.animation_rotate_repeat_count));
  43. animation.setRepeatMode(style.animation_rotate_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  44. animation.setStartOffset(RexseeUtilities.getLong(style.animation_rotate_start_time, 0));
  45. animation.setInterpolator(getInterPolator(style.animation_rotate_interpolator));
  46. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());
  47. } catch (Exception e) {
  48. }
  49. return animation;
  50. }
  51. public static Animation getAlphaAnimation(StyleSheet style, View view, View viewParent) {
  52. Animation animation = null;
  53. try {
  54. float from = Float.parseFloat(style.animation_alpha_from.replaceAll("%", "")) / 100;
  55. float to = Float.parseFloat(style.animation_alpha_to.replaceAll("%", "")) / 100;
  56. animation = new AlphaAnimation(from, to);
  57. animation.setDuration(Integer.parseInt(style.animation_alpha_duration));
  58. animation.setRepeatCount(Integer.parseInt(style.animation_alpha_repeat_count));
  59. animation.setRepeatMode(style.animation_alpha_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  60. animation.setStartOffset(RexseeUtilities.getLong(style.animation_alpha_start_time, 0));
  61. animation.setInterpolator(getInterPolator(style.animation_alpha_interpolator));
  62. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());
  63. } catch (Exception e) {
  64. }
  65. return animation;
  66. }
  67. public static Animation getScaleAnimation(StyleSheet style, View view, View viewParent) {
  68. Animation animation = null;
  69. try {
  70. float scaleCenterX, scaleCenterY;
  71. try {
  72. scaleCenterX = Float.parseFloat(style.animation_scale_center_x.replaceAll("%", ""));
  73. scaleCenterX = scaleCenterX / 100;
  74. if (scaleCenterX < 0) scaleCenterX = 0;
  75. if (scaleCenterX > 1) scaleCenterX = 1;
  76. } catch (Exception e) {
  77. scaleCenterX = (float) 0.5;
  78. }
  79. try {
  80. scaleCenterY = Float.parseFloat(style.animation_scale_center_y.replaceAll("%", ""));
  81. scaleCenterY = scaleCenterY / 100;
  82. if (scaleCenterY < 0) scaleCenterY = 0;
  83. if (scaleCenterY > 1) scaleCenterY = 1;
  84. } catch (Exception e) {
  85. scaleCenterY = (float) 0.5;
  86. }
  87. float fromX = Float.parseFloat(style.animation_scale_x_from);
  88. float toX = Float.parseFloat(style.animation_scale_x_to);
  89. float fromY = Float.parseFloat(style.animation_scale_y_from);
  90. float toY = Float.parseFloat(style.animation_scale_y_to);
  91. animation = new ScaleAnimation(fromX, toX, fromY, toY, Animation.RELATIVE_TO_PARENT, scaleCenterX, Animation.RELATIVE_TO_PARENT, scaleCenterY);
  92. animation.setDuration(Integer.parseInt(style.animation_scale_duration));
  93. animation.setRepeatCount(Integer.parseInt(style.animation_scale_repeat_count));
  94. animation.setRepeatMode(style.animation_scale_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  95. animation.setStartOffset(RexseeUtilities.getLong(style.animation_scale_start_time, 0));
  96. animation.setInterpolator(getInterPolator(style.animation_scale_interpolator));
  97. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());
  98. } catch (Exception e) {
  99. }
  100. return animation;
  101. }
  102. public static Animation getTranslateAnimation(StyleSheet style, View view, View viewParent) {
  103. Animation animation = null;
  104. try {
  105. float fromX = Float.parseFloat(style.animation_translate_x_from);
  106. float toX = Float.parseFloat(style.animation_translate_x_to);
  107. float fromY = Float.parseFloat(style.animation_translate_y_from);
  108. float toY = Float.parseFloat(style.animation_translate_y_to);
  109. fromX = fromX / 100;
  110. toX = toX / 100;
  111. fromY = fromY / 100;
  112. toY = toY / 100;
  113. animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, fromX, Animation.RELATIVE_TO_PARENT, toX, Animation.RELATIVE_TO_PARENT, fromY, Animation.RELATIVE_TO_PARENT, toY);
  114. animation.setDuration(Integer.parseInt(style.animation_translate_duration));
  115. animation.setRepeatCount(Integer.parseInt(style.animation_translate_repeat_count));
  116. animation.setRepeatMode(style.animation_translate_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  117. animation.setStartOffset(RexseeUtilities.getLong(style.animation_translate_start_time, 0));
  118. animation.setInterpolator(getInterPolator(style.animation_translate_interpolator));
  119. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());
  120. } catch (Exception e) {
  121. }
  122. return animation;
  123. }

  125. public static Animation getRotate3dyAnimation(StyleSheet style, View view, View viewParent) {
  126. Animation animation = null;
  127. try {
  128. float rotate3DCenterX, rotate3DCenterY;
  129. try {
  130. rotate3DCenterX = Float.parseFloat(style.animation_rotate_3dy_center_x.replaceAll("%", ""));
  131. rotate3DCenterX = rotate3DCenterX / 100;
  132. if (rotate3DCenterX < 0) rotate3DCenterX = 0;
  133. if (rotate3DCenterX > 1) rotate3DCenterX = 1;
  134. } catch (Exception e) {
  135. rotate3DCenterX = (float) 0.5;
  136. }
  137. rotate3DCenterX = view.getWidth() * rotate3DCenterX;
  138. try {
  139. rotate3DCenterY = Float.parseFloat(style.animation_rotate_3dy_center_y.replaceAll("%", ""));
  140. rotate3DCenterY = rotate3DCenterY / 100;
  141. if (rotate3DCenterY < 0) rotate3DCenterY = 0;
  142. if (rotate3DCenterY > 1) rotate3DCenterY = 1;
  143. } catch (Exception e) {
  144. rotate3DCenterY = (float) 0.5;
  145. }
  146. rotate3DCenterY = view.getHeight() * rotate3DCenterY;
  147. float from = RexseeUtilities.getFloat(style.animation_rotate_3dy_from, 0f);
  148. float to = RexseeUtilities.getFloat(style.animation_rotate_3dy_to, 90f);
  149. float rotate3DDepthZ = RexseeUtilities.getFloat(style.animation_rotate_3dy_depth_z, 310.0f);
  150. boolean reverse = (style.animation_rotate_3dy_reverse.equalsIgnoreCase("true")) ? true : false;
  151. animation = new Rotate3dyAnimation(from, to, rotate3DCenterX, rotate3DCenterY, rotate3DDepthZ, reverse);
  152. animation.setDuration(RexseeUtilities.getInt(style.animation_rotate_3dy_duration, 1000));
  153. animation.setRepeatCount(RexseeUtilities.getInt(style.animation_rotate_3dy_repeat_count, 0));
  154. animation.setRepeatMode(style.animation_rotate_3dy_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  155. animation.setStartOffset(RexseeUtilities.getLong(style.animation_rotate_3dy_start_time, 0));
  156. animation.setInterpolator(getInterPolator(style.animation_rotate_3dy_interpolator));
  157. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());
  158. } catch (Exception e) {
  159. }
  160. return animation;
  161. }

  163. public static Animation getRotate3dxAnimation(StyleSheet style, View view, View viewParent) {
  164. Animation animation = null;
  165. try {
  166. float rotate3DCenterX, rotate3DCenterY;
  167. try {
  168. rotate3DCenterX = Float.parseFloat(style.animation_rotate_3dx_center_x.replaceAll("%", ""));
  169. rotate3DCenterX = rotate3DCenterX / 100;
  170. if (rotate3DCenterX < 0) rotate3DCenterX = 0;
  171. if (rotate3DCenterX > 1) rotate3DCenterX = 1;
  172. } catch (Exception e) {
  173. rotate3DCenterX = (float) 0.5;
  174. }
  175. rotate3DCenterX = view.getWidth() * rotate3DCenterX;
  176. try {
  177. rotate3DCenterY = Float.parseFloat(style.animation_rotate_3dx_center_y.replaceAll("%", ""));
  178. rotate3DCenterY = rotate3DCenterY / 100;
  179. if (rotate3DCenterY < 0) rotate3DCenterY = 0;
  180. if (rotate3DCenterY > 1) rotate3DCenterY = 1;
  181. } catch (Exception e) {
  182. rotate3DCenterY = (float) 0.5;
  183. }
  184. rotate3DCenterY = view.getHeight() * rotate3DCenterY;
  185. float from = RexseeUtilities.getFloat(style.animation_rotate_3dx_from, 0f);
  186. float to = RexseeUtilities.getFloat(style.animation_rotate_3dx_to, 90f);
  187. float rotate3DDepthZ = RexseeUtilities.getFloat(style.animation_rotate_3dx_depth_z, 310.0f);
  188. boolean reverse = (style.animation_rotate_3dx_reverse.equalsIgnoreCase("true")) ? true : false;
  189. animation = new Rotate3dxAnimation(from, to, rotate3DCenterX, rotate3DCenterY, rotate3DDepthZ, reverse);
  190. animation.setDuration(RexseeUtilities.getInt(style.animation_rotate_3dx_duration, 1000));
  191. animation.setRepeatCount(RexseeUtilities.getInt(style.animation_rotate_3dx_repeat_count, 0));
  192. animation.setRepeatMode(style.animation_rotate_3dx_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  193. animation.setStartOffset(RexseeUtilities.getLong(style.animation_rotate_3dx_start_time, 0));
  194. animation.setInterpolator(getInterPolator(style.animation_rotate_3dx_interpolator));
  195. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());
  196. } catch (Exception e) {
  197. }
  198. return animation;
  199. }
  200. public static Animation getSkewAnimation(StyleSheet style, View view, View viewParent) {
  201. Animation animation = null;
  202. try {
  203. float skewCenterX, skewCenterY;
  204. try {
  205. skewCenterX = Float.parseFloat(style.animation_skew_center_x.replaceAll("%", ""));
  206. skewCenterX = skewCenterX / 100;
  207. if (skewCenterX < 0) skewCenterX = 0;
  208. if (skewCenterX > 1) skewCenterX = 1;
  209. } catch (Exception e) {
  210. skewCenterX = (float) 0.5;
  211. }
  212. skewCenterX = view.getWidth() * skewCenterX;
  213. try {
  214. skewCenterY = Float.parseFloat(style.animation_skew_center_y.replaceAll("%", ""));
  215. skewCenterY = skewCenterY / 100;
  216. if (skewCenterY < 0) skewCenterY = 0;
  217. if (skewCenterY > 1) skewCenterY = 1;
  218. } catch (Exception e) {
  219. skewCenterY = (float) 0.5;
  220. }
  221. skewCenterY = view.getHeight() * skewCenterY;

  223. float fromX = RexseeUtilities.getFloat(style.animation_skew_x_from, 0f);
  224. float toX = RexseeUtilities.getFloat(style.animation_skew_x_to, 1f);
  225. float fromY = RexseeUtilities.getFloat(style.animation_skew_y_from, 0f);
  226. float toY = RexseeUtilities.getFloat(style.animation_skew_y_to, 1f);

  228. float skewDepthZ = RexseeUtilities.getFloat(style.animation_skew_depth_z, 310.0f);
  229. boolean reverse = (style.animation_skew_reverse.equalsIgnoreCase("true")) ? true : false;
  230. animation = new SkewAnimation(fromX, toX, fromY, toY, skewCenterX, skewCenterY, skewDepthZ, reverse);
  231. animation.setDuration(RexseeUtilities.getInt(style.animation_skew_duration, 1000));
  232. animation.setRepeatCount(RexseeUtilities.getInt(style.animation_skew_repeat_count, 0));
  233. animation.setRepeatMode(style.animation_skew_repeat_mode.equalsIgnoreCase("normal") ? 1 : 2);
  234. animation.setStartOffset(RexseeUtilities.getLong(style.animation_skew_start_time, 0));
  235. animation.setInterpolator(getInterPolator(style.animation_skew_interpolator));
  236. animation.initialize(view.getWidth(), view.getHeight(), viewParent.getWidth(), viewParent.getHeight());

  238. } catch (Exception e) {
  239. }
  240. return animation;
  241. }
  242. public static Interpolator getInterPolator(String name) {
  243. if (name.equalsIgnoreCase("AccelerateDecelerate")) {
  244. return new AccelerateDecelerateInterpolator();
  245. } else if (name.equalsIgnoreCase("Accelerate")) {
  246. return new AccelerateInterpolator(10.0f);
  247. } else if (name.equalsIgnoreCase("Decelerate")) {
  248. return new DecelerateInterpolator(10.0f);
  249. } else if (name.equalsIgnoreCase("Anticipate")) {
  250. return new AnticipateInterpolator(1.0f);
  251. } else if (name.equalsIgnoreCase("AnticipateOvershoot")) {
  252. return new AnticipateOvershootInterpolator(1.0f, 1.5f);
  253. } else if (name.equalsIgnoreCase("Overshoot")) {
  254. return new OvershootInterpolator(1.0f);
  255. } else if (name.equalsIgnoreCase("Bounce")) {
  256. return new BounceInterpolator();
  257. } else if (name.equalsIgnoreCase("Cycle")) {
  258. return new CycleInterpolator(1);
  259. } else if (name.equalsIgnoreCase("Linear")) {
  260. return new LinearInterpolator();
  261. } else {
  262. return new LinearInterpolator();
  263. }
  264. }

  266. }

转载：http://www.eoeandroid.com/thread-152049-1-1.html

iteye_353
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值