Android自定義ScrollView實(shí)現(xiàn)阻尼回彈
Android開發(fā)中,當(dāng)一個(gè)頁(yè)面存放的控件超出屏幕時(shí),通常需要使用ScrollView來包裹布局。這樣用戶可以通過手指的滑動(dòng)來查看超出屏幕的部分。然而當(dāng)ScrollView滑動(dòng)到邊界時(shí),繼續(xù)滑動(dòng)只會(huì)顯示一個(gè)陰影效果。iOS自帶的控件卻可以實(shí)現(xiàn)邊界的阻尼回彈效果,這種阻尼回彈效果會(huì)讓用戶有更好的使用體驗(yàn)。這里給出一個(gè)Android上的實(shí)現(xiàn)方案
解決思路:
ScrollView使用時(shí)要求內(nèi)部有且僅一個(gè)子View。當(dāng)ScrollView滑動(dòng)到邊界時(shí),讓子View在ScrollView中隨著手指按一定的規(guī)則進(jìn)行平移,模擬出拉伸效果。當(dāng)手指松開時(shí),再讓子View恢復(fù)拉伸前的位置,模擬出回彈效果。
完整的代碼如下,詳細(xì)的原理見注釋即可
public class StretchScrollView extends NestedScrollView { ? ? // 子View ? ? private View innerView; ? ? // 上次手勢(shì)事件的y坐標(biāo) ? ? 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滾動(dòng)到邊界時(shí)的陰影效果 ? ? ? ? setOverScrollMode(OVER_SCROLL_NEVER); ? ? ? ? if (getChildAt(0) != null) { ? ? ? ? ? ? innerView = getChildAt(0); ? ? ? ? } ? ? } ? ? @Override ? ? public boolean onTouchEvent(MotionEvent ev) { ? ? ? ? switch (ev.getAction()) { ? ? ? ? ? ? case MotionEvent.ACTION_UP: ? ? ? ? ? ? ? ? // 手指松開恢復(fù) ? ? ? ? ? ? ? ? if (!normal.isEmpty()) { ? ? ? ? ? ? ? ? ? ? planAnimation(); ? ? ? ? ? ? ? ? ? ? normal.setEmpty(); ? ? ? ? ? ? ? ? ? ? mLastY = 0; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? break; ? ? ? ? ? ? case MotionEvent.ACTION_MOVE: ? ? ? ? ? ? ? ? float currentY = ev.getY(); ? ? ? ? ? ? ? ? // 滑動(dòng)距離 ? ? ? ? ? ? ? ? int distanceY = (int) (mLastY - currentY); ? ? ? ? ? ? ? ? // 處理Y軸的滾動(dòng)事件,當(dāng)滾動(dòng)到最上或者最下時(shí)需要移動(dòng)布局 ? ? ? ? ? ? ? ? // 手指剛觸及屏幕時(shí),也會(huì)觸發(fā)此事件,此時(shí)mLastY的值還是0,會(huì)立即觸發(fā)一個(gè)比較大的移動(dòng)。這里過濾掉這種情況 ? ? ? ? ? ? ? ? if (isNeedTranslate() && mLastY != 0) { ? ? ? ? ? ? ? ? ? ? if (normal.isEmpty()) { ? ? ? ? ? ? ? ? ? ? ? ? // 保存正常的布局位置 ? ? ? ? ? ? ? ? ? ? ? ? normal.set(innerView.getLeft(), innerView.getTop(), innerView.getRight(), innerView.getBottom()); ? ? ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? // 移動(dòng)布局, 使distance / 2 防止平移過快 ? ? ? ? ? ? ? ? ? ? innerView.layout(innerView.getLeft(), innerView.getTop() - distanceY / 2, ? ? ? ? ? ? ? ? ? ? ? ? ? ? innerView.getRight(), innerView.getBottom() - distanceY / 2); ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? mLastY = currentY; ? ? ? ? ? ? ? ? break; ? ? ? ? } ? ? ? ? return super.onTouchEvent(ev); ? ? } ? ? /** ? ? ?* 回縮動(dòng)畫 ? ? ?*/ ? ? public void planAnimation() { ? ? ? ? // 開啟移動(dòng)動(dòng)畫 ? ? ? ? TranslateAnimation animation = new TranslateAnimation(0, 0, innerView.getTop(), normal.top); ? ? ? ? animation.setDuration(200); ? ? ? ? innerView.startAnimation(animation); ? ? ? ? // 補(bǔ)間動(dòng)畫并不會(huì)真正修改innerView的位置,這里需要設(shè)置使得innerView回到正常的布局位置 ? ? ? ? innerView.layout(normal.left, normal.top, normal.right, normal.bottom); ? ? } ? ? /** ? ? ?* 是否需要Y移動(dòng)布局 ? ? ?*/ ? ? public boolean isNeedTranslate() { ? ? ? ? int offset = innerView.getMeasuredHeight() - getHeight(); ? ? ? ? int scrollY = getScrollY(); ? ? ? ? // 頂部或者底部 ? ? ? ? return scrollY == 0 || scrollY == offset; ? ? } }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android SwipeRefreshLayout仿抖音app靜態(tài)刷新
這篇文章主要為大家詳細(xì)介紹了Android SwipeRefreshLayout仿抖音app靜態(tài)刷新,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03Android填坑系列:在小米系列等機(jī)型上放開定位權(quán)限后的定位請(qǐng)求彈框示例
本文詳細(xì)介紹了在小米系列等機(jī)型上放開定位權(quán)限后的定位請(qǐng)求彈框示例,例如在應(yīng)用軟件中提示顯示定位服務(wù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2016-11-11Android 屬性動(dòng)畫原理與DataBinding
這篇文章主要介紹了Android 屬性動(dòng)畫原理與DataBinding的相關(guān)資料,需要的朋友可以參考下2017-04-04Flutter使用JsBridge方式處理Webview與H5通信的方法
這篇文章主要介紹了Flutter使用JsBridge方式處理Webview與H5通信的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04Android開發(fā)之多媒體文件獲取工具類實(shí)例【音頻,視頻,圖片等】
這篇文章主要介紹了Android開發(fā)之多媒體文件獲取工具類,結(jié)合實(shí)例形式分析了Android獲取音頻,視頻及圖片等多媒體資源的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10Android進(jìn)階Hook攔截系統(tǒng)實(shí)例化View過程實(shí)現(xiàn)App換膚功能
這篇文章主要為大家介紹了Android進(jìn)階Hook攔截系統(tǒng)實(shí)例化View過程實(shí)現(xiàn)App換膚功能詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01Android 跨進(jìn)程通Messenger(簡(jiǎn)單易懂)
這篇文章主要介紹了Android Messenger跨進(jìn)程通的相關(guān)資料,非常簡(jiǎn)單容易理解,對(duì)android messenger 進(jìn)程通訊的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-08-08Android中阻止AlertDialog關(guān)閉實(shí)例代碼
這篇文章主要介紹了Android阻止AlertDialog關(guān)閉實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-03-03Android Studio 3.0被調(diào)方法參數(shù)名提示的取消方法
這篇文章主要介紹了去掉android studio 3.0被調(diào)方法參數(shù)名提示的解決方法,在文章末尾給大家補(bǔ)充介紹了Android Studio 3.0 gradle提示太老的解決方法,非常不錯(cuò),需要的朋友可以參考下2017-11-11