现在的位置: 首页 > 综合 > 正文

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

2018年02月10日 ⁄ 综合 ⁄ 共 16038字 ⁄ 字号 小 中 大 ⁄ 评论关闭

 在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

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞