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)到最開(kāi)始或者最后的時(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)畫(huà)切換效果
- 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-04
Android XmlPullParser 方式解析 Xml 文檔
這篇文章主要介紹了Android XmlPullParser 方式解析 Xml 文檔的相關(guān)資料,需要的朋友可以參考下2017-06-06
Flutter懸浮按鈕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圓形控件實(shí)現(xiàn)畫(huà)圓效果
這篇文章主要為大家詳細(xì)介紹了Android圓形控件實(shí)現(xiàn)畫(huà)圓效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05
在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-06
PopupWindow自定義位置顯示的實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了PopupWindow自定義位置顯示,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
Android系統(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

