Android使用Scroller實現(xiàn)彈性滑動效果
本文實例為大家分享了Android使用Scroller實現(xiàn)彈性滑動展示的具體代碼,供大家參考,具體內(nèi)容如下
scrollTo、scrollBy
View內(nèi)部為了實現(xiàn)滑動提供了這兩個方法,但是使用這兩個方法滑動的效果是瞬間的不夠平滑,如何實現(xiàn)View的彈性滑動呢?這正是本博文討論的主題。另外這兩個函數(shù)滑動的是View的內(nèi)容不是View本身。比如對于普通View好比TextView其內(nèi)容就是文本,ImageView的內(nèi)容則是drawable對象,采用這兩種方法滑動的時候其實分別滑動的是文本及drawable對象,對于ViewGroup采用這兩種方法滑動的時候則是對其子元素的滑動。所以想要使用scrollTo、scrollBy方法實現(xiàn)拖動View(指的是普通的View不包含ViewGroup)的效果必須在View外面在包一層ViewGroup。
Scroller類
上面提到使用scrollTo、scrollBy來滑動View的時候是很生硬得滑過去的,不夠平滑,自然用戶體驗也不好,因此我們要實現(xiàn)一個彈性的滑動。如何實現(xiàn)彈性滑動呢?方法有很多,但思想都是一致的,即將實現(xiàn)一段距離的滑動分成多次來進行,每一次滑動一小段,漸近式的滑動。本文只是介紹其中的一種即使用Scroller實現(xiàn)彈性滑動。以下結(jié)合實例看看Scroller是如何實現(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實例
mScroller = new Scroller(context);
}
public void smoothScroll(int dx,int dy,int duration){
//獲取滑動起點坐標
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()記錄的是此刻要滑動達到的目標坐標
scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
}
//遞歸調(diào)用
invalidate();//或者postInvalidate()
}
} 看到第9行,首先在SmoothScrollView內(nèi)部創(chuàng)建一個Scroller對象,第13行的smoothScroll方法是實現(xiàn)SmoothScrollView的平滑滑動,可以看到實現(xiàn)平滑滑動首先調(diào)用第18行Scroller的startScroll方法來設(shè)置滑動參數(shù),下文會分析這個方法,這里先放一放。然后在第20行調(diào)用invalidate方法,這個方法會導致SmoothScrollView重繪,從而調(diào)用draw方法之后又會調(diào)用computeScroll方法,在第24行可以看到這里重寫了computeScroll方法,因此調(diào)用invalidate方法最終會導致computeScroll方法被調(diào)用。第27~29行調(diào)用Scroller的computeScrollOffeset方法并判斷是否滑動結(jié)束,computeScrollOffset是如何判斷滑動結(jié)束的呢?這里也先放一放下文在分析。如果滑動未結(jié)束,執(zhí)行第33行調(diào)用scrollTo滑動SmoothScrollView至此刻目的坐標,然后遞歸調(diào)用invalidate方法。
以下是對Scroller幾個方法的分析:
public void startScroll(int startX, int startY, int dx, int dy, int duration) {
mMode = SCROLL_MODE;
mFinished = false;
mDuration = duration;
//記錄開始滑動的時間
mStartTime = AnimationUtils.currentAnimationTimeMillis();
//滑動起始橫坐標
mStartX = startX;
//滑動起始縱坐標
mStartY = startY;
//滑動結(jié)束橫坐標
mFinalX = startX + dx;
//滑動結(jié)束縱坐標
mFinalY = startY + dy;
//橫向滑動偏移量
mDeltaX = dx;
//縱向滑動偏移量
mDeltaY = dy;
//mDuration表示的是整個滑動持續(xù)的時間
mDurationReciprocal = 1.0f / (float) mDuration;
}
從以上代碼可以看到startScroll方法其實根本沒有滑動View只是對滑動參數(shù)進行設(shè)置。往下再來看看computeScrollOffset方法,computeScrollOffset返回true則表示滑動還沒結(jié)束返回false表示滑動結(jié)束,它的實現(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:
//當前時刻滑動偏移量所占份額
float x = (float)timePassed * mDurationReciprocal;
if (mInterpolator == null)
x = viscousFluid(x);
else
x = mInterpolator.getInterpolation(x);
//獲取當前時刻要滾動到的位置
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;
}
看到這我們應該明白SmoothScrollView是如何實現(xiàn)讓自己平滑滑動的呢?實際上正真讓SmoothScrollView產(chǎn)生平滑滑動的并非是Scroller而是SmoothScrollView自己,是SmoothScrollView自己多次調(diào)用了自己的scrollerTo方法并且每次滑動一小步從而實現(xiàn)平滑滑動,而Scroller類干的事只是輔助SmoothScrollView計算每一次小滑動要到達的目標坐標,而實現(xiàn)多次調(diào)用了自己的scrollerTo方法這里沒有使用循環(huán)體則是利用程序設(shè)計技巧“遞歸調(diào)用”invalidate方法達到多次調(diào)用scrollTo方法的目的從而實現(xiàn)平滑滑動。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- android開發(fā)通過Scroller實現(xiàn)過渡滑動效果操作示例
- Android自定義View彈性滑動Scroller詳解
- Android用Scroller實現(xiàn)一個可向上滑動的底部導航欄
- 詳解Android應用開發(fā)中Scroller類的屏幕滑動功能運用
- Android Scroll實現(xiàn)彈性滑動_列表下拉彈性滑動的示例代碼
- Android自定義ViewGroup實現(xiàn)彈性滑動效果
- android自定義ViewPager水平滑動彈性效果
- Android使用Handler實現(xiàn)View彈性滑動
- Android?Scroller實現(xiàn)彈性滑動效果
相關(guān)文章
將cantk runtime嵌入到現(xiàn)有的APP中的方法
今天小編就為大家分享一篇關(guān)于將cantk runtime嵌入到現(xiàn)有的APP中的方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2018-12-12
Android編程實現(xiàn)全局獲取Context及使用Intent傳遞對象的方法詳解
這篇文章主要介紹了Android編程實現(xiàn)全局獲取Context及使用Intent傳遞對象的方法,結(jié)合實例形式分析了Android全局Context的獲取及Intent傳遞對象的具體操作方法,需要的朋友可以參考下2017-08-08
Flutter 封裝一個 Banner 輪播圖效果的實例代碼
這篇文章主要介紹了Flutter 封裝一個 Banner 輪播圖效果,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07

