Android自定义ScrollView实现阻尼回弹
作者:YX_BB 时间:2021-11-23 07:20:19
Android开发中,当一个页面存放的控件超出屏幕时,通常需要使用ScrollView来包裹布局。这样用户可以通过手指的滑动来查看超出屏幕的部分。然而当ScrollView滑动到边界时,继续滑动只会显示一个阴影效果。iOS自带的控件却可以实现边界的阻尼回弹效果,这种阻尼回弹效果会让用户有更好的使用体验。这里给出一个Android上的实现方案
解决思路:
ScrollView使用时要求内部有且仅一个子View。当ScrollView滑动到边界时,让子View在ScrollView中随着手指按一定的规则进行平移,模拟出拉伸效果。当手指松开时,再让子View恢复拉伸前的位置,模拟出回弹效果。
完整的代码如下,详细的原理见注释即可
public class StretchScrollView extends NestedScrollView {
// 子View
private View innerView;
// 上次手势事件的y坐标
private float mLastY;
// 记录子View的正常位置
private Rect normal = new Rect();
public StretchScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
protected void onFinishInflate() {
initView();
super.onFinishInflate();
}
/**
* 获取ScrollView的子布局
*/
private void initView() {
// 去除原本ScrollView滚动到边界时的阴影效果
setOverScrollMode(OVER_SCROLL_NEVER);
if (getChildAt(0) != null) {
innerView = getChildAt(0);
}
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_UP:
// 手指松开恢复
if (!normal.isEmpty()) {
planAnimation();
normal.setEmpty();
mLastY = 0;
}
break;
case MotionEvent.ACTION_MOVE:
float currentY = ev.getY();
// 滑动距离
int distanceY = (int) (mLastY - currentY);
// 处理Y轴的滚动事件,当滚动到最上或者最下时需要移动布局
// 手指刚触及屏幕时,也会触发此事件,此时mLastY的值还是0,会立即触发一个比较大的移动。这里过滤掉这种情况
if (isNeedTranslate() && mLastY != 0) {
if (normal.isEmpty()) {
// 保存正常的布局位置
normal.set(innerView.getLeft(), innerView.getTop(), innerView.getRight(), innerView.getBottom());
}
// 移动布局, 使distance / 2 防止平移过快
innerView.layout(innerView.getLeft(), innerView.getTop() - distanceY / 2,
innerView.getRight(), innerView.getBottom() - distanceY / 2);
}
mLastY = currentY;
break;
}
return super.onTouchEvent(ev);
}
/**
* 回缩动画
*/
public void planAnimation() {
// 开启移动动画
TranslateAnimation animation = new TranslateAnimation(0, 0, innerView.getTop(), normal.top);
animation.setDuration(200);
innerView.startAnimation(animation);
// 补间动画并不会真正修改innerView的位置,这里需要设置使得innerView回到正常的布局位置
innerView.layout(normal.left, normal.top, normal.right, normal.bottom);
}
/**
* 是否需要Y移动布局
*/
public boolean isNeedTranslate() {
int offset = innerView.getMeasuredHeight() - getHeight();
int scrollY = getScrollY();
// 顶部或者底部
return scrollY == 0 || scrollY == offset;
}
}
来源:https://blog.csdn.net/YX_BB/article/details/104698970
标签:Android,ScrollView,阻尼回弹
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
解决Maven多模块编译慢的问题
2022-10-09 23:58:02
![](https://img.aspxhome.com/file/2023/0/99880_0s.png)
Spring整合Junit的使用详解
2022-11-20 18:33:17
Java线程之守护线程(Daemon)用法实例
2023-11-29 09:15:13
一场由Java中Integer引发的踩坑实战
2021-09-06 11:14:40
Spring Boot学习入门之AOP处理请求详解
2023-11-27 10:55:17
Spring Cloud 配置中心内容加密的配置方法
2023-02-11 09:05:15
Mybatis的Dao层实现原理分析
2022-08-19 19:00:35
![](https://img.aspxhome.com/file/2023/8/96128_0s.png)
Java关键字synchronized原理与锁的状态详解
2021-11-16 05:30:29
![](https://img.aspxhome.com/file/2023/5/116805_0s.png)
Java访问WebService返回XML数据的方法
2023-11-10 21:23:09
Java并发编程示例(八):处理线程的非受检异常
2022-03-23 14:15:57
Eclipse配置Tomcat和JDK步骤图解
2022-11-23 11:46:54
![](https://img.aspxhome.com/file/2023/5/125495_0s.png)
Java基础之this关键字的使用
2021-05-31 13:12:55
java秒杀之redis限流操作详解
2022-07-08 09:26:57
基于Java中字符串indexof() 的使用方法
2022-12-09 19:37:38
![](https://img.aspxhome.com/file/2023/7/65587_0s.jpg)
C#复杂XML反序列化为实体对象两种方式小结
2022-08-05 16:50:45
![](https://img.aspxhome.com/file/2023/4/82214_0s.png)
Android自定义view之围棋动画效果的实现
2022-05-07 17:36:38
![](https://img.aspxhome.com/file/2023/2/126682_0s.gif)
Android Studio实现智能聊天
2021-10-03 09:56:18
C#的File类实现文件操作实例详解
2022-08-03 14:33:44
![](https://img.aspxhome.com/file/2023/0/108650_0s.png)
C#书写规范
2023-07-09 09:15:57
Android获取手机通讯录、sim卡联系人及调用拨号界面方法
2021-07-02 00:41:07