美文网首页程序猿学习iOS的UI进阶Run_实用
模仿饿了么加载效果(五八同城,UC也都有这个效果)

模仿饿了么加载效果(五八同城,UC也都有这个效果)

作者: _deadline | 来源:发表于2016-10-09 17:54 被阅读4012次

    这种加载效果我也看到过几篇类似的博文,这里全当自己练习了。
    效果如下:
    github地址:https://github.com/niniloveyou/BounceLoadingView (欢迎star)

    bounceLoadingView.gif

    其实很简单,首先说需要提供几个方法添加图片

    addBitmap(bitmap)
    addBitmap(resId)
    addBitmaps(mBitmapList)
    

    然后new 一个无限循环的ValueAnimator ,在数值不断变化的时候不断postInvalide(); 画下面的椭圆和bitmap

    valueAnimator的时长即一个bitmap弹起落下的时间, 这就是一个周期。
    在一个周期结束后更换图片,也就是:

    animator.addListener(new AnimatorListenerAdapter() {    
        @Override    
         public void onAnimationStart(Animator animation) {       
         //重置index        
          mCurrentIndex = 0;       
          mCurrentBitmap = mBitmapList.get(mCurrentIndex);    
      }    
        @Override    
        public void onAnimationRepeat(Animator animation) {        
             if(mBitmapList != null && mBitmapList.size() > 0){            
                mCurrentIndex ++;            
                if(mCurrentIndex >= mBitmapList.size()) {                
                     mCurrentIndex = 0;            
                }            
                mCurrentBitmap = mBitmapList.get(mCurrentIndex);       
            }    
       }});
    

    详细的代码在这里:
    github地址:https://github.com/niniloveyou/BounceLoadingView (欢迎star)

    相关文章

      网友评论

      本文标题:模仿饿了么加载效果(五八同城,UC也都有这个效果)

      本文链接:https://www.haomeiwen.com/subject/iycpyttx.html