自定义View系列(8)--越界回弹ScrollView

最新推荐文章于 2026-04-22 21:54:52 发布
原创 最新推荐文章于 2026-04-22 21:54:52 发布 · 2.7k 阅读 · 2
本文介绍了如何实现一个自定义的ScrollView，支持越界回弹、多点触控和自定义特性。通过事件分发处理、滑动计算以及手指抬起后的动画效果来达到回弹效果。同时，该ScrollView允许设置阻尼系数、最大滑动距离和插值器，且不影响原生手势处理。

难度

中等

效果说明

越界回弹的效果不用多说了吧，大家应该都知道， 不知道的看下方效果图。

效果图

效果图

特性说明

  • 支持阻尼系数
  • 支持多指触控
  • 支持上拉回弹、下拉回弹
  • 支持设置开启/关闭回弹：ENABLED_ALL、ENABLED_TOP、ENABLED_BOTTOM 、ENABLED_NONE
  • 不影响原有手势的分发处理
  • 支持设置最大滑动距离
  • 支持设置插值器

实现原理

整体采用offsetTopAndBottom()+ValueAnimator实现。

事件分发处理

重写dispatchTouchEvent(MotionEvent ev)方法，在ACTION_DOWN中判断是否可以下拉或者上拉，如果可以，就拦截此次事件

滑动处理

在ACTION_MOVE中，计算每次滑动的差值diffY,然后使用offsetTopAndBottom() 进行滑动

手指抬起处理

在ACTION_UP中，获取已滑动的距离scrollY，然后使用ValueAnimator计算每一帧滑动的距离，最后再次使用offsetTopAndBottom(

最低0.47元/天 解锁文章
安卓 ScrollView 边界拖动回弹和惯性回弹
01-17
安卓 ScrollView 边界拖动回弹和惯性回弹。
Android仿ios回弹效果 scrollview回弹
07-13
http://blog.csdn.net/aaawqqq/article/category/2162679 我的blog http://blog.csdn.net/aaawqqq/article/category/2162679
Android 列表越界回弹效果实现
康康
08-29 2186
一、越界回弹效果的例子 二、效果拆分 下拉、上拉越界回弹：已到达列表顶部，执行下拉操作，此时会进行越界回弹 惯性滑动 越界回弹：快速滑动列表，列表已到达底部，但由于惯性会继续前进一部分，此时会根据速度决定越界的距离以及回弹的速度 三、下拉、上拉越界回弹实现方式及代码 在实际项目中可能在多个页面都需要回弹的效果，所以需要尽可能的减少与需要回弹view的耦合代码。所以可以自定义一个ViewGroup来包裹需要回弹的view。 public class PullOverLayout extends Rel
Android 仿IOS拖动页面越界回弹效果，使用SmartRefreshLayout
杨迪龙的博客
03-23 4325
Android 仿IOS拖动页面越界回弹效果，使用SmartRefreshLayout前言效果图流程添加控件依赖初始化样式在布局中使用最后感谢 前言 如果一家公司要同时开发IOS端客户端和Android端客户端。那么设计那边肯定根据IOS的来做原型。就算不是，测试大爷测试的时候也会告诉你。两边效果不一样，你改一下… 不过，不可否认IOS端的动画效果真的好看。。。 最常见需要和iOS端统一的，不然...
# Android Jetpack Compose 自定义 iOS 风格 Bounce 回弹：基于 OverscrollEffect 实现 LazyColumn 越界滚动效果
最新发布
sinat_32510815的博客
04-22 672
# Android Jetpack Compose 自定义 iOS 风格 Bounce 回弹：基于 OverscrollEffect 实现 LazyColumn 越界滚动效果
Android实现IOS越界回弹的效果
iostyle 的博客
04-14 2262
首先这是一个我个人比较喜欢的一个效果，但是Android为了区别于IOS，当页面overScroll的时候显示的是阴影，我觉得巨丑无比 = = 不知道大家有没有发现这个效果在一些PTR（下拉刷新..）类的控件上有有所体现？ so..下面说一下Android实现这个效果的方法 首先，借用一个三方的框架 ，其实也就是主要是这样啦~\(≧▽≦)/~   哈哈。。 地址是这个http
Android 越界回弹（支持水平和垂直方向）
qq_21467035的博客
11-01 1721
1、直接上图: 2、直接上代码 public class DampingReboundLayout extends ViewGroup implements NestedScrollingParent3, NestedScrollingParent2, NestedScrollingChild3, NestedScrollingChild2, NestedScrollingParent, NestedScrollingChild { private st.
安卓开发中实现页面越界回弹和上下拉的刷新自定义动画的操作（TwinklingRefreshLayout布局的使用）
The blog of CSDN in 杨天福
10-25 7465
概述 TwinklingRefreshLayout实现越界回弹的写法 TwinklingRefreshLayout上拉加载更多下拉刷新的自定义属性 自定义的PullToRefresh实现的越界回弹和刷新操作概述： 安卓原生页面经常会有类似iOS那种越界回弹的效果，感觉看起来比价灵动，不是说一定要跟着iOS走，只是为了实现更好的效果，TwinklingRefreshLayout这是个布局文件，本质
Android 自定义可回弹的ScollView
饮料
08-04 635
前言 为了增强用户体验，我们经常会选择自定义一个可回弹的ScrollView，效果还是很明显的 这个似乎是仿IOS回弹效果 把原来的ScollView标签换一下就好了 <?xml version="1.0" encoding="utf-8"?> <com.mycompany.myapp.MyScrollView xmlns:android="http://schemas.a...
Android自定义View实现滑动回弹(竖)
DwView的博客
09-07 744
前言 Android 页面滑动的时候的回弹效果： 一、关键代码 public class UniversalBounceView extends FrameLayout implements IPull { private static final String TAG = "UniversalBounceView"; //default. private static final int SCROLL_DURATION = 200; privat...
Android自定义View--ScrollView实现回弹效果
loveqRc的博客
12-08 1408
需要实现的功能当下滑或上滑到尽头时还能继续滑动，释放手指后能自动回弹到原来的位置需要用到的知识点 getScrollY() getScrollY是当前view的左上角相对于母视图(这里是ScrollView)的左上角的Y轴偏移量,上拉值增加，反之亦然。 getMeasuredHeight() getHeight() 1.getMeasuredHeight()返回的是原始测量高度，与屏幕无关，ge
Android原理——回弹ScrollView
firefist_wei的专栏
02-17 2253
回弹的ScrollView网上看到的通常是ElasticScrollView， 有一个Bug：点击子控件滑动时，滑动无效， 所以针对此问题，我对ElasticScrollView做了改进。 原理图代码我在注释中做了详细的说明import android.content.Context; import android.graphics.Rect; import android.util.Attr
TwinklingRefreshLayout 支持下拉刷新和上拉加载的 RefreshLayout,自带越界回弹效果，支持 RecyclerView,AbsListView,ScrollView,We
热门推荐
未来很长，但我会努力的走下去。
10-26 2万+
支持下拉刷新和上拉加载的 RefreshLayout,自带越界回弹效果，支持 RecyclerView,AbsListView,ScrollView,WebView
scrollview的回弹效果
12-24
有详细的代码注释，代码量少，易懂，当scrollview滑动至顶部或者底部时，都可以在回弹
仿IOS的越界回弹效果和左右滑动功能
08-28
本文主要给大家讲述了制作一个仿IOS的越界回弹效果和左右滑动功能,简易的侧滑菜单控件，对此有兴趣的朋友参考下学习下吧。
Android一个具有弹簧效果的RecyclerView
06-04
SpringRecyclerView SpringRecyclerView是一个RecyclerView具有弹簧效果，当被拖动或flinged到overScroll。 ListView版本：https : //github.com/gjiazhe/SpringListView
具有回弹效果的RecyclerView，RecyclerView外层可滚动容器（二）
Dev小白的博客
01-10 1万+
上一篇菊花loading可以根据项目的的UI设计要求设置自己需要的样式，现在再贴一 段color[]代码，   private String[] color = {"#aaaaaa", "#999999", "#888888", "#777777", "#666666", "#bbbbbb"};   这个颜色数组可以可以很好的模仿出ios的菊花颜色，然后是菊花矩形圆角问题，  可以
【高级UI】【025】手动为ScrollView添加回弹效果
天天向上 Up Up Up (*^▽^*)
03-02 3076
效果 ScrollView滚动到最顶端和最底端时，还可以继续拉伸出一片空白区域，手松开后再回弹到正常状态 实现思路 到达顶端和底端后，还想继续拉伸，这个可以通过layout方法对Content重新定位就能实现 回弹效果，可以通过平移动画TranslateAnimation来实现 当内容没到达顶端或底端时，通过ScrollView默认的onTouchEvent处理来正常滚动即可 根据ScrollView的大小，ScrollView的滚动距离，ContentView的大小，可以判断控件是否滚动到顶端 核心代
android自定义ImageView实现缩放，回弹效果
余炜的博客
05-28 754
话不多说上代码： MainActivity.java public class MainActivity extends Activity{ private LinearLayout ll_viewArea; private LinearLayout.LayoutParams parm; private ViewArea viewArea; @Overr...
NestedScrollView吸顶和回弹
pious_of_song的博客
03-19 2097
NestedScrollView吸顶和回弹demo 核心代码如下： private NestedScrollView scrollView; private int scrollDy = 0; private int scrollOldDy = 0; private void scrollAnimate() { scrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() { @Ov
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值