Android使用Scroller實(shí)現(xiàn)彈性滑動(dòng)效果
本文實(shí)例為大家分享了Android使用Scroller實(shí)現(xiàn)彈性滑動(dòng)展示的具體代碼,供大家參考,具體內(nèi)容如下
scrollTo、scrollBy
View內(nèi)部為了實(shí)現(xiàn)滑動(dòng)提供了這兩個(gè)方法,但是使用這兩個(gè)方法滑動(dòng)的效果是瞬間的不夠平滑,如何實(shí)現(xiàn)View的彈性滑動(dòng)呢?這正是本博文討論的主題。另外這兩個(gè)函數(shù)滑動(dòng)的是View的內(nèi)容不是View本身。比如對(duì)于普通View好比TextView其內(nèi)容就是文本,ImageView的內(nèi)容則是drawable對(duì)象,采用這兩種方法滑動(dòng)的時(shí)候其實(shí)分別滑動(dòng)的是文本及drawable對(duì)象,對(duì)于ViewGroup采用這兩種方法滑動(dòng)的時(shí)候則是對(duì)其子元素的滑動(dòng)。所以想要使用scrollTo、scrollBy方法實(shí)現(xiàn)拖動(dòng)View(指的是普通的View不包含ViewGroup)的效果必須在View外面在包一層ViewGroup。
Scroller類
上面提到使用scrollTo、scrollBy來(lái)滑動(dòng)View的時(shí)候是很生硬得滑過(guò)去的,不夠平滑,自然用戶體驗(yàn)也不好,因此我們要實(shí)現(xiàn)一個(gè)彈性的滑動(dòng)。如何實(shí)現(xiàn)彈性滑動(dòng)呢?方法有很多,但思想都是一致的,即將實(shí)現(xiàn)一段距離的滑動(dòng)分成多次來(lái)進(jìn)行,每一次滑動(dòng)一小段,漸近式的滑動(dòng)。本文只是介紹其中的一種即使用Scroller實(shí)現(xiàn)彈性滑動(dòng)。以下結(jié)合實(shí)例看看Scroller是如何實(shí)現(xiàn)平滑滑動(dòng)的呢 ?
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){ //獲取滑動(dòng)起點(diǎn)坐標(biāo) startX = getScrollX(); startY = getScrollY(); //設(shè)置滑動(dòng)參數(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(); //遞歸終止條件:滑動(dòng)結(jié)束 if(flag == false){ return; }else{ //mScroller.getCurrX(),mScroller.getCurrY()記錄的是此刻要滑動(dòng)達(dá)到的目標(biāo)坐標(biāo) scrollTo(mScroller.getCurrX(),mScroller.getCurrY()); } //遞歸調(diào)用 invalidate();//或者postInvalidate() } }
看到第9行,首先在SmoothScrollView內(nèi)部創(chuàng)建一個(gè)Scroller對(duì)象,第13行的smoothScroll方法是實(shí)現(xiàn)SmoothScrollView的平滑滑動(dòng),可以看到實(shí)現(xiàn)平滑滑動(dòng)首先調(diào)用第18行Scroller的startScroll方法來(lái)設(shè)置滑動(dòng)參數(shù),下文會(huì)分析這個(gè)方法,這里先放一放。然后在第20行調(diào)用invalidate方法,這個(gè)方法會(huì)導(dǎo)致SmoothScrollView重繪,從而調(diào)用draw方法之后又會(huì)調(diào)用computeScroll方法,在第24行可以看到這里重寫(xiě)了computeScroll方法,因此調(diào)用invalidate方法最終會(huì)導(dǎo)致computeScroll方法被調(diào)用。第27~29行調(diào)用Scroller的computeScrollOffeset方法并判斷是否滑動(dòng)結(jié)束,computeScrollOffset是如何判斷滑動(dòng)結(jié)束的呢?這里也先放一放下文在分析。如果滑動(dòng)未結(jié)束,執(zhí)行第33行調(diào)用scrollTo滑動(dòng)SmoothScrollView至此刻目的坐標(biāo),然后遞歸調(diào)用invalidate方法。
以下是對(duì)Scroller幾個(gè)方法的分析:
public void startScroll(int startX, int startY, int dx, int dy, int duration) { mMode = SCROLL_MODE; mFinished = false; mDuration = duration; //記錄開(kāi)始滑動(dòng)的時(shí)間 mStartTime = AnimationUtils.currentAnimationTimeMillis(); //滑動(dòng)起始橫坐標(biāo) mStartX = startX; //滑動(dòng)起始縱坐標(biāo) mStartY = startY; //滑動(dòng)結(jié)束橫坐標(biāo) mFinalX = startX + dx; //滑動(dòng)結(jié)束縱坐標(biāo) mFinalY = startY + dy; //橫向滑動(dòng)偏移量 mDeltaX = dx; //縱向滑動(dòng)偏移量 mDeltaY = dy; //mDuration表示的是整個(gè)滑動(dòng)持續(xù)的時(shí)間 mDurationReciprocal = 1.0f / (float) mDuration; }
從以上代碼可以看到startScroll方法其實(shí)根本沒(méi)有滑動(dòng)View只是對(duì)滑動(dòng)參數(shù)進(jìn)行設(shè)置。往下再來(lái)看看computeScrollOffset方法,computeScrollOffset返回true則表示滑動(dòng)還沒(méi)結(jié)束返回false表示滑動(dòng)結(jié)束,它的實(shí)現(xiàn)如下:
[java] view plain copy
public boolean computeScrollOffset() { if (mFinished) { return false; } int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime); //判斷此刻是否在有效滾動(dòng)周期內(nèi) if (timePassed < mDuration) { switch (mMode) { case SCROLL_MODE: //當(dāng)前時(shí)刻滑動(dòng)偏移量所占份額 float x = (float)timePassed * mDurationReciprocal; if (mInterpolator == null) x = viscousFluid(x); else x = mInterpolator.getInterpolation(x); //獲取當(dāng)前時(shí)刻要滾動(dòng)到的位置 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)讓自己平滑滑動(dòng)的呢?實(shí)際上正真讓SmoothScrollView產(chǎn)生平滑滑動(dòng)的并非是Scroller而是SmoothScrollView自己,是SmoothScrollView自己多次調(diào)用了自己的scrollerTo方法并且每次滑動(dòng)一小步從而實(shí)現(xiàn)平滑滑動(dòng),而Scroller類干的事只是輔助SmoothScrollView計(jì)算每一次小滑動(dòng)要到達(dá)的目標(biāo)坐標(biāo),而實(shí)現(xiàn)多次調(diào)用了自己的scrollerTo方法這里沒(méi)有使用循環(huán)體則是利用程序設(shè)計(jì)技巧“遞歸調(diào)用”invalidate方法達(dá)到多次調(diào)用scrollTo方法的目的從而實(shí)現(xiàn)平滑滑動(dòng)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- android開(kāi)發(fā)通過(guò)Scroller實(shí)現(xiàn)過(guò)渡滑動(dòng)效果操作示例
- Android自定義View彈性滑動(dòng)Scroller詳解
- Android用Scroller實(shí)現(xiàn)一個(gè)可向上滑動(dòng)的底部導(dǎo)航欄
- 詳解Android應(yīng)用開(kāi)發(fā)中Scroller類的屏幕滑動(dòng)功能運(yùn)用
- Android Scroll實(shí)現(xiàn)彈性滑動(dòng)_列表下拉彈性滑動(dòng)的示例代碼
- Android自定義ViewGroup實(shí)現(xiàn)彈性滑動(dòng)效果
- android自定義ViewPager水平滑動(dòng)彈性效果
- Android使用Handler實(shí)現(xiàn)View彈性滑動(dòng)
- Android?Scroller實(shí)現(xiàn)彈性滑動(dòng)效果
相關(guān)文章
淺談android性能優(yōu)化之啟動(dòng)過(guò)程(冷啟動(dòng)和熱啟動(dòng))
本篇文章主要介紹了淺談android性能優(yōu)化之啟動(dòng)過(guò)程(冷啟動(dòng)和熱啟動(dòng)) ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-08-08Android?Jetpack組件Navigation導(dǎo)航組件的基本使用
本篇主要簡(jiǎn)單介紹了一下?Navigation?是什么?以及使用它的流程是什么,并且結(jié)合實(shí)際案例?操作了一番,Navigation?還有很多其他用法,如條件導(dǎo)航、嵌套圖、過(guò)度動(dòng)畫(huà)?等等功能?有機(jī)會(huì)再操作,需要的朋友可以參考下2022-06-06Android系統(tǒng)的五種數(shù)據(jù)存儲(chǔ)形式實(shí)例(一)
Android系統(tǒng)有五種數(shù)據(jù)存儲(chǔ)形式,分別是文件存儲(chǔ)、SP存儲(chǔ)、數(shù)據(jù)庫(kù)存儲(chǔ)、contentprovider 內(nèi)容提供者、網(wǎng)絡(luò)存儲(chǔ)。本篇文章詳解的介紹了每種數(shù)據(jù)存儲(chǔ)的用法,有興趣的可以了解一下。2016-12-12Android中Fragment的基本用法示例總結(jié)
Fragment是activity的界面中的一部分或一種行為,下面這篇文章主要給大家介紹了關(guān)于Android中Fragment的基本用法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-05-05淺析Android企業(yè)級(jí)開(kāi)發(fā)數(shù)據(jù)綁定技術(shù)
這篇文章通過(guò)代碼實(shí)例分析了Android企業(yè)級(jí)開(kāi)發(fā)數(shù)據(jù)綁定技術(shù)的應(yīng)用以及相關(guān)的原理知識(shí),跟著小編一起學(xué)習(xí)參考下吧。2017-12-12Android消息通知欄的實(shí)現(xiàn)方法介紹
本篇文章是對(duì)Android消息通知欄的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06