zoukankan      html  css  js  c++  java
  • Android中动画学习

    Android中动画:

    1. Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果,即是一种渐变动画;
    2. Frame Animation:顺序播放事先做好的图像,是一种画面转换动画。

    把这两种动画中的的各种用法整理了一下,具体代码在附件中。如下图:

       

         

    下面看下这两种动画的使用:

     

    Tween Animation

     Tween Animation有四种形式:

      l  alpha              渐变透明度动画效果

      l  scale                渐变尺寸伸缩动画效果

      l  translate            画面位置移动动画效果

      l  rotate                 画面旋转动画效果

     

      这四种动画实现方式都是通过Animation类和AnimationUtils配合实现。

    可以通过xml实现:动画的XML文件在工程中res/anim目录。

      例如:rotate.xml

    <?xml version="1.0" encoding="utf-8"?>
    
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:fillAfter = "false"
        android:zAdjustment="bottom"
        >
        <rotate
            android:fromDegrees="0"
            android:toDegrees="360"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="4000"
            />
    </set>

     

    实现动画 

    Animation anim = AnimationUtils.loadAnimation(mContext, R.anim.rotate);
    
    //监听动画的状态(开始,结束)
    anim.setAnimationListener(new EffectAnimationListener());
    textWidget = (TextView)findViewById(R.id.text_widget);
    textWidget.setText(" 画面转移旋转动画效果");
    textWidget.startAnimation(anim);

      具体使用方法就不用介绍了很简单,每种形式的使用方法和效果可以见附件例子中。

     

    Frame Animation

      Frame Animation是顺序播放事先做好的图像,跟电影类似。不同于animation package,

    Android SDK提供了另外一个类AnimationDrawable来定义使用Frame Animation。

    利用xml文件实现:res/drawable-hdpi/frame.xml:
    <?xml version="1.0" encoding="utf-8"?>
    
    <animation-list
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:oneshot="true"
      >
           <item android:drawable="@drawable/p1" android:duration="1000"></item>
           <item android:drawable="@drawable/p2" android:duration="1000"></item>
           <item android:drawable="@drawable/p3" android:duration="1000"></item>
           <item android:drawable="@drawable/p4" android:duration="1000"></item>
           <item android:drawable="@drawable/p5" android:duration="1000"></item>
           <item android:drawable="@drawable/p6" android:duration="1000"></item>
    </animation-list>

     

    实现动画:      

    AnimationDrawable anim = (AnimationDrawable)getResources().
    
    getDrawable(R.drawable.frame);
    CustomAnimDrawable cusAnim = new CustomAnimDrawable(anim);
    cusAnim.setAnimationListener(new FrameAnimationListener());
    textWidget = (TextView)findViewById(R.id.text_widget);
    textWidget.setText(" 画面逐帧动画效果");
    textWidget.setBackgroundDrawable(anim);
    cusAnim.start();

      这里有点不同的是,利用AnimationDrawable实现动画时,本身并没有提供接口来监听动画的状态(开始,结束),

    这里我自己简单实现了一个方法来判断动画的状态。CustomAnimDrawable是自己写的继承于AnimationDrawable的

    一个类,用来根据播放第几帧来判断,避免了根据时间来判断时,理论时间和实际时间不一致造成的影响。

      用到了Java的反射机制。

     CustomAnimDrawable实现:

    public class CustomAnimDrawable extends AnimationDrawable {
        private final String TAG = "xmp";
        private AnimationDrawable mOriAnim;
        private AnimationDrawable mSelf;
        private Handler mHandler;
        private boolean mStarted;
        private AnimEndListenerRunnable mEndRunnable;
        private AnimationDrawableListener mListener;
    
        public CustomAnimDrawable(AnimationDrawable anim) {
            mOriAnim = anim;
            initialize();
        }
    
        private void initialize() {
            mSelf = this;
            mStarted = false;
            mHandler = new Handler();
            mEndRunnable = new AnimEndListenerRunnable();
            for (int i = 0; i < mOriAnim.getNumberOfFrames(); i++) {
                mSelf.addFrame(mOriAnim.getFrame(i), mOriAnim.getDuration(i));
            }
        }
    
        @Override
        public void start() {
            mOriAnim.start();
            mStarted = true;
            mHandler.post(mEndRunnable);
            if (mListener != null) {
                mListener.onAnimationStart(mSelf);
            }
            Log.v(TAG, "------CustomAnimDrawable------>start");
        }
        
        /**
         * 循环检测 动画的状态
         */
        class AnimEndListenerRunnable implements Runnable {
            @Override
            public void run() {
                // 动画已开始
                if (!mStarted) {
                    return;
                }
                // 未停止继续监听
                if (!isEnd()) {
              //这里的延迟时间是跟你的每一帧动画时间有关,基本保持一致就可以,最后一帧也会完整播放
              //上面动画时间为每一帧1000ms,所以这里设为了1000ms mHandler.postDelayed(mEndRunnable,
    1000); return; } Log.v(TAG, "----------->over"); // 动画已结束 if (mListener != null) { mStarted = false; mListener.onAnimationEnd(mSelf); } } } /** * 判断动画是否结束 采用反射机制 * @return */ private boolean isEnd(){ Class<AnimationDrawable> animClass = AnimationDrawable.class; try{ //利用Java反射方法判断是否结束 //获得私有方法 例如 //Method method = animClass.getDeclaredMethod("nextFrame",boolean.class); //访问其私有变量 Field field = animClass.getDeclaredField("mCurFrame"); field.setAccessible(true); int currFrameNum = field.getInt(mOriAnim); int totalFrameNum = mOriAnim.getNumberOfFrames(); if((currFrameNum == totalFrameNum - 1)|| (currFrameNum == -1)){ return true; } } catch (Exception e) { Log.v(TAG,"-------->Exception"); } return false; } public void setAnimationListener(AnimationDrawableListener listener) { mListener = listener; } public interface AnimationDrawableListener { /** * Notifies the start of the animation * @param animation */ public void onAnimationStart(AnimationDrawable animation); /** * Notifies the end of the animation * @param animation */ public void onAnimationEnd(AnimationDrawable animation); } }

    废话不说了,具体需要可以下载这个例子,包括基本的基础动画的使用。

     代码下载地址: https://files.cnblogs.com/bastard/animationTest.rar

     

  • 相关阅读:
    JS中的getter与setter
    Node.js中exports与module.exports的区别
    JS中的匿名函数自执行、函数声明与函数表达式
    JS实现千分位
    JS中的new操作符原理解析
    JS中null与undefined的区别
    JavaScript中callee与caller,apply与call解析
    解决vue路由与锚点冲突
    jQuery中deferred的对象使用
    Vue的生命周期
  • 原文地址:https://www.cnblogs.com/bastard/p/2570405.html
Copyright © 2011-2022 走看看