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如何集成swagger组件
Jun 21 Java/Android
Java基础-封装和继承
Jul 02 Java/Android
java设计模式--原型模式详解
Jul 21 Java/Android
一篇文章带你学习Mybatis-Plus(新手入门)
Aug 02 Java/Android
Java数据开发辅助工具Docker与普通程序使用方法
Sep 15 Java/Android
JAVA API 实用类 String详解
Oct 05 Java/Android
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
Jan 18 Java/Android
SSM项目使用拦截器实现登录验证功能
Jan 22 Java/Android
Java 超详细讲解hashCode方法
Apr 07 Java/Android
Android开发实现极为简单的QQ登录页面
Apr 24 Java/Android
带你了解Java中的ForkJoin
Apr 28 Java/Android
Java实现添加条码或二维码到Word文档
Jun 01 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
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
2014/06/16 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
html-webpack-plugin修改页面的title的方法
2020/06/18 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
python算法学习之计数排序实例
2013/12/18 Python
Python中暂存上传图片的方法
2015/02/18 Python
详解Python中break语句的用法
2015/05/14 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Python给图像添加噪声具体操作
2019/03/03 Python
Python微信操控itchat的方法
2019/05/31 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
Python 中Operator模块的使用
2021/01/30 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
建筑个人求职信范文
2014/01/25 职场文书
我的中国心演讲稿
2014/09/04 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
2014年项目经理工作总结
2014/11/24 职场文书