Android自定義View彈性滑動(dòng)Scroller詳解
本文實(shí)例為大家分享了Android彈性滑動(dòng)類Scroller的具體代碼,供大家參考,具體內(nèi)容如下
Scroller是什么
Scroller就是一個(gè)滑動(dòng)幫助類。它并不可以使View真正的滑動(dòng),而是配合scrollTo/ScrollBy讓view產(chǎn)生緩慢的滑動(dòng),產(chǎn)生動(dòng)畫的效果,其實(shí)和屬性動(dòng)畫是同一個(gè)原理。在我看來,Scroller跟屬性動(dòng)畫的平移的效果是一樣的。
如何使用
//①實(shí)例一個(gè)Scroller,它有三個(gè)構(gòu)造方法如下
//public Scroller (Context context)
//public Scroller (Context context, Interpolator interpolator)//傳入一個(gè)時(shí)間插值器
//public Scroller (Context context, Interpolator interpolator, boolean flywheel)
Scroller mScroller=new Scroller(context);
//②使用Scroller
//startScroll()傳入一些參數(shù):開始位置,結(jié)束位置,開始時(shí)間滑動(dòng)到結(jié)束位置的完成時(shí)間。
mScrooler.startScroll(int startX,int startY,int endx,int endY,int duration);
invalidate();//在ViewGroup中,invalidate()方法會(huì)導(dǎo)致computeScroll()方法的執(zhí)行
//③在computeScroll()的方法中判斷:mScroller是否結(jié)束,如果沒有結(jié)束就調(diào)用scrollTo()讓view處于正確的位置
@Override
public void computeScroll() {
//computeScrollOffset()判斷是否還在滾動(dòng),如果還在滾動(dòng),會(huì)獲取到某一時(shí)刻view應(yīng)該所在的位置,刷新Scroller中mCurrX,mCurrY的值,并且return true;
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
//更新界面
postInvalidate();
}
super.computeScroll();
}
使用示例:
package com.liujian.chart;
/**
* Scroller練習(xí),一個(gè)簡(jiǎn)單的ViewPager
* @author : liujian
* @since : 2017/12/17
*/
public class ScrollLayout extends ViewGroup {
private Scroller mScroller;
//當(dāng)前設(shè)備滑動(dòng)的最小距離
private int mTouchSlop;
private int leftBorder;//布局內(nèi)容的左邊界
private int rightBorder;//布局內(nèi)容的右邊界
private float mRawXDown;
private float mRawXMove;
private float mRawXLastMove;
public ScrollLayout(Context context) {
super(context);
initView(context);
}
public ScrollLayout(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
initView(context);
}
public ScrollLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView(context);
}
private void initView(Context context) {
mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
mScroller = new Scroller(getContext());
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//為ScrollLayout中的某一個(gè)子View給出一個(gè)建議的測(cè)量大小和測(cè)量模式
measureChildren(widthMeasureSpec, heightMeasureSpec);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
View view = getChildAt(i);
view.layout(i * view.getMeasuredWidth(), 0, (i + 1) * view.getMeasuredWidth(), view.getMeasuredHeight());
}
leftBorder = getChildAt(0).getLeft();
rightBorder = getChildAt(getChildCount() - 1).getRight();
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mRawXDown = ev.getRawX();
mRawXLastMove = mRawXDown;
break;
case MotionEvent.ACTION_MOVE:
mRawXMove = ev.getRawX();
mRawXLastMove = mRawXMove;
float distance = Math.abs(mRawXMove - mRawXDown);
//左右滑動(dòng)時(shí),攔截子view的觸摸事件
if (distance > mTouchSlop) {
return true;
}
break;
case MotionEvent.ACTION_UP:
break;
}
return super.onInterceptTouchEvent(ev);
}
@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
mRawXMove = event.getRawX();
int distanceX = (int) (mRawXLastMove - mRawXMove);
//對(duì)邊界異常情況的處理
if (getScrollX() + distanceX < leftBorder) {
scrollBy(leftBorder, 0);
}
if (getScrollX() + getWidth() + distanceX > rightBorder) {
scrollBy(rightBorder - getWidth(), 0);
}
scrollBy(distanceX, 0);
mRawXLastMove = mRawXMove;
break;
case MotionEvent.ACTION_UP:
//當(dāng)前所在的page頁(yè)面
int targetIndex = (getScrollX() + getWidth() / 2) / getWidth();
int dx = targetIndex * getWidth() - getScrollX();
Log.i("TAG", "dx: " + dx);
Log.i("TAG", "getScrollX: " + getScrollX());
Log.i("TAG", "getWidth: " + getWidth());
// 第二步,調(diào)用startScroll()方法來初始化滾動(dòng)數(shù)據(jù)并刷新界面
mScroller.startScroll(getScrollX(), 0, dx, 0);
invalidate();
break;
}
return super.onTouchEvent(event);
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
invalidate();
}
}
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- android開發(fā)通過Scroller實(shí)現(xiàn)過渡滑動(dòng)效果操作示例
- Android使用Scroller實(shí)現(xiàn)彈性滑動(dòng)效果
- Android用Scroller實(shí)現(xiàn)一個(gè)可向上滑動(dòng)的底部導(dǎo)航欄
- 詳解Android應(yīng)用開發(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實(shí)現(xiàn)多級(jí)樹形選擇列表
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)多級(jí)樹形選擇列表,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-04-04
Android導(dǎo)航欄功能項(xiàng)的顯示與屏蔽介紹
大家好,本篇文章主要講的是Android導(dǎo)航欄功能項(xiàng)的顯示與屏蔽介紹,感興趣的同學(xué)趕快來看一看吧,對(duì)你有幫助的話記得收藏一下,方便下次瀏覽2021-12-12
Android編程實(shí)現(xiàn)自定義輸入法功能示例【輸入密碼時(shí)防止第三方竊取】
這篇文章主要介紹了Android編程實(shí)現(xiàn)自定義輸入法功能,可實(shí)習(xí)輸入密碼時(shí)防止第三方竊取的效果,結(jié)合實(shí)例形式詳細(xì)分析了Android布局、控件及輸入法相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
Android主項(xiàng)目與Module中R類的區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于Android主項(xiàng)目與Module中R類的區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-02-02
Android編程實(shí)現(xiàn)仿心跳動(dòng)畫效果的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)仿心跳動(dòng)畫效果的方法,實(shí)例分析了Android基于線程實(shí)現(xiàn)動(dòng)畫過度效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
android onTouchEvent處理機(jī)制總結(jié)(必看)
下面小編就為大家?guī)硪黄猘ndroid onTouchEvent處理機(jī)制總結(jié)(必看)小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
Android ActionBarActivity設(shè)置全屏無標(biāo)題的方法總結(jié)
這篇文章主要介紹了Android ActionBarActivity設(shè)置全屏無標(biāo)題的相關(guān)資料,需要的朋友可以參考下2017-07-07
android 實(shí)現(xiàn)側(cè)邊彈窗特效代碼
側(cè)邊彈窗是在左邊,需要定位好位置,實(shí)現(xiàn)原理其實(shí)就是進(jìn)出動(dòng)效,用位移加透明度效果來控制,下面通過代碼給大家介紹android 實(shí)現(xiàn)側(cè)邊彈窗,需要的朋友參考下吧2021-06-06
Android畫圖實(shí)現(xiàn)MPAndroidchart折線圖示例詳解
這篇文章主要為大家介紹了Android畫圖實(shí)現(xiàn)MPAndroidchart折線圖示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07

