android自定義ViewPager水平滑動(dòng)彈性效果
android ViewPager是一個(gè)經(jīng)常要用到的組件,但android系統(tǒng)本身為我們提供的ViewPager是沒(méi)有任何效果的,只能是一頁(yè)一頁(yè)的滑動(dòng),這樣會(huì)讓人感覺(jué)很死板,在看一些知名大公司的App時(shí),看到了他們的ViewPager在滑動(dòng)到最開始或者最后的時(shí)候是有一個(gè)彈性效果的,使用起來(lái)感覺(jué)非常的好,于是乎就是百度搜了一下,在StackOverflow中看到一篇文章就是講如何實(shí)現(xiàn)這個(gè)效果的。
先看下效果圖:滑動(dòng)到最后一頁(yè)時(shí)仍然可以拉動(dòng)……
代碼如下:
package com.example.myviewpager; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Camera; import android.support.v4.view.MotionEventCompat; import android.support.v4.view.ViewConfigurationCompat; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.ViewConfiguration; import android.view.animation.DecelerateInterpolator; import android.view.animation.Transformation; import com.nineoldandroids.animation.Animator; import com.nineoldandroids.animation.Animator.AnimatorListener; import com.nineoldandroids.animation.ObjectAnimator; public class BounceBackViewPager extends ViewPager { /** * maximum z distance to translate child view */ final static int DEFAULT_OVERSCROLL_TRANSLATION = 500; /** * duration of overscroll animation in ms */ final private static int DEFAULT_OVERSCROLL_ANIMATION_DURATION = 400; @SuppressWarnings("unused") private final static String DEBUG_TAG = ViewPager.class.getSimpleName(); private final static int INVALID_POINTER_ID = -1; /** * * @author renard, extended by Piotr Zawadzki * */ private class OverscrollEffect { private float mOverscroll; private Animator mAnimator; /** * @param deltaDistance [0..1] 0->no overscroll, 1>full overscroll */ public void setPull(final float deltaDistance) { mOverscroll = deltaDistance; invalidateVisibleChilds(mLastPosition); } /** * called when finger is released. starts to animate back to default position */ private void onRelease() { if (mAnimator != null && mAnimator.isRunning()) { mAnimator.addListener(new AnimatorListener() { @Override public void onAnimationStart(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { startAnimation(0); } @Override public void onAnimationCancel(Animator animation) { } }); mAnimator.cancel(); } else { startAnimation(0); } } private void startAnimation(final float target) { mAnimator = ObjectAnimator.ofFloat(this, "pull", mOverscroll, target); mAnimator.setInterpolator(new DecelerateInterpolator()); final float scale = Math.abs(target - mOverscroll); mAnimator.setDuration((long) (mOverscrollAnimationDuration * scale)); mAnimator.start(); } private boolean isOverscrolling() { if (mScrollPosition == 0 && mOverscroll < 0) { return true; } final boolean isLast = (getAdapter().getCount() - 1) == mScrollPosition; if (isLast && mOverscroll > 0) { return true; } return false; } } final private OverscrollEffect mOverscrollEffect = new OverscrollEffect(); final private Camera mCamera = new Camera(); private OnPageChangeListener mScrollListener; private float mLastMotionX; private int mActivePointerId; private int mScrollPosition; private float mScrollPositionOffset; final private int mTouchSlop; private float mOverscrollTranslation; private int mOverscrollAnimationDuration; public BounceBackViewPager(Context context, AttributeSet attrs) { super(context, attrs); setStaticTransformationsEnabled(true); final ViewConfiguration configuration = ViewConfiguration.get(context); mTouchSlop = ViewConfigurationCompat.getScaledPagingTouchSlop(configuration); super.setOnPageChangeListener(new MyOnPageChangeListener()); init(attrs); } private void init(AttributeSet attrs) { TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.BounceBackViewPager); mOverscrollTranslation = a.getDimension(R.styleable.BounceBackViewPager_overscroll_translation_bounce, DEFAULT_OVERSCROLL_TRANSLATION); mOverscrollAnimationDuration = a.getInt(R.styleable.BounceBackViewPager_overscroll_animation_duration_bounce, DEFAULT_OVERSCROLL_ANIMATION_DURATION); a.recycle(); } public int getOverscrollAnimationDuration() { return mOverscrollAnimationDuration; } public void setOverscrollAnimationDuration(int mOverscrollAnimationDuration) { this.mOverscrollAnimationDuration = mOverscrollAnimationDuration; } public float getOverscrollTranslation() { return mOverscrollTranslation; } public void setOverscrollTranslation(int mOverscrollTranslation) { this.mOverscrollTranslation = mOverscrollTranslation; } @Override public void setOnPageChangeListener(OnPageChangeListener listener) { mScrollListener = listener; }; private void invalidateVisibleChilds(final int position) { for (int i = 0; i < getChildCount(); i++) { getChildAt(i).invalidate(); } // this.invalidate(); // final View child = getChildAt(position); // final View previous = getChildAt(position - 1); // final View next = getChildAt(position + 1); // if (child != null) { // child.invalidate(); // } // if (previous != null) { // previous.invalidate(); // } // if (next != null) { // next.invalidate(); // } } private int mLastPosition = 0; private class MyOnPageChangeListener implements OnPageChangeListener { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { if (mScrollListener != null) { mScrollListener.onPageScrolled(position, positionOffset, positionOffsetPixels); } mScrollPosition = position; mScrollPositionOffset = positionOffset; mLastPosition = position; invalidateVisibleChilds(position); } @Override public void onPageSelected(int position) { if (mScrollListener != null) { mScrollListener.onPageSelected(position); } } @Override public void onPageScrollStateChanged(final int state) { if (mScrollListener != null) { mScrollListener.onPageScrollStateChanged(state); } if (state == SCROLL_STATE_IDLE) { mScrollPositionOffset = 0; } } } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { try { final int action = ev.getAction() & MotionEventCompat.ACTION_MASK; switch (action) { case MotionEvent.ACTION_DOWN: { mLastMotionX = ev.getX(); mActivePointerId = MotionEventCompat.getPointerId(ev, 0); break; } case MotionEventCompat.ACTION_POINTER_DOWN: { final int index = MotionEventCompat.getActionIndex(ev); final float x = MotionEventCompat.getX(ev, index); mLastMotionX = x; mActivePointerId = MotionEventCompat.getPointerId(ev, index); break; } } return super.onInterceptTouchEvent(ev); } catch (IllegalArgumentException e) { e.printStackTrace(); return false; } catch (ArrayIndexOutOfBoundsException e) { e.printStackTrace(); return false; } } @Override public boolean dispatchTouchEvent(MotionEvent ev) { try { return super.dispatchTouchEvent(ev); } catch (IllegalArgumentException e) { e.printStackTrace(); return false; } catch (ArrayIndexOutOfBoundsException e) { e.printStackTrace(); return false; } } @Override public boolean onTouchEvent(MotionEvent ev) { boolean callSuper = false; final int action = ev.getAction(); switch (action) { case MotionEvent.ACTION_DOWN: { callSuper = true; mLastMotionX = ev.getX(); mActivePointerId = MotionEventCompat.getPointerId(ev, 0); break; } case MotionEventCompat.ACTION_POINTER_DOWN: { callSuper = true; final int index = MotionEventCompat.getActionIndex(ev); final float x = MotionEventCompat.getX(ev, index); mLastMotionX = x; mActivePointerId = MotionEventCompat.getPointerId(ev, index); break; } case MotionEvent.ACTION_MOVE: { if (mActivePointerId != INVALID_POINTER_ID) { // Scroll to follow the motion event final int activePointerIndex = MotionEventCompat.findPointerIndex(ev, mActivePointerId); final float x = MotionEventCompat.getX(ev, activePointerIndex); final float deltaX = mLastMotionX - x; final float oldScrollX = getScrollX(); final int width = getWidth(); final int widthWithMargin = width + getPageMargin(); final int lastItemIndex = getAdapter().getCount() - 1; final int currentItemIndex = getCurrentItem(); final float leftBound = Math.max(0, (currentItemIndex - 1) * widthWithMargin); final float rightBound = Math.min(currentItemIndex + 1, lastItemIndex) * widthWithMargin; final float scrollX = oldScrollX + deltaX; if (mScrollPositionOffset == 0) { if (scrollX < leftBound) { if (leftBound == 0) { final float over = deltaX + mTouchSlop; mOverscrollEffect.setPull(over / width); } } else if (scrollX > rightBound) { if (rightBound == lastItemIndex * widthWithMargin) { final float over = scrollX - rightBound - mTouchSlop; mOverscrollEffect.setPull(over / width); } } } else { mLastMotionX = x; } } else { mOverscrollEffect.onRelease(); } break; } case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: { callSuper = true; mActivePointerId = INVALID_POINTER_ID; mOverscrollEffect.onRelease(); break; } case MotionEvent.ACTION_POINTER_UP: { final int pointerIndex = (ev.getAction() & MotionEvent.ACTION_POINTER_INDEX_MASK) >> MotionEvent.ACTION_POINTER_INDEX_SHIFT; final int pointerId = MotionEventCompat.getPointerId(ev, pointerIndex); if (pointerId == mActivePointerId) { // This was our active pointer going up. Choose a new // active pointer and adjust accordingly. final int newPointerIndex = pointerIndex == 0 ? 1 : 0; mLastMotionX = ev.getX(newPointerIndex); mActivePointerId = MotionEventCompat.getPointerId(ev, newPointerIndex); callSuper = true; } break; } } if (mOverscrollEffect.isOverscrolling() && !callSuper) { return true; } else { return super.onTouchEvent(ev); } } @Override protected boolean getChildStaticTransformation(View child, Transformation t) { if (child.getWidth() == 0) { return false; } final int position = child.getLeft() / child.getWidth(); final boolean isFirstOrLast = position == 0 || (position == getAdapter().getCount() - 1); if (mOverscrollEffect.isOverscrolling() && isFirstOrLast) { final float dx = getWidth() / 2; final int dy = getHeight() / 2; t.getMatrix().reset(); final float translateX = (float) mOverscrollTranslation * (mOverscrollEffect.mOverscroll > 0 ? Math.min(mOverscrollEffect.mOverscroll, 1) : Math.max( mOverscrollEffect.mOverscroll, -1)); mCamera.save(); mCamera.translate(-translateX, 0, 0); mCamera.getMatrix(t.getMatrix()); mCamera.restore(); t.getMatrix().preTranslate(-dx, -dy); t.getMatrix().postTranslate(dx, dy); if (getChildCount() == 1) { this.invalidate(); } else { child.invalidate(); } return true; } return false; } }
自定義屬性如下:
<declare-styleable name="BounceBackViewPager"> <attr name="overscroll_translation_bounce" format="dimension" /> <!-- Duration of animation when user releases the over scroll. Default is 400 ms. --> <attr name="overscroll_animation_duration_bounce" format="integer" /> </declare-styleable>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android ViewPager自定義輪播圖并解決播放沖突
- Android自定義引導(dǎo)玩轉(zhuǎn)ViewPager的方法詳解
- Android自定義ViewPager實(shí)現(xiàn)縱向滑動(dòng)翻頁(yè)效果
- Android使用自定義PageTransformer實(shí)現(xiàn)個(gè)性的ViewPager動(dòng)畫切換效果
- Android 自定義布局豎向的ViewPager的實(shí)現(xiàn)
- Android自定義ViewPager指示器
- Android自定義ViewPager實(shí)現(xiàn)個(gè)性化的圖片切換效果
- Android自定義ViewPager實(shí)例
- Android自定義超級(jí)炫酷的ViewPage指示器
相關(guān)文章
Android使用Canvas對(duì)象實(shí)現(xiàn)刮刮樂(lè)效果
這篇文章主要介紹了Android使用Canvas對(duì)象實(shí)現(xiàn)刮刮樂(lè)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-04-04Android XmlPullParser 方式解析 Xml 文檔
這篇文章主要介紹了Android XmlPullParser 方式解析 Xml 文檔的相關(guān)資料,需要的朋友可以參考下2017-06-06Flutter懸浮按鈕FloatingActionButton使用詳解
本文主要介紹了Flutter懸浮按鈕FloatingActionButton使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-07-07解決android.support.v4.content.FileProvide找不到的問(wèn)題
這篇文章主要介紹了解決android.support.v4.content.FileProvide找不到的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-03-03在Android項(xiàng)目中使用AspectJ的詳細(xì)攻詻
AspectJ是實(shí)現(xiàn)AOP的其中一款框架,內(nèi)部通過(guò)處理字節(jié)碼實(shí)現(xiàn)代碼注入,文章給大家提到AspectJ基礎(chǔ)語(yǔ)法和集成AspectJ的方式,對(duì)AspectJ在android中使用教程感興趣的朋友跟隨小編一起看看吧2021-06-06PopupWindow自定義位置顯示的實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了PopupWindow自定義位置顯示,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10Android系統(tǒng)設(shè)置中的清除數(shù)據(jù)會(huì)清除哪些數(shù)據(jù)?
這篇文章主要介紹了Android系統(tǒng)設(shè)置中的清除數(shù)據(jù)會(huì)清除哪些數(shù)據(jù)?本文對(duì)比了清除前和清除后的數(shù)據(jù)情況,從而得出到底清除了哪些數(shù)據(jù),需要的朋友可以參考下2015-01-01