我們希望上下滑動(dòng)的手勢(shì)被當(dāng)前tab接收，可以在當(dāng)前列表中上下滑動(dòng)

我們希望左右滑動(dòng)的手勢(shì)被tabbar接收，可以在不同的tab之間切換

但是結(jié)合使用tabbar和自定義Weex Component，要么上下左右手勢(shì)全部被當(dāng)前tab吃掉，導(dǎo)致無(wú)法在tab之間切換。要么上下左右手勢(shì)都被tabbar吃掉，導(dǎo)致當(dāng)前tab無(wú)法上下滑動(dòng)

上圖是Android View點(diǎn)擊事件分發(fā)的簡(jiǎn)化邏輯

父View與子View同時(shí)可以滑動(dòng)時(shí)就會(huì)產(chǎn)生滑動(dòng)沖突, 常見(jiàn)套路的一種是在父View的onInterceptTouchEvent()做攔截：

public boolean onInterceptTouchEvent(MotionEvent event){

? ? boolean intercepted = false;

? ? switch(event.getActionMasked){

? ? ? ? case MotionEvent.ACTION_DOWN:

? ? ? ? ? ? intercepted = false;

? ? ? ? ? ? break;

? ? ? ? case MotionEvent.ACTION_MOVE:?

? ? ? ? ? ? if(父控件攔截){

? ? ? ? ? ? ? ? intercepted = true;

? ? ? ? ? ? }else{

? ? ? ? ? ? ? ? intercepted =false;

? ? ? ? ? ? }

? ? ? ? ? ? break;

? ? ? ? ...

? ? }

? ? ...

? ? return intercepted;

}

最后我們的解法是重寫(xiě)了一個(gè)自定義Div標(biāo)簽, 將自定義Weex Component嵌入自定義Div標(biāo)簽中，自定義Div標(biāo)簽吃掉上下滑動(dòng)手勢(shì)并傳給自定義Weex Component，將左右滑動(dòng)手勢(shì)拋出讓身為父View的tabbar處理，這樣就解決了這個(gè)手勢(shì)沖突問(wèn)題。

然而，直播會(huì)場(chǎng)的Weex代碼使用了ExpressionBinding來(lái)優(yōu)化滑動(dòng)性能，新的解法導(dǎo)致ExpressionBinding失效了。

為了解決這個(gè)問(wèn)題，我們又重寫(xiě)了Weex的WXGesture手勢(shì)識(shí)別代碼，覆蓋掉WXComponent自帶的默認(rèn)手勢(shì)識(shí)別代碼，使得ExpressionBinding重新生效。

ExpressionBinding的執(zhí)行順序如下:

touchstart?->?panstart?->?ExpressionBinding panstart?->
ExpressionBinding panmove?->?ExpressionBinding panend?->?
touchend?->?panend

其核心概念是檢測(cè)出panstart事件，然后執(zhí)行js層預(yù)先傳下來(lái)的“手勢(shì)處理邏輯”，而不是將識(shí)別出的手勢(shì)傳給js層處理。

我們對(duì)自定義Div標(biāo)簽和自定義Weex Component的修改使得ExpressionBinding識(shí)別不到panstart事件了。所以我們重寫(xiě)的WXGesture會(huì)在合適地方給自己所在的WXComponent發(fā)出：

WXGestureType.HighLevelGesture.HORIZONTALPAN

或者：

WXGestureType.HighLevelGesture.VERTICALPAN

事件，人為地觸發(fā)ExpressionBinding的識(shí)別代碼執(zhí)行，最終使得ExpressionBinding可以與自定義Div標(biāo)簽和自定義的Weex Component協(xié)同工作。

之前優(yōu)酷直播頁(yè)面的轉(zhuǎn)屏是直接將Activity轉(zhuǎn)過(guò)來(lái)，然后讓視頻撐滿屏幕; 若要恢復(fù)豎屏則把Activity再轉(zhuǎn)回來(lái)，恢復(fù)vieoView為原始大小，讓其余的布局顯示出來(lái)。

由于新的Weex直播會(huì)場(chǎng)復(fù)雜度大大提高，切換橫豎屏的體驗(yàn)變得很糟糕，每次切換之后畫(huà)面要黑屏一會(huì)兒才能把布局重新顯示出來(lái)。

經(jīng)過(guò)多番嘗試，我們采用如下的解法來(lái)提高體驗(yàn)：豎屏轉(zhuǎn)橫屏?xí)r，先記錄下videoView的各種布局參數(shù)，然后將videoView從它的父View中取出，直接attach到當(dāng)前Window的decorView上。橫屏轉(zhuǎn)回豎屏?xí)r，將videoView從decorView中取出，add到舊的父View中，然后重設(shè)各種布局參數(shù)。

經(jīng)過(guò)這個(gè)優(yōu)化之后，轉(zhuǎn)屏體驗(yàn)被大大提升了; 即使在幾年前的低端機(jī)器上，也能很快速地完成橫豎屏切換動(dòng)作。