Android自定义View实现竖向滑动回弹效果
本文实例为大家分享了Android自定义View实现滑动回弹的具体代码，供大家参考，具体内容如下
前言
Android 页面滑动的时候的回弹效果
一、关键代码
public class UniversalBounceView extends FrameLayout implements IPull {
private static final String TAG = "UniversalBounceView";
//default.
private static final int SCROLL_DURATION = 200;
private static final float SCROLL_FRACTION = 0.4f;
private static final int VIEW_TYPE_NORMAL = 0;
private static final int VIEW_TYPE_ABSLISTVIEW = 1;
private static final int VIEW_TYPE_SCROLLVIEW = 2;
private static float VIEW_SCROLL_MAX = 720;
private int viewHeight;
private AbsListView alv;
private OnBounceStateListener onBounceStateListener;
private View child;
private Scroller scroller;
private boolean pullEnabled = true;
private boolean pullPaused;
private int touchSlop = 8;
private int mPointerId;
private float downY, lastDownY, tmpY;
private int lastPointerIndex;
private float moveDiffY;
private boolean isNotJustInClickMode;
private int moveDelta;
private int viewType = VIEW_TYPE_NORMAL;
public UniversalBounceView(Context context) {
super(context);
init(context);
}
public UniversalBounceView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public UniversalBounceView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
private void init(Context context) {
scroller = new Scroller(context, new CustomDecInterpolator());
touchSlop = (int) (ViewConfiguration.get(context).getScaledTouchSlop() * 1.5);
}
class CustomDecInterpolator extends DecelerateInterpolator {
public CustomDecInterpolator() {
super();
}
public CustomDecInterpolator(float factor) {
super(factor);
}
public CustomDecInterpolator(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public float getInterpolation(float input) {
return (float) Math.pow(input, 6.0 / 12);
}
}
private void checkCld() {
int cnt = getChildCount();
if (1 <= cnt) {
child = getChildAt(0);
} else if (0 == cnt) {
pullEnabled = false;
child = new View(getContext());
} else {
throw new ArrayIndexOutOfBoundsException("child count can not be less than 0.");
}
}
@Override
protected void onFinishInflate() {
checkCld();
super.onFinishInflate();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
viewHeight = h;
VIEW_SCROLL_MAX = h * 1 / 3;
}
private boolean isTouch = true;
public void setTouch(boolean isTouch) {
this.isTouch = isTouch;
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
if (!isTouch) {
return true;
} else {
try {
if (isPullEnable()) {
if (ev.getActionMasked() == MotionEvent.ACTION_MOVE) {
if (Math.abs(ev.getY() - tmpY) < touchSlop) {
return super.dispatchTouchEvent(ev);
} else {
tmpY = Integer.MIN_VALUE;
}
}
return takeEvent(ev);
}
} catch (IllegalArgumentException | IllegalStateException e) {
e.printStackTrace();
}
if (getVisibility() != View.VISIBLE) {
return true;
}
return super.dispatchTouchEvent(ev);
}
}
private boolean takeEvent(MotionEvent ev) {
int action = ev.getActionMasked();
switch (action) {
case MotionEvent.ACTION_DOWN:
mPointerId = ev.getPointerId(0);
downY = ev.getY();
tmpY = downY;
scroller.setFinalY(scroller.getCurrY());
setScrollY(scroller.getCurrY());
scroller.abortAnimation();
pullPaused = true;
isNotJustInClickMode = false;
moveDelta = 0;
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
pullPaused = false;
smoothScrollTo(0);
if (isNotJustInClickMode) {
ev.setAction(MotionEvent.ACTION_CANCEL);
}
postDelayed(new Runnable() {
@Override
public void run() {
if (getScrollY() == 0 && onBounceStateListener != null) {
onBounceStateListener.overBounce();
}
}
}, 200);
break;
case MotionEvent.ACTION_MOVE:
lastPointerIndex = ev.findPointerIndex(mPointerId);
lastDownY = ev.getY(lastPointerIndex);
moveDiffY = Math.round((lastDownY - downY) * getScrollFraction());
downY = lastDownY;
boolean canStart = isCanPullStart();
boolean canEnd = isCanPullEnd();
int scroll = getScrollY();
float total = scroll - moveDiffY;
if (canScrollInternal(scroll, canStart, canEnd)) {
handleInternal();
break;
}
if (Math.abs(scroll) > VIEW_SCROLL_MAX) {
return true;
}
if ((canStart && total < 0) || (canEnd && total > 0)) {
if (moveDelta < touchSlop) {
moveDelta += Math.abs(moveDiffY);
} else {
isNotJustInClickMode = true;
}
if (onBounceStateListener != null) {
onBounceStateListener.onBounce();
}
scrollBy(0, (int) -moveDiffY);
return true;
}
// else if ((total > 0 && canStart) || (total < 0 && canEnd)) {
// if (moveDelta < touchSlop) {
// moveDelta += Math.abs(moveDiffY);
// } else {
// isNotJustInClickMode = true;
// }
// scrollBy(0, -scroll);
// return true;
// }
break;
case MotionEvent.ACTION_POINTER_UP:
handlePointerUp(ev, 1);
break;
default:
break;
}
return super.dispatchTouchEvent(ev);
}
private boolean canScrollInternal(int scroll, boolean canStart, boolean canEnd) {
boolean result = false;
if ((child instanceof RecyclerView) || (child instanceof AbsListView) || child instanceof ScrollView) {
viewType = VIEW_TYPE_ABSLISTVIEW;
result = canStart && canEnd;
} else if (child instanceof ScrollView || child instanceof NestedScrollView) {
viewType = VIEW_TYPE_SCROLLVIEW;
} else {
return false;
}
if (result) {
isNotJustInClickMode = true;
if (moveDelta < touchSlop) {
moveDelta += Math.abs(moveDiffY);
return true;
}
return false;
}
if (((scroll == 0 && canStart && moveDiffY < 0) || (scroll == 0 && canEnd && moveDiffY > 0) || (!canStart && !canEnd))) {
return true;
}
if (moveDelta < touchSlop) {
moveDelta += Math.abs(moveDiffY);
return true;
} else {
isNotJustInClickMode = true;
}
return false;
}
private void handleInternal() {
}
private void handlePointerUp(MotionEvent event, int type) {
int pointerIndexLeave = event.getActionIndex();
int pointerIdLeave = event.getPointerId(pointerIndexLeave);
if (mPointerId == pointerIdLeave) {
int reIndex = pointerIndexLeave == 0 ? 1 : 0;
mPointerId = event.getPointerId(reIndex);
// 调整触摸位置，防止出现跳动
downY = event.getY(reIndex);
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return super.onTouchEvent(event);
}
private void smoothScrollTo(int value) {
int scroll = getScrollY();
scroller.startScroll(0, scroll, 0, value - scroll, SCROLL_DURATION);
postInvalidate();
}
@Override
public void computeScroll() {
super.computeScroll();
if (!pullPaused && scroller.computeScrollOffset()) {
scrollTo(scroller.getCurrX(), scroller.getCurrY());
postInvalidate();
}
}
private float getScrollFraction() {
float ratio = Math.abs(getScrollY()) / VIEW_SCROLL_MAX;
ratio = ratio < 1 ? ratio : 1;
float fraction = (float) (-2 * Math.cos((ratio + 1) * Math.PI) / 5.0f) + 0.1f;
return fraction < 0.10f ? 0.10f : fraction;
}
@Override
public boolean isPullEnable() {
return pullEnabled;
}
@Override
public boolean isCanPullStart() {
if (child instanceof RecyclerView) {
RecyclerView recyclerView = (RecyclerView) child;
return !recyclerView.canScrollVertically(-1);
}
if (child instanceof AbsListView) {
AbsListView lv = (AbsListView) child;
return !lv.canScrollVertically(-1);
}
if (child instanceof RelativeLayout
|| child instanceof FrameLayout
|| child instanceof LinearLayout
|| child instanceof WebView
|| child instanceof View) {
return child.getScrollY() == 0;
}
return false;
}
@Override
public boolean isCanPullEnd() {
if (child instanceof RecyclerView) {
RecyclerView recyclerView = (RecyclerView) child;
return !recyclerView.canScrollVertically(1);
}
if (child instanceof AbsListView) {
AbsListView lv = (AbsListView) child;
int first = lv.getFirstVisiblePosition();
int last = lv.getLastVisiblePosition();
View view = lv.getChildAt(last - first);
if (null == view) {
return false;
} else {
return (lv.getCount() - 1 == last) &&
(view.getBottom() <= lv.getHeight());
}
}
if (child instanceof ScrollView) {
View v = ((ScrollView) child).getChildAt(0);
if (null == v) {
return true;
} else {
return child.getScrollY() >= v.getHeight() - child.getHeight();
}
}
if (child instanceof NestedScrollView) {
View v = ((NestedScrollView) child).getChildAt(0);
if (null == v) {
return true;
} else {
return child.getScrollY() >= v.getHeight() - child.getHeight();
}
}
if (child instanceof WebView) {
return (((WebView) child).getContentHeight() * ((WebView) child).getScale()) - (((WebView) child).getHeight() + ((WebView) child).getScrollY()) <= 10;
}
if (child instanceof RelativeLayout
|| child instanceof FrameLayout
|| child instanceof LinearLayout
|| child instanceof View) {
return (child.getScrollY() == 0);
}
return false;
}
/**
* 通过addView实现效果回弹效果
*
* @param replaceChildView 需要替换的View
*/
public void replaceAddChildView(View replaceChildView) {
if (replaceChildView != null) {
removeAllViews();
child = replaceChildView;
addView(replaceChildView);
}
}
public void setPullEnabled(boolean enable) {
pullEnabled = enable;
}
public interface OnBounceStateListener {
public void onBounce();
public void overBounce();
}
public void setOnBounceStateListener(OnBounceStateListener onBounceStateListener) {
this.onBounceStateListener = onBounceStateListener;
}
@Override
public boolean dispatchKeyEvent(KeyEvent event) {
try {
return super.dispatchKeyEvent(event);
} catch (IllegalArgumentException | IllegalStateException e) {
e.printStackTrace();
}
return false;
}
@Override
public void dispatchWindowFocusChanged(boolean hasFocus) {
try {
super.dispatchWindowFocusChanged(hasFocus);
} catch (IllegalArgumentException | IllegalStateException e) {
e.printStackTrace();
}
}
}
二、注意要点
滑动结束的时候要防止动画抖动
private void handlePointerUp(MotionEvent event, int type) {
int pointerIndexLeave = event.getActionIndex();
int pointerIdLeave = event.getPointerId(pointerIndexLeave);
if (mPointerId == pointerIdLeave) {
int reIndex = pointerIndexLeave == 0 ? 1 : 0;
mPointerId = event.getPointerId(reIndex);
// 调整触摸位置，防止出现跳动
downY = event.getY(reIndex);
}
}
总结
以上就是文章的主要内容，实现了竖向滑动回弹的效果。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
相关推荐
-
Android ScrollView的顶部下拉和底部上拉回弹效果
要实现ScrollView的回弹效果,需要对其进行触摸事件处理.先来看一下简单的效果: 根据Android的View事件分发处理机制,下面对dispatchTouchEvent进行详细分析: 在加载布局完成之后,获取ScrollView的第一个子元素,保存它的参数,left top right bottom参数,根据顶部下拉操作和底部上拉操作进行子View的布局参数根据滑动距离改变,ACTION_UP的时候判断是否存在回弹,如果需要则进行动画回弹到原来的位置,可以添加一个回弹结束监听,比如监听回
-
android ScrollView实现水平滑动回弹
本文实例为大家分享了android ScrollView实现水平滑动回弹的具体代码,供大家参考,具体内容如下 在研究了View的一些属性之后做了个Scroll的水平滑动回弹. 效果图: 主要代码: import android.content.Context; import android.graphics.Rect; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.Vi
-
android实现可上下回弹的scrollview
在ios手机上经常看到页面上下滑动回弹效果,安卓中没有原生控件支持,这里自己就去自定义一个scrollview实现回弹效果 1. 新建MyScrollView并继承ScrollView,可以通过事件分发机制拦截并处理滑动事件 2. 重写事件分发拦截事件onInterceptTouchEvent方法,计算是否需要拦截事件 //拦截:实现父视图对子视图的拦截 //是否拦截成功,取决于方法的返回值.返回值true:拦截成功.反之,拦截失败 private int lastY;//上一次y轴方向操作的坐
-
Android实现背景图滑动变大松开回弹效果
本文实例为大家分享了Android实现背景图滑动变大松开回弹的具体代码,供大家参考,具体内容如下 原图 放大后 1.自定义view继承ScrollView实现效果 public class HeadZoomScrollView extends ScrollView { private View mZoomView; private int mZoomViewWidth; private int mZoomViewHeight; private float firs
-
Android实现橡皮筋回弹和平移缩放效果
本文实例为大家分享了Android实现橡皮筋回弹和平移缩放的具体代码,供大家参考,具体内容如下 前言 由于最近在做一个view的平移缩放功能以及橡皮筋效果,不过网上查到的大多数都是分开实现的,所以我这里把这两种功能整合到了一起 代码实现 这里我写把效果分开来写,最后再合并 平移.缩放 mLayout.java import android.content.Context; import android.util.AttributeSet; import android.view.MotionEv
-
Android实现回弹ScrollView的原理
本文实例为大家分享了Android实现回弹ScrollView的原理,供大家参考,具体内容如下 回弹的ScrollView 网上看到的通常是ElasticScrollView,有一个Bug:点击子控件滑动时,滑动无效,所以针对此问题,我对ElasticScrollView做了改进. 原理图 代码 我在注释中做了详细的说明 import android.content.Context; import android.graphics.Rect; import android.util.Attrib
-
Android ScrollView实现滚动超过边界松手回弹
ScrollView滚动超过边界,松手回弹 Android原生的ScrollView滑动到边界之后,就不能再滑动了,感觉很生硬.不及再多滑动一段距离,松手后回弹这种效果顺滑一些. 先查看下滚动里面代码的处理 case MotionEvent.ACTION_MOVE: final int activePointerIndex = ev.findPointerIndex(mActivePointerId); if (activePointerIndex == -1) {
-
android自定义滚动上下回弹scollView
本文实例为大家分享了android自定义滚动上下回弹scollView的具体代码,供大家参考,具体内容如下 这是一个自定义view,在xml布局中用这个view嵌套要使之可以上下回弹的view 就能实现布局可以滚动上下回弹了,自定义view代码如下: package com.loopfire.meitaotao.view.scrollView; import android.content.Context; import android.graphics.Rect; import andro
-
Android自定义实现可回弹的ScollView
前言 仿IOS回弹效果 为了增强用户体验,自定义一个可回弹的ScrollView是一个不错的选择,而且这种效果还是很简单的 把原来的ScollView标签替换一下就好了 <?xml version="1.0" encoding="utf-8"?> <com.mycompany.myapp.MyScrollView xmlns:android="http://schemas.android.com/apk/res/android&qu
-
Android基于reclyview实现列表回弹动画效果
reclyview实现列表回弹动画效果,供大家参考,具体内容如下 1.reclyview列表布局文件 <com.example.demo1.ReboundLayout android:id="@+id/view" android:layout_width="match_parent" android:layout_height="match_parent" android:ba