DragVideo,一種在播放視頻時,可以任意拖拽的方案
DragVideo
A Method to Drag the Video When Playing Video
一種在播放視頻時,能夠拖拽的方案
為什么有這個工程
經常在愛奇藝網站上看電影,看到如果滑動掩蓋了播放窗口后,就后在最下面有一個小播放界面。并且這個播放界面,是可以任意拖拽的。感覺很酷
既然web端能實現,就想了想在移動端設備上,是否也能實現這個效果,于是就有了…
效果圖:
實現思路:
1、播放視頻的view選擇TextureView
2、ListView下方蓋上自定義ViewDragHelper,當在播放視頻時,通過自定義ViewDragHelper進行拖動TextureView
3、進行漸變處理,讓兩個view的文字能夠交替顯示
4、當TextureView到達右下方時,控制在水平方向上拖動,到達左邊界時,如果再滑動,就銷毀TextureView
代碼分析:
關于ViewDragHelper要注意如下幾點:
ViewDragHelper.Callback是連接ViewDragHelper與view之間的橋梁(這個view一般是指擁子view的容器即parentView);
ViewDragHelper的實例是通過靜態工廠方法創建的;你能夠指定拖動的方向;
ViewDragHelper可以檢測到是否觸及到邊緣;
ViewDragHelper并不是直接作用于要被拖動的View,而是使其控制的視圖容器中的子View可以被拖動,如果要指定某個子view的行為,需要在Callback中想辦法;
ViewDragHelper的本質其實是分析onInterceptTouchEvent和onTouchEvent的MotionEvent參數,然后根據分析的結果去改變一個容器中被拖動子View的位置( 通過offsetTopAndBottom(int offset)和offsetLeftAndRight(int offset)方法 ),他能在觸摸的時候判斷當前拖動的是哪個子View;
雖然ViewDragHelper的實例方法 ViewDragHelper create(ViewGroup forParent, Callback cb) 可以指定一個被ViewDragHelper處理拖動事件的對象,但ViewDragHelper類的設計決定了其適用于被包含在一個自定義ViewGroup之中,而不是對任意一個布局上的視圖容器使用ViewDragHelper。
1.自定義的CustomViewDragHelper的初始化
ViewDragHelper一般用在一個自定義ViewGroup的內部,比如下面自定義了一個直接繼承于ViewGroup的類DragvideoView,DragvideoView內部有一個mDragHelper作為成員變量:
創建一個帶有回調接口的ViewDragHelper,這里是用MyHelperCallback,這些都是一些基本使用方法
拖動行為的處理已在注釋中給出
當在MainActivity調用ViewDragHelper的setCallback方法時,以上回調就能作用了。當點擊節目列表頁(第一個顯示listview的界面)的item時,調用playVideo()方法,方面內部通過DragVideoView.show方法,就開始顯示DragVideoView。這時視頻開始播放起來,并且,我們也可以對其進行拖拽了。
那么在拖動的過程中,我們要在DragVideoView中重寫onTouchEvent方法,如下
以上方法最后,我們調用了,mDragHelper.processTouchEvent(event);也就是我們自定義的CustomViewDragHelper類,這個方法沒有改動,就是ViewDragHelper的processTouchEvent方法。
總結下這個方法
在processTouchEvent中對ACTION_DOWN、ACTION_MOVE和ACTION_UP事件進行了處理:
1.在ACTION_DOWN中調用回調接口中的tryCaptureView方法,看當前touch的view是否允許拖動
2.在ACTION_MOVE中,view的坐標發生改變,調用回調接口中的onViewPositionChanged方法,根據坐標信息對view進行layout,通過ViewHelper這個類中的setScaleX、setScaleY方法,實現在拖動的過程中view在XY坐標上進行相應比例的縮放;
3.在ACTION_UP后調用回調接口中的onViewReleased方法,此方法中一個重要的任務是在ACTION_UP事件后,實現view的自動滑動,這里主要是使用了ViewDragHelper中smoothSlideViewTo方法
接著到達forceSettleCapturedViewAt方法
上面start了ViewDragHelper中的mScroller,在滑動過程中,通過重寫computeScroll方法,可用用ViewCompat.postInvalidateOnAnimation(this)方法重繪view
最后由于拖拽過程中的顯示視頻的TextureView會不斷變化,通過設置TextureView.SurfaceTextureListener,來監聽當前TextureView的變化過程。