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垃圾回收器
Jun 16 Java/Android
Java中常用解析工具jackson及fastjson的使用
Jun 28 Java/Android
Java elasticsearch安装以及部署教程
Jun 28 Java/Android
Java中CyclicBarrier和CountDownLatch的用法与区别
Aug 23 Java/Android
springboot新建项目pom.xml文件第一行报错的解决
Jan 18 Java/Android
关于EntityWrapper的in用法
Mar 22 Java/Android
Dubbo+zookeeper搭配分布式服务的过程详解
Apr 03 Java/Android
Android开发手册自定义Switch开关按钮控件
Jun 10 Java/Android
Mybatis-plus配置分页插件返回统一结果集
Jun 21 Java/Android
java实现自定义时钟并实现走时功能
Jun 21 Java/Android
Java中的Kafka为什么性能这么快及4大核心详析
Sep 23 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分页类代码
2013/04/02 PHP
PHP中shuffle数组值随便排序函数用法
2014/11/21 PHP
PHP实现动态执行代码的方法
2016/03/25 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PHP attributes()函数讲解
2019/02/03 PHP
js对图片base64编码字符串进行解码并输出图像示例
2014/03/17 Javascript
jQuery $命名冲突解决方案汇总
2014/11/13 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
JavaScript表单焦点自动切换代码
2016/07/24 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
浅析Python的Django框架中的Memcached
2015/07/23 Python
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
详解Python 函数如何重载?
2019/04/23 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
Python离线安装各种库及pip的方法
2020/11/28 Python
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
既然说Ruby中一切都是对象,那么Ruby中类也是对象吗
2013/01/26 面试题
我的中国梦演讲稿400字
2014/08/19 职场文书
合作意向协议书
2015/01/29 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
决心书格式范文
2015/09/23 职场文书
MySQL命令行操作时的编码问题详解
2021/04/14 MySQL
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
Mysql 一主多从的部署
2022/05/20 MySQL