Android自定义ScrollView实现阻尼回弹


Posted in Java/Android onApril 01, 2022

Android开发中,当一个页面存放的控件超出屏幕时,通常需要使用ScrollView来包裹布局。这样用户可以通过手指的滑动来查看超出屏幕的部分。然而当ScrollView滑动到边界时,继续滑动只会显示一个阴影效果。iOS自带的控件却可以实现边界的阻尼回弹效果,这种阻尼回弹效果会让用户有更好的使用体验。这里给出一个Android上的实现方案

解决思路:

ScrollView使用时要求内部有且仅一个子View。当ScrollView滑动到边界时,让子View在ScrollView中随着手指按一定的规则进行平移,模拟出拉伸效果。当手指松开时,再让子View恢复拉伸前的位置,模拟出回弹效果。

Android自定义ScrollView实现阻尼回弹

完整的代码如下,详细的原理见注释即可

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;
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Java/Android 相关文章推荐
Java日常练习题,每天进步一点点(38)
Jul 26 Java/Android
springboot+WebMagic+MyBatis爬虫框架的使用
Aug 07 Java/Android
Java org.w3c.dom.Document 类方法引用报错
Aug 07 Java/Android
Springboot如何同时装配两个相同类型数据库
Nov 17 Java/Android
SSM项目使用拦截器实现登录验证功能
Jan 22 Java/Android
Android自定义ScrollView实现阻尼回弹
Apr 01 Java/Android
Flutter Navigator 实现路由传递参数
Apr 22 Java/Android
Android开发 使用文件储存的方式保存QQ密码
Apr 24 Java/Android
Java线程的6种状态与生命周期
May 11 Java/Android
JAVA springCloud项目搭建流程
May 11 Java/Android
java实现面板之间切换功能
Jun 10 Java/Android
Android Gradle 插件自定义Plugin实现注意事项
Jun 16 Java/Android
Java实战之课程信息管理系统的实现
Android超详细讲解组件ScrollView的使用
Spring Boot DevTools 全局配置学习指南
Spring事务管理下synchronized锁失效问题的解决方法
Mar 31 #Java/Android
Spring依赖注入多种类型数据的示例代码
Mar 31 #Java/Android
springboot layui hutool Excel导入的实现
spring注解 @PropertySource配置数据源全流程
Mar 25 #Java/Android
You might like
文章推荐系统(三)
2006/10/09 PHP
模拟flock实现文件锁定
2007/02/14 PHP
php 带逗号千位符数字的处理方法
2012/01/10 PHP
PHP速成大法
2015/01/30 PHP
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
Node.js和PHP根据ip获取地理位置的方法
2014/03/14 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
2016/05/25 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
angularjs数组判断是否含有某个元素的实例
2018/02/27 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
python 判断一个进程是否存在
2009/04/09 Python
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
python Socket之客户端和服务端握手详解
2017/09/18 Python
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
python编写微信公众号首图思路详解
2019/12/13 Python
python要安装在哪个盘
2020/06/15 Python
《北京的春节》教学反思
2014/04/07 职场文书
优秀应届生求职信
2014/06/16 职场文书
大学生求职信例文
2014/06/29 职场文书
终止劳动合同证明书样本
2014/11/19 职场文书
2014年化验室工作总结
2014/11/21 职场文书
PHP解决高并发问题
2021/04/01 PHP
详解Python牛顿插值法
2021/05/11 Python
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏