android 在3.0之前经常使用的tween animation在网上已经有人实现了动画的暂停效果,但是对于property animation的暂停尚未实现,由于项目需要,我将属性动画的暂停、停止、播放的三个操作整理如下

对于视图和属性动画的实例化和事件,请直接看代码

暂停animator首先要达到时间停止,把动画停留在某个时间点,继续播放的时候要从这个时间点继续执行。很幸运的是animator给U我们提供了setCurrentPlayTime的方法,但是这个方法只能让动画回到一个指定的时间点,然后继续执行,所以我们需要寻找一个机制,在动画到达下一个时间点之前,将动画的时间点重新设置到暂停的时间点。ValueAnimator提供了addUpdateListener的方法,我们定义一个AnimatorUpdateListener,在onAnimationUpdate中,调用setCurrentPlayTime回置到暂停的时间点即可。这个时候需要注意,直接调用setCurrentPlayTime会触发onAnimationUpdate会造成死循环,在这里需要使用CountDownTimer来调用setCurrentPlayTime来规避。

要暂停视图的状态就比较容易,同样我们在AnimatorUpdateListener中的onAnimationUpdate,做一些手脚。暂停的时候我们通过ValueAnimator.getAnimatedFraction(); 获取动画当前的状态值临时保存起来。并且在暂停的时候设置 停止状态的TimeInterpolator,在这个TimeInterpolator里面的getInterpolation方法我们直接返回之前临时保存的fraction,这样就能达到状态的暂停。

       重新播放怎么办?

重新播放的时候我们要判断当前如果是暂停的状态,我们就需要将onAnimationUpdate中不再设置setCurrentPlayTime,同时去掉我们设置的暂停TimeInterpolator。

       语言组织比较乱,还是直接上代码吧。

[mw_shl_code=java,true]        TextView text;
         Button btnPause;
         Button btnStop;
         Button btnPlay;
         ObjectAnimator animator;
         static final int ID_BTN_PLAY=1001,ID_BTN_PAUSE=1002,ID_BTN_STOP=1003;
         MyAnimatorUpdateListener updateListener = new MyAnimatorUpdateListener();
         @Override
         protected void onCreate(Bundle savedInstanceState) {
                 super.onCreate(savedInstanceState);

                 //初始化页面视图,以及增加事件监听
                 LinearLayout container = new LinearLayout(this);
                 container.setOrientation(LinearLayout.VERTICAL);
                 container.setBackgroundColor(Color.rgb(192, 192, 192));
                 
                 setContentView(container);
                 
                 btnPlay = new Button(this);
                 btnPlay.setText("播放");
                 btnPlay.setId(ID_BTN_PLAY);
                 btnPlay.setOnClickListener(this);
                 container.addView(btnPlay);
                 
                 btnPause = new Button(this);
                 btnPause.setText("暂停");
                 btnPause.setId(ID_BTN_PAUSE);
                 btnPause.setOnClickListener(this);
                 container.addView(btnPause);
                 
                 btnStop = new Button(this);
                 btnStop.setText("停止");
                 btnStop.setId(ID_BTN_STOP);
                 btnStop.setOnClickListener(this);
                 container.addView(btnStop);
                 
                 text = new TextView(this);
                 text.setText("我是文本");
                 container.addView(text);
                 
                 animator = ObjectAnimator.ofFloat(text, "x", 0f,200f);
                 animator.setRepeatCount(ValueAnimator.INFINITE);
                 animator.setDuration(2000l);
                 //为了增加
                 animator.addUpdateListener(updateListener);
         }

         @Override
         public void onClick(View v) {
                 int id = v.getId();
                 switch(id){
                 case ID_BTN_PLAY:
                         //如果已经暂停,是继续播放
                         if(updateListener.isPause)updateListener.play();
                         //否则就是从头开始播放
                         else animator.start();
                         break;
                 case ID_BTN_STOP:
                         //如果点击停止,那么我们还需要将暂停的动画重新设置一下
                         updateListener.play();
                         animator.end();
                         break;
                 case ID_BTN_PAUSE:
                         updateListener.pause();
                         break;
                 }
         }
         
         class MyAnimatorUpdateListener implements AnimatorUpdateListener{
                 /**
                  * 暂停状态
                  */
                 private boolean isPause = false;
                 /**
                  * 是否已经暂停,如果一已经暂停,那么就不需要再次设置停止的一些事件和监听器了
                  */
                 private boolean isPaused = false;
                 /**
                  * 当前的动画的播放位置
                  */
                 private float fraction = 0.0f;
                 /**
                  * 当前动画的播放运行时间
                  */
                 private long mCurrentPlayTime = 0l;
                 
                 /**
                  * 是否是暂停状态
                  * @return
                  */
                 public boolean isPause(){
                         return isPause;
                 }
                 
                 /**
                  * 停止方法,只是设置标志位,剩余的工作会根据状态位置在onAnimationUpdate进行操作
                  */
                 public void pause(){
                         isPause = true;
                 }
                 public void play(){
                         isPause = false;
                         isPaused = false;
                 }
                 @Override
                 public void onAnimationUpdate(ValueAnimator animation) {
                         /**
                          * 如果是暂停则将状态保持下来,并每个刷新动画的时间了;来设置当前时间,让动画
                          * 在时间上处于暂停状态,同时要设置一个静止的时间加速器,来保证动画不会抖动
                          */
                         if(isPause){
                                 if(!isPaused){
                                         mCurrentPlayTime = animation.getCurrentPlayTime();
                                         fraction = animation.getAnimatedFraction();
                                         animation.setInterpolator(new TimeInterpolator() {
                                                 @Override
                                                 public float getInterpolation(float input) {
                                                         return fraction;
                                                 }
                                         });
                                         isPaused =  true;
                                 }
                                 //每隔动画播放的时间,我们都会将播放时间往回调整,以便重新播放的时候接着使用这个时间,同时也为了让整个动画不结束
                                 new CountDownTimer(ValueAnimator.getFrameDelay(), ValueAnimator.getFrameDelay()){

                                         @Override
                                         public void onTick(long millisUntilFinished) {
                                         }

                                         @Override
                                         public void onFinish() {
                                                 animator.setCurrentPlayTime(mCurrentPlayTime);
                                         }
                                 }.start();
                         }else{
                                 //将时间拦截器恢复成线性的,如果您有自己的,也可以在这里进行恢复
                                 animation.setInterpolator(null);
                         }
                 }
                 
         }