網站首頁 編程語言 正文
本文實例為大家分享了Android實現回彈ScrollView的原理,供大家參考,具體內容如下
回彈的ScrollView
網上看到的通常是ElasticScrollView
,
有一個Bug:點擊子控件滑動時,滑動無效,
所以針對此問題,我對ElasticScrollView
做了改進。
原理圖
代碼
我在注釋中做了詳細的說明
import android.content.Context; import android.graphics.Rect; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.animation.Animation; import android.view.animation.DecelerateInterpolator; import android.view.animation.TranslateAnimation; import android.widget.ScrollView; /** ?* Created by Tindle Wei. ?*/ public class ElasticScrollView extends ScrollView { ? ? /** ? ? ?* 手指抖動誤差 ? ? ?*/ ? ? private static final int SHAKE_MOVE_VALUE = 8; ? ? /** ? ? ?* Scrollview內部的view ? ? ?*/ ? ? private View innerView; ? ? /** ? ? ?* 記錄innerView最初的Y位置 ? ? ?*/ ? ? private float startY; ? ? /** ? ? ?* 記錄原始innerView的大小位置 ? ? ?*/ ? ? private Rect outRect = new Rect(); ? ? private boolean animationFinish = true; ? ? public ElasticScrollView(Context context) { ? ? ? ? super(context); ? ? } ? ? public ElasticScrollView(Context context, AttributeSet attrs) { ? ? ? ? super(context, attrs); ? ? } ? ? /** ? ? ?* 繼承自View ? ? ?* 在xml的所有布局加載完之后執行 ? ? ?*/ ? ? @Override ? ? protected void onFinishInflate() { ? ? ? ? if (getChildCount() > 0) { ? ? ? ? ? ? innerView = getChildAt(0); ? ? ? ? } ? ? } ? ? /** ? ? ?* 繼承自ViewGroup ? ? ?* 返回true, 截取觸摸事件 ? ? ?* 返回false, 將事件傳遞給onTouchEvent()和子控件的dispatchTouchEvent() ? ? ?*/ ? ? @Override ? ? public boolean onInterceptTouchEvent(MotionEvent ev) { ? ? ? ? // 判斷 點擊子控件 or 按住子控件滑動 ? ? ? ? // 如果點擊子控件,則返回 false, 子控件響應點擊事件 ? ? ? ? // 如果按住子控件滑動,則返回 true, 滑動布局 ? ? ? ? switch (ev.getAction()) { ? ? ? ? ? ? case MotionEvent.ACTION_DOWN: { ? ? ? ? ? ? ? ? startY = ev.getY(); ? ? ? ? ? ? ? ? break; ? ? ? ? ? ? } ? ? ? ? ? ? case MotionEvent.ACTION_MOVE: { ? ? ? ? ? ? ? ? float currentY = ev.getY(); ? ? ? ? ? ? ? ? float scrollY = currentY - startY; ? ? ? ? ? ? ? ? // 是否返回 true ? ? ? ? ? ? ? ? return Math.abs(scrollY) > SHAKE_MOVE_VALUE; ? ? ? ? ? ? } ? ? ? ? } ? ? ? ? // 默認返回 false ? ? ? ? return super.onInterceptTouchEvent(ev); ? ? } ? ? @Override ? ? public boolean onTouchEvent(MotionEvent ev) { ? ? ? ? if (innerView == null) { ? ? ? ? ? ? return super.onTouchEvent(ev); ? ? ? ? } else { ? ? ? ? ? ? myTouchEvent(ev); ? ? ? ? } ? ? ? ? return super.onTouchEvent(ev); ? ? } ? ? public void myTouchEvent(MotionEvent ev) { ? ? ? ? if (animationFinish) { ? ? ? ? ? ? switch (ev.getAction()) { ? ? ? ? ? ? ? ? case MotionEvent.ACTION_DOWN: ? ? ? ? ? ? ? ? ? ? startY = ev.getY(); ? ? ? ? ? ? ? ? ? ? super.onTouchEvent(ev); ? ? ? ? ? ? ? ? ? ? break; ? ? ? ? ? ? ? ? case MotionEvent.ACTION_UP: ? ? ? ? ? ? ? ? ? ? startY = 0; ? ? ? ? ? ? ? ? ? ? if (isNeedAnimation()) { ? ? ? ? ? ? ? ? ? ? ? ? animation(); ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? super.onTouchEvent(ev); ? ? ? ? ? ? ? ? ? ? break; ? ? ? ? ? ? ? ? case MotionEvent.ACTION_MOVE: ? ? ? ? ? ? ? ? ? ? final float preY =? ? ? ? ? ? ? ? ? ? ? ? ? ? startY == 0 ? ev.getY() : startY; ? ? ? ? ? ? ? ? ? ? float nowY = ev.getY(); ? ? ? ? ? ? ? ? ? ? int deltaY = (int) (preY - nowY); ? ? ? ? ? ? ? ? ? ? startY = nowY; ? ? ? ? ? ? ? ? ? ? // 當滾動到最上或者最下時就不會再滾動,這時移動布局 ? ? ? ? ? ? ? ? ? ? if (isNeedMove()) { ? ? ? ? ? ? ? ? ? ? ? ? if (outRect.isEmpty()) { ? ? ? ? ? ? ? ? ? ? ? ? ? ? // 保存正常的布局位置 ? ? ? ? ? ? ? ? ? ? ? ? ? ? outRect.set(innerView ? ? ? ? ? ? ? ? ? ? ? ? ? ? .getLeft(), ?innerView.getTop(),? ? ? ? ? ? ? ? ? ? ? ? ? ? ? innerView.getRight(),? ? ? ? ? ? ? ? ? ? ? ? ? ? ? innerView.getBottom()); ? ? ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? ? ? // 移動布局 ? ? ? ? ? ? ? ? ? ? ? ? // 這里 deltaY/2 為了操作體驗更好 ? ? ? ? ? ? ? ? ? ? ? ? innerView.layout(innerView.getLeft(), ? ? ? ? ? ? ? ? ? ? ? ? ? innerView.getTop() - deltaY / 2, ? ? ? ? ? ? ? ? ? ? ? ? ? innerView.getRight(), ? ? ? ? ? ? ? ? ? ? ? ? ? innerView.getBottom() - deltaY / 2); ? ? ? ? ? ? ? ? ? ? } else { ? ? ? ? ? ? ? ? ? ? ? ? super.onTouchEvent(ev); ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? break; ? ? ? ? ? ? ? ? default: ? ? ? ? ? ? ? ? ? ? break; ? ? ? ? ? ? } ? ? ? ? } ? ? } ? ? /** ? ? ?* 開啟移動動畫 ? ? ?*/ ? ? public void animation() { ? ? ? ? TranslateAnimation ta = new TranslateAnimation(0, 0, 0, outRect.top - innerView.getTop()); ? ? ? ? ta.setDuration(400); ? ? ? ? // 減速變化 為了用戶體驗更好 ? ? ? ? ta.setInterpolator(new DecelerateInterpolator()); ? ? ? ? ta.setAnimationListener(new Animation.AnimationListener() { ? ? ? ? ? ? @Override ? ? ? ? ? ? public void onAnimationStart(Animation animation) { ? ? ? ? ? ? ? ? animationFinish = false; ? ? ? ? ? ? } ? ? ? ? ? ? @Override ? ? ? ? ? ? public void onAnimationRepeat(Animation animation) { ? ? ? ? ? ? } ? ? ? ? ? ? @Override ? ? ? ? ? ? public void onAnimationEnd(Animation animation) { ? ? ? ? ? ? ? ? innerView.clearAnimation(); ? ? ? ? ? ? ? ? // 設置innerView回到正常的布局位置 ? ? ? ? ? ? ? ? innerView.layout(outRect.left,? ? ? ? ? ? ? ? ? outRect.top, outRect.right, outRect.bottom); ? ? ? ? ? ? ? ? outRect.setEmpty(); ? ? ? ? ? ? ? ? animationFinish = true; ? ? ? ? ? ? } ? ? ? ? }); ? ? ? ? innerView.startAnimation(ta); ? ? } ? ? /** ? ? ?* 是否需要開啟動畫 ? ? ?*/ ? ? public boolean isNeedAnimation() { ? ? ? ? return !outRect.isEmpty(); ? ? } ? ? /** ? ? ?* 是否需要移動布局 ? ? ?*/ ? ? public boolean isNeedMove() { ? ? ? ? int offset = innerView.getMeasuredHeight() - getHeight(); ? ? ? ? offset = (offset < 0) ? 0: offset; ? ? ? ? int scrollY = getScrollY(); ? ? ? ? return (offset == 0 || scrollY == offset); ? ? } }
其他說明
1、下面是繼承關系:ElasticScrollView extends ScrollView
ScrollView extends FrameLayout
FrameLayout extends ViewGroup
ViewGroup extends View
2、解決子控件 截取滑動監聽的代碼在onInterceptTouchEvent() ,
通過監聽Y的變化,來判斷是點擊子控件還是上拉下拉
3、getMeasuredHeight()
返回的是原始測量高度,與屏幕無關,getHeight()
返回的是在屏幕上顯示的高度。
實際上在當屏幕可以包裹內容的時候,他們的值是相等的,只有當view
超出屏幕后,才能看出他們的區別。當超出屏幕后,getMeasuredHeight()
等于getHeight()
加上屏幕之外沒有顯示的高度。
4、getScrollY()
返回的是滑動View顯示部分的頂部
原文鏈接:https://blog.csdn.net/mennoa/article/details/43852861
相關推薦
- 2022-08-30 Springcloud--Nacos服務治理
- 2022-04-30 Python的進制轉換和ASCLL轉換你了解嗎_python
- 2022-09-13 go開源項目用戶名密碼驗證的邏輯鬼才寫法_Golang
- 2023-04-08 python如何實現數組反轉_python
- 2023-04-06 sql?server?2008數據庫不能添加附加文件的解決方法_mssql2008
- 2022-12-05 python中的腳本性能分析_python
- 2022-05-15 Python數據結構與算法中的棧詳解_python
- 2022-12-12 Flutter手機權限檢查與申請實現方法詳解_Android
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支