DragVideo,一種在播放視頻時,可以任意拖拽的方案

yushiwuz34 7年前發布 | 8K 次閱讀 安卓開發 iOS開發 移動開發

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的變化過程。

 

 

 

 

 本文由用戶 yushiwuz34 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!