快捷導(dǎo)航

Android使用Scroller實(shí)現(xiàn)彈性滑動效果

更新時(shí)間：2022年04月18日 15:58:42 作者：鐘離四郎

這篇文章主要介紹了Android使用Scroller實(shí)現(xiàn)彈性滑動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android使用Scroller實(shí)現(xiàn)彈性滑動展示的具體代碼，供大家參考，具體內(nèi)容如下

scrollTo、scrollBy

View內(nèi)部為了實(shí)現(xiàn)滑動提供了這兩個(gè)方法，但是使用這兩個(gè)方法滑動的效果是瞬間的不夠平滑，如何實(shí)現(xiàn)View的彈性滑動呢？這正是本博文討論的主題。另外這兩個(gè)函數(shù)滑動的是View的內(nèi)容不是View本身。比如對于普通View好比TextView其內(nèi)容就是文本，ImageView的內(nèi)容則是drawable對象，采用這兩種方法滑動的時(shí)候其實(shí)分別滑動的是文本及drawable對象，對于ViewGroup采用這兩種方法滑動的時(shí)候則是對其子元素的滑動。所以想要使用scrollTo、scrollBy方法實(shí)現(xiàn)拖動View（指的是普通的View不包含ViewGroup）的效果必須在View外面在包一層ViewGroup。

Scroller類

上面提到使用scrollTo、scrollBy來滑動View的時(shí)候是很生硬得滑過去的，不夠平滑，自然用戶體驗(yàn)也不好，因此我們要實(shí)現(xiàn)一個(gè)彈性的滑動。如何實(shí)現(xiàn)彈性滑動呢？方法有很多，但思想都是一致的，即將實(shí)現(xiàn)一段距離的滑動分成多次來進(jìn)行，每一次滑動一小段，漸近式的滑動。本文只是介紹其中的一種即使用Scroller實(shí)現(xiàn)彈性滑動。以下結(jié)合實(shí)例看看Scroller是如何實(shí)現(xiàn)平滑滑動的呢？

public class SmoothScrollView extends LinearLayout{ 
 
  Scroller mScroller ; 
  int startX; 
  int startY; 
public SmoothScrollView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  //創(chuàng)建Scroller實(shí)例 
  mScroller = new Scroller(context); 
  } 
 
 
public void smoothScroll(int dx,int dy,int duration){ 
  //獲取滑動起點(diǎn)坐標(biāo) 
  startX = getScrollX(); 
  startY = getScrollY(); 
  //設(shè)置滑動參數(shù) 
  mScroller.startScroll(startX,startY,dx,dy,duration); 
  //重新繪制View 
  invalidate(); 
  } 
 
@Override 
public void computeScroll() { 
  // TODO Auto-generated method stub 
  super.computeScroll(); 
  boolean flag = mScroller.computeScrollOffset(); 
  //遞歸終止條件:滑動結(jié)束 
  if(flag == false){ 
    return; 
  }else{ 
  //mScroller.getCurrX(),mScroller.getCurrY()記錄的是此刻要滑動達(dá)到的目標(biāo)坐標(biāo) 
  scrollTo(mScroller.getCurrX(),mScroller.getCurrY()); 
  } 
  //遞歸調(diào)用 
  invalidate();//或者postInvalidate() 
  } 
}

看到第9行，首先在SmoothScrollView內(nèi)部創(chuàng)建一個(gè)Scroller對象，第13行的smoothScroll方法是實(shí)現(xiàn)SmoothScrollView的平滑滑動，可以看到實(shí)現(xiàn)平滑滑動首先調(diào)用第18行Scroller的startScroll方法來設(shè)置滑動參數(shù)，下文會分析這個(gè)方法，這里先放一放。然后在第20行調(diào)用invalidate方法，這個(gè)方法會導(dǎo)致SmoothScrollView重繪，從而調(diào)用draw方法之后又會調(diào)用computeScroll方法，在第24行可以看到這里重寫了computeScroll方法，因此調(diào)用invalidate方法最終會導(dǎo)致computeScroll方法被調(diào)用。第27~29行調(diào)用Scroller的computeScrollOffeset方法并判斷是否滑動結(jié)束，computeScrollOffset是如何判斷滑動結(jié)束的呢？這里也先放一放下文在分析。如果滑動未結(jié)束，執(zhí)行第33行調(diào)用scrollTo滑動SmoothScrollView至此刻目的坐標(biāo)，然后遞歸調(diào)用invalidate方法。

以下是對Scroller幾個(gè)方法的分析：

public void startScroll(int startX, int startY, int dx, int dy, int duration) { 
    mMode = SCROLL_MODE; 
    mFinished = false; 
    mDuration = duration; 
  //記錄開始滑動的時(shí)間 
    mStartTime = AnimationUtils.currentAnimationTimeMillis(); 
  //滑動起始橫坐標(biāo) 
    mStartX = startX; 
  //滑動起始縱坐標(biāo) 
    mStartY = startY; 
  //滑動結(jié)束橫坐標(biāo) 
    mFinalX = startX + dx; 
  //滑動結(jié)束縱坐標(biāo) 
    mFinalY = startY + dy; 
  //橫向滑動偏移量 
    mDeltaX = dx; 
  //縱向滑動偏移量 
    mDeltaY = dy; 
  //mDuration表示的是整個(gè)滑動持續(xù)的時(shí)間 
    mDurationReciprocal = 1.0f / (float) mDuration; 
  }

從以上代碼可以看到startScroll方法其實(shí)根本沒有滑動View只是對滑動參數(shù)進(jìn)行設(shè)置。往下再來看看computeScrollOffset方法，computeScrollOffset返回true則表示滑動還沒結(jié)束返回false表示滑動結(jié)束，它的實(shí)現(xiàn)如下：
[java] view plain copy

public boolean computeScrollOffset() { 
    if (mFinished) { 
      return false; 
    } 
 
    int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime); 
   //判斷此刻是否在有效滾動周期內(nèi) 
    if (timePassed < mDuration) { 
      switch (mMode) { 
      case SCROLL_MODE: 
  //當(dāng)前時(shí)刻滑動偏移量所占份額 
        float x = (float)timePassed * mDurationReciprocal; 
   
        if (mInterpolator == null) 
          x = viscousFluid(x);  
        else 
          x = mInterpolator.getInterpolation(x); 
        //獲取當(dāng)前時(shí)刻要滾動到的位置 
        mCurrX = mStartX + Math.round(x * mDeltaX); 
        mCurrY = mStartY + Math.round(x * mDeltaY); 
        break; 
      case FLING_MODE: 
        float timePassedSeconds = timePassed / 1000.0f; 
        float distance = (mVelocity * timePassedSeconds) 
            - (mDeceleration * timePassedSeconds * timePassedSeconds / 2.0f); 
         
        mCurrX = mStartX + Math.round(distance * mCoeffX); 
        // Pin to mMinX <= mCurrX <= mMaxX 
        mCurrX = Math.min(mCurrX, mMaxX); 
        mCurrX = Math.max(mCurrX, mMinX); 
         
        mCurrY = mStartY + Math.round(distance * mCoeffY); 
        // Pin to mMinY <= mCurrY <= mMaxY 
        mCurrY = Math.min(mCurrY, mMaxY); 
        mCurrY = Math.max(mCurrY, mMinY); 
 
        if (mCurrX == mFinalX && mCurrY == mFinalY) { 
          mFinished = true; 
        } 
 
        break; 
      } 
    } 
    else { 
      mCurrX = mFinalX; 
      mCurrY = mFinalY; 
      mFinished = true; 
    } 
    return true; 
  }

看到這我們應(yīng)該明白SmoothScrollView是如何實(shí)現(xiàn)讓自己平滑滑動的呢？實(shí)際上正真讓SmoothScrollView產(chǎn)生平滑滑動的并非是Scroller而是SmoothScrollView自己，是SmoothScrollView自己多次調(diào)用了自己的scrollerTo方法并且每次滑動一小步從而實(shí)現(xiàn)平滑滑動，而Scroller類干的事只是輔助SmoothScrollView計(jì)算每一次小滑動要到達(dá)的目標(biāo)坐標(biāo)，而實(shí)現(xiàn)多次調(diào)用了自己的scrollerTo方法這里沒有使用循環(huán)體則是利用程序設(shè)計(jì)技巧“遞歸調(diào)用”invalidate方法達(dá)到多次調(diào)用scrollTo方法的目的從而實(shí)現(xiàn)平滑滑動。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: