這篇文章主要介紹了Android中如何實現(xiàn)嵌套滾動的相關(guān)知識,內(nèi)容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇Android中如何實現(xiàn)嵌套滾動文章都會有所收獲,下面我們一起來看看吧。
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務,包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、堯都網(wǎng)絡推廣、微信小程序、堯都網(wǎng)絡營銷、堯都企業(yè)策劃、堯都品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供堯都建站搭建服務,24小時服務熱線:18982081108,官方網(wǎng)址:www.cdcxhl.com業(yè)務需求是:
VT容器可以滾動;
書籍封面可以滾動,并且有視差;
當VT容器滾動到頂部時,滾動列表,并且滾動可以銜接。
當列表滾動到頂部時,可以滾動書籍封面以及VT容器,并且滾動可以銜接
邏輯清楚了,接下來就看如何實現(xiàn)了。在android5以前,對于這種滾動,我們只能選擇自己去攔截事件并處理,但在后面的某個版本,android推出了NestingScroll機制,開發(fā)者的日子就好過多了,并且android提供了一個非常好的容器類:CoordinatorLayout,極大的簡化了開發(fā)者的工作。當然我們也需要投入精力去學習并運用這些新的Api了。
當然,我們也要知道如果沒有這些API,我們應當如何去實現(xiàn)這些效果。因此本文會用三種方式去實現(xiàn)這個效果:
純事件攔截與派發(fā)方案
基于NestingScroll機制的實現(xiàn)方案
基于CoordinatorLayout與Behavior方案的實現(xiàn)
示例代碼放在Github上,可以clone下來結(jié)合文章觀看
純事件攔截與派發(fā)方案
這是最為原始的方案,當然也靈活性***的了。其它的方案原理上都是系統(tǒng)基于它提供的封裝。使用這種方案時,我們需要解決以下幾個問題:
view的滾動(Scroller);
view的速度追蹤(VelocityTracker);
當VT容器滾動到頂部時,我們?nèi)绾螌⑹录鬟f給ListView?
當ListView滾動到頂部時,VT容器如何攔截到事件?
1、2兩點屬于滾動的基礎(chǔ)知識,這里不會做細致的講解。而第3點為何會出現(xiàn)呢?因為android系統(tǒng)在事件派發(fā)時,如果事件被攔截,那么之后的事件都將不會傳遞給子view了。其解決方案也很簡單:在滾動到頂部時主動派發(fā)一次Down事件:
if (mTargetCurrentOffset + dy <= mTargetEndOffset) { moveTargetView(dy); // 重新dispatch一次down事件,使得列表可以繼續(xù)滾動 int oldAction = ev.getAction(); ev.setAction(MotionEvent.ACTION_DOWN); dispatchTouchEvent(ev); ev.setAction(oldAction); } else { moveTargetView(dy); }
那么第4點是什么問題呢?這里就需要清楚一個坑點了:不是所用的事件都會走入onInterceptTouchEvent。有一種情況是子View主動調(diào)用parent.requestDisallowInterceptTouchEvent(true)來告訴系統(tǒng)說:這個事件我要了,父View不要攔截了。這就是所謂的內(nèi)部攔截法。在ListView的某些時刻它會去調(diào)用這個方法。因此一旦事件傳遞給了ListView,外部容器就拿不到這個事件了。因此我們要打破它的內(nèi)部攔截:
@Override public void requestDisallowInterceptTouchEvent(boolean b) { // 去掉默認行為,使得每個事件都會經(jīng)過這個Layout }
方法如上,把requestDisallowInterceptTouchEvent的實現(xiàn)干掉就可以了。
主要的技術(shù)點已近提出來了。那么下面就看具體實現(xiàn),首先看使用xml:
EventDispatchTargetLayout實現(xiàn)了自定義接口ITargetView:
public interface ITargetView { boolean canChildScrollUp(); void fling(float vy); }
這是因為與具體業(yè)務抽離,我并不清楚內(nèi)層盒子是怎樣的(有可能就是ListView了,也有可能是ViewPager包裹ListView)
主要的實現(xiàn)在EventDispatchPlanLayout,使用時在xml中指定header_init_offset、target_init_offset等變量就可以了,基本上與業(yè)務邏輯獨立。
其重點實現(xiàn)邏輯在onInterceptTouchEvent與onTouchEvent中了。個人不是很建議去動dispatchTouchEvent,雖然所有事件都會經(jīng)過這里,但是這也明顯會增加代碼處理復雜度:
public boolean onInterceptTouchEvent(MotionEvent ev) { ensureHeaderViewAndScrollView(); final int action = MotionEventCompat.getActionMasked(ev); int pointerIndex; // 不阻斷事件的快路徑:如果目標view可以往上滾動或者`EventDispatchPlanLayout`不是enabled if (!isEnabled() || mTarget.canChildScrollUp()) { Log.d(TAG, "fast end onIntercept: isEnabled = " + isEnabled() + "; canChildScrollUp = " + mTarget.canChildScrollUp()); return false; } switch (action) { case MotionEvent.ACTION_DOWN: mActivePointerId = ev.getPointerId(0); mIsDragging = false; pointerIndex = ev.findPointerIndex(mActivePointerId); if (pointerIndex < 0) { return false; } // 在down的時候記錄初始的y值 mInitialDownY = ev.getY(pointerIndex); break; case MotionEvent.ACTION_MOVE: pointerIndex = ev.findPointerIndex(mActivePointerId); if (pointerIndex < 0) { Log.e(TAG, "Got ACTION_MOVE event but have an invalid active pointer id."); return false; } final float y = ev.getY(pointerIndex); // 判斷是否dragging startDragging(y); break; case MotionEventCompat.ACTION_POINTER_UP: // 雙指邏輯處理 onSecondaryPointerUp(ev); break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: mIsDragging = false; mActivePointerId = INVALID_POINTER; break; } return mIsDragging; }
代碼邏輯很清晰,應該不用多說。接下來看onTouchEvent的處理邏輯。
public boolean onTouchEvent(MotionEvent ev) { final int action = MotionEventCompat.getActionMasked(ev); int pointerIndex; if (!isEnabled() || mTarget.canChildScrollUp()) { Log.d(TAG, "fast end onTouchEvent: isEnabled = " + isEnabled() + "; canChildScrollUp = " + mTarget.canChildScrollUp()); return false; } // 速度追蹤 acquireVelocityTracker(ev); switch (action) { case MotionEvent.ACTION_DOWN: mActivePointerId = ev.getPointerId(0); mIsDragging = false; break; case MotionEvent.ACTION_MOVE: { pointerIndex = ev.findPointerIndex(mActivePointerId); if (pointerIndex < 0) { Log.e(TAG, "Got ACTION_MOVE event but have an invalid active pointer id."); return false; } final float y = ev.getY(pointerIndex); startDragging(y); if (mIsDragging) { float dy = y - mLastMotionY; if (dy >= 0) { moveTargetView(dy); } else { if (mTargetCurrentOffset + dy <= mTargetEndOffset) { moveTargetView(dy); // 重新dispatch一次down事件,使得列表可以繼續(xù)滾動 int oldAction = ev.getAction(); ev.setAction(MotionEvent.ACTION_DOWN); dispatchTouchEvent(ev); ev.setAction(oldAction); } else { moveTargetView(dy); } } mLastMotionY = y; } break; } case MotionEventCompat.ACTION_POINTER_DOWN: { pointerIndex = MotionEventCompat.getActionIndex(ev); if (pointerIndex < 0) { Log.e(TAG, "Got ACTION_POINTER_DOWN event but have an invalid action index."); return false; } mActivePointerId = ev.getPointerId(pointerIndex); break; } case MotionEventCompat.ACTION_POINTER_UP: onSecondaryPointerUp(ev); break; case MotionEvent.ACTION_UP: { pointerIndex = ev.findPointerIndex(mActivePointerId); if (pointerIndex < 0) { Log.e(TAG, "Got ACTION_UP event but don't have an active pointer id."); return false; } if (mIsDragging) { mIsDragging = false; // 獲取瞬時速度 mVelocityTracker.computeCurrentVelocity(1000, mMaxVelocity); final float vy = mVelocityTracker.getYVelocity(mActivePointerId); finishDrag((int) vy); } mActivePointerId = INVALID_POINTER; //釋放速度追蹤 releaseVelocityTracker(); return false; } case MotionEvent.ACTION_CANCEL: releaseVelocityTracker(); return false; } return mIsDragging; }
或許有人會說:為何與onInterceptTouchEvent與有很多重復代碼?這是因為如果事件不打斷,并且子類不處理,就會走進onTouchEvent邏輯,所以這些重復處理是有意義的(其實是抄SwipeRefreshLayout的)。里面主要的邏輯就是兩個:
滾動容器
TouchUp時滾動到特定位置以及fling傳遞
滾動容器的邏輯:
private void moveTargetViewTo(int target) { target = Math.max(target, mTargetEndOffset); // 用offsetTopAndBottom來偏移view ViewCompat.offsetTopAndBottom(mTargetView, target - mTargetCurrentOffset); mTargetCurrentOffset = target; // 滾動書籍封面view,根據(jù)TargetView進行定位 int headerTarget; if (mTargetCurrentOffset >= mTargetInitOffset) { headerTarget = mHeaderInitOffset; } else if (mTargetCurrentOffset <= mTargetEndOffset) { headerTarget = mHeaderEndOffset; } else { float percent = (mTargetCurrentOffset - mTargetEndOffset) * 1.0f / mTargetInitOffset - mTargetEndOffset; headerTarget = (int) (mHeaderEndOffset + percent * (mHeaderInitOffset - mHeaderEndOffset)); } ViewCompat.offsetTopAndBottom(mHeaderView, headerTarget - mHeaderCurrentOffset); mHeaderCurrentOffset = headerTarget; }
TouchUp的滾動邏輯:
private void finishDrag(int vy) { Log.i(TAG, "TouchUp: vy = " + vy); if (vy > 0) { // 向下觸發(fā)fling,需要滾動到Init位置 mNeedScrollToInitPos = true; mScroller.fling(0, mTargetCurrentOffset, 0, vy, 0, 0, mTargetEndOffset, Integer.MAX_VALUE); invalidate(); } else if (vy < 0) { // 向上觸發(fā)fling,需要滾動到End位置 mNeedScrollToEndPos = true; mScroller.fling(0, mTargetCurrentOffset, 0, vy, 0, 0, mTargetEndOffset, Integer.MAX_VALUE); invalidate(); } else { // 沒有觸發(fā)fling,就近原則 if (mTargetCurrentOffset <= (mTargetEndOffset + mTargetInitOffset) / 2) { mNeedScrollToEndPos = true; } else { mNeedScrollToInitPos = true; } invalidate(); } }
當然這里會打上一些標志位,具體實現(xiàn)是在computeScroll中,這屬于Scroller的功能,這里就不展開了。
這樣大體邏輯就講述清楚了,其它細節(jié)就請看官直接看源碼了。
基于NestingScroll機制的實現(xiàn)方案
NestingScroll機制是在某個版本support包加入的,不過外界極少有文章介紹,所以應該大多數(shù)人并不知道這個機制。NestingScroll主要有兩個接口:
NestedScrollingParent
NestedScrollingChild
當我們需要使用NestingScroll特性時,我們?nèi)崿F(xiàn)這兩個接口就好了。NestingScroll本質(zhì)是內(nèi)部攔截發(fā)然后將相應的接口開給外界。因此實現(xiàn)NestedScrollingChild接口是有難度的,不過像RecyclerView這些控件,官方已經(jīng)幫我們實現(xiàn)好了NestedScrollingChild,要完成我們的需求,我們直接拿來用就好了(ListView就沒辦法使用了,當然你也可以去實現(xiàn)NestedScrollingChild接口)。并且NestedScrollingChild與NestedScrollingParent只要有嵌套關(guān)系就行了,并不一定NestedScrollingChild是直接的子View。
我們來來看看NestedScrollingParent的定義:
public interface NestedScrollingParent { // 是否接受NestingScroll public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes); // 接受NestingScroll的Hook鉤子 public void onNestedScrollAccepted(View child, View target, int nestedScrollAxes); // NestingScroll結(jié)束 public void onStopNestedScroll(View target); // NestingScroll進行中。重要參數(shù)dxUnconsumed, dyUnconsumed: 用于表示沒有被消耗的滾動量,一般是列表滾動到頭了,就會產(chǎn)生未消耗量 public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed); // NestingScroll滾動之前。重要參數(shù)consumed: 是用于告訴子View我消耗了多少。如果位全部消耗dy,那么子view就可以消耗了。 public void onNestedPreScroll(View target, int dx, int dy, int[] consumed); // fling時 public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed); // fling之前:可以由父元素消耗這次fling事件 public boolean onNestedPreFling(View target, float velocityX, float velocityY); // 獲取滾動軸: x軸或y軸 public int getNestedScrollAxes(); }
關(guān)于“Android中如何實現(xiàn)嵌套滾動”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“Android中如何實現(xiàn)嵌套滾動”知識都有一定的了解,大家如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。