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 相关文章推荐
新手入门Jvm-- JVM对象创建与内存分配机制
Jun 18 Java/Android
Java并发编程之Executor接口的使用
Jun 21 Java/Android
Spring实现内置监听器
Jul 09 Java/Android
Java Spring 控制反转(IOC)容器详解
Oct 05 Java/Android
MyBatis自定义SQL拦截器示例详解
Oct 24 Java/Android
聊聊SpringBoot自动装配的魔力
Nov 17 Java/Android
Java 在线考试云平台的实现
Nov 23 Java/Android
关于MybatisPlus配置双数据库驱动连接数据库问题
Jan 22 Java/Android
java如何实现获取客户端ip地址的示例代码
Apr 07 Java/Android
Java时间工具类Date的常用处理方法
May 25 Java/Android
Android 中的类文件和类加载器详情
Jun 05 Java/Android
spring 项目实现限流方法示例
Jul 15 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 随机数的产生、页面跳转、件读写、文件重命名、switch语句
2009/08/07 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
2014/05/10 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
2011/07/22 Javascript
jquery 笔记 事件
2011/11/02 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
javascript如何创建对象
2016/08/29 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
jQuery AJAX应用实例总结
2020/05/19 jQuery
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
[56:41]iG vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/17 DOTA
微信跳一跳小游戏python脚本
2018/01/05 Python
python中报错"json.decoder.JSONDecodeError: Expecting value:"的解决
2019/04/29 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
Structs界面控制层技术
2013/10/11 面试题
学校出纳员岗位职责
2014/03/18 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
光荣之路观后感
2015/06/12 职场文书
python运行脚本文件的三种方法实例
2022/06/25 Python