1. 程式人生 > >Scrollview 巢狀listView 與recycleView 滑動衝突的解決

Scrollview 巢狀listView 與recycleView 滑動衝突的解決

本來我們用recycview代替了listview之後就很少會遇到scrollview了但是產品需求總是在不斷的更新。在時間與技術的探索之下,還是會有一部分兄弟會選擇這樣的佈局,下面我就來說說使用之後遇到的一些坑的解決方案。

1 scrollview 簽到listview 的解決方案

(1)

只需在MainActivity中 找到listview 和 scrollview

然後給listview設定監聽事件  外部解決法

listView.setOnTouchListener(new OnTouchListener() {
            
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
              
                if(event.getAction() == MotionEvent.ACTION_UP){  
                    scrollView.requestDisallowInterceptTouchEvent(false);  
                }else{  
                    scrollView.requestDisallowInterceptTouchEvent(true);  
                }  
                return false;
            }
        });

或者

listView.setOnTouchListener(new OnTouchListener() {
            
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                listView.getParent().requestDisallowInterceptTouchEvent(true);
                return false;
            }
        });

第二種方法

只需重寫listview即可 ,內部解決發

package com.bawei.day06;


import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ListView;


public class ListViewForScrollView extends ListView {
    int mLastMotionY;
    boolean bottomFlag;
    public ListViewForScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }
    
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        
        if (bottomFlag) {
            getParent().requestDisallowInterceptTouchEvent(true);
        }
        return super.onInterceptTouchEvent(ev);
    }


    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        // TODO Auto-generated method stub
        int y = (int) ev.getRawY();
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mLastMotionY = y;
            break;
        case MotionEvent.ACTION_MOVE:
            int deltaY = y - mLastMotionY;
            if (deltaY < 0) {
                View child = getChildAt(0);
                if (child != null) {
                    if (getLastVisiblePosition() == (getChildCount()-1) && child.getBottom() == (getChildCount()-1)) {
                        bottomFlag = true;
                        getParent().requestDisallowInterceptTouchEvent(true);
                    }


                    int bottom = child.getBottom();
                    int padding = getPaddingTop();
                    if (getLastVisiblePosition() == (getChildCount()-1)
                            && Math.abs(bottom - padding) >= 20) {
                        bottomFlag = true;
                        getParent().requestDisallowInterceptTouchEvent(true);
                    }
                }
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            break;
        }
        return super.onTouchEvent(ev);
    }


    public void setBottomFlag(boolean flag) {
        bottomFlag = flag;
    }
}

或者

package com.bawei.day06;


import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ListView;


public class ListViewForScrollView extends ListView {
    int mLastMotionY;
    boolean bottomFlag;
    public ListViewForScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }


    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        // TODO Auto-generated method stub
        getParent().requestDisallowInterceptTouchEvent(true);
        
        return  super.dispatchTouchEvent(ev);
    }


}

當手指觸控到螢幕時,系統就會呼叫相應View的onTouchEvent,並傳入一系列的action。當有多個層級的View時,在父層級允許的情況下,這個action會一直向下傳遞直到遇到最深層的View。所以touch事件最先呼叫的是最底層View的onTouchEent,如果View的onTouchEvent接收到某個touch action並作了相應處理,最後有兩種返回方式return true和return false;return true會告訴系統當前的View需要處理這次的touch事件,以後的系統發出的ACTION_MOVE,ACTION_UP還是需要繼續監聽並接收的,而且這次的action已經被處理掉了,父層的View是不可能出發onTouchEvent了。所以每一個action最多隻能有一個onTouchEvent介面返回true。如果return false,便會通知系統,當前View不關心這一次的touch事件,此時這個action會傳向父級,呼叫父級View的onTouchEvent。但是這一次的touch事件之後發出的任何action,該View都不會再接受,onTouchEvent在這一次的touch事件中再也不會觸發,也就是說一旦View返回false,那麼之後的ACTION_MOVE,ACTION_UP等ACTION就不會在傳入這個View,但是下一次touch事件的action還是會傳進來的。
    前面說了底層的View能夠接收到這次的事件有一個前提條件:在父層級允許的情況下。假設不改變父層級的dispatch方法,在系統呼叫底層onTouchEvent之前會先呼叫父View的onInterceptTouchEvent方法判斷,父層View是不是要截獲本次touch事件之後的action。如果onInterceptTouchEvent返回了true,那麼本次touch事件之後的所有action都不會再向深層的View傳遞,統統都會傳給父層View的onTouchEvent,就是說父層已經截獲了這次touch事件,之後的action也不必詢問onInterceptTouchEvent,在這次的touch事件之後發出的action時onInterceptTouchEvent不會再次呼叫,直到下一次touch事件的來臨。如果onInterceptTouchEvent返回false,那麼本次action將傳送給更深層的View,並且之後的每一次action都會詢問父層的onInterceptTouchEvent需不需要截獲本次touch事件。只有ViewGroup才有onInterceptTouchEvent方法,因為一個普通的View肯定是位於最深層的View,touch事件能夠傳到這裡已經是最後一站了,肯定會呼叫View的onTouchEvent。
對於底層的View來說,有一種方法可以阻止父層的View截獲touch事件,就是呼叫getParent().requestDisallowInterceptTouchEvent(true);方法。一旦底層View收到touch的action後呼叫這個方法那麼父層View就不會再呼叫onInterceptTouchEvent了,也無法截獲以後的action。
用例子總結一下onInterceptTouchEvent和onTouchEvent的呼叫順序:
假設最高層View叫OuterLayout,中間層View叫InnerLayout,最底層View叫MyVIew。呼叫順序是這樣的(假設各個函式返回的都是false)
OuterLayout.onInterceptTouchEvent->InnerLayout.onInterceptTouchEvent->MyView.onTouchEvent->InnerLayout.onTouchEvent->OuterLayout.onTouchEvent。



@Override    
    public boolean dispatchTouchEvent(MotionEvent ev) {   
        getParent().requestDisallowInterceptTouchEvent(true);  
        return super.dispatchTouchEvent(ev);    
    }  


這句話是告訴父view,我的事件自己處理



public boolean onTouch(View v, MotionEvent event) {  
     switch (event.getAction()) {  
     case MotionEvent.ACTION_MOVE:   
         pager.requestDisallowInterceptTouchEvent(true);  
         break;  
     case MotionEvent.ACTION_UP:  
     case MotionEvent.ACTION_CANCEL:  
         pager.requestDisallowInterceptTouchEvent(false);  
         break;  
     }  
}  
 


也可以寫成類似於上面那樣,當用戶按下的時候,我們告訴父元件,不要攔截我的事件(這個時候子元件是可以正常響應事件的),拿起之後就會告訴父元件可以阻止。


 


還有一個關於子控制元件和父控制元件的事件響應問題 
當父控制元件中有子控制元件的時候,並且父控制元件和子空間都有事件處理(比如單擊事件)。這時,點選子控制元件,父控制元件的單擊事件就無效了。


比如一個LinearLayout裡面有一個子控制元件TextView,但是TextView的大小沒有LinearLayout大


①如果LinearLayout和TextView都設定了單擊事件,那麼


點選TextView區域的時候,觸發的是TextView的事件,
點選TextView以外的區域的時候,還是觸發的LinearLayout的事件。
②如果LinearLayout設定了單擊事件,而TextView沒有設定單擊事件的話,那麼


不管單擊的是TextView區域,還是TextView以外的區域,都是觸發的LinearLayout的單擊事件
如果LinearLayout的大小和TextView一樣的話,那麼


①如果LinearLayout和TextView都設定了單擊事件,那麼


只有TextView的單擊事件有效
②如果LinearLayout設定了單擊事件,而TextView沒有設定單擊事件的話,那麼


觸發的是LinearLayout的單擊事件

2 Scrollview巢狀recycleview 出現的滑動卡頓問題

解決辦法如下

ListView的多種ViewType - http://blog.csdn.net/wubihang/article/details/51462520


android 讓ImageView的圖片全屏填充 android:scaleType="fitXY"


ScrollView巢狀RecyclerView時滑動出現的卡頓?-http://zhanglu0574.blog.163.com/blog/static/113651073201641853532259/
解決:禁止RecyclerView的滑動。
最簡單方便的就是直接
linearLayoutManager = new LinearLayoutManager(context) {
    @Override
    public boolean canScrollVertically() {
        return false;
    }
};


另外就是重寫LayoutManager,以Grid模式來說:
public class ScrollGridLayoutManager extends GridLayoutManager {
    private boolean isScrollEnabled = true;
    public ScrollGridLayoutManager(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }


    public ScrollGridLayoutManager(Context context, int spanCount) {
        super(context, spanCount);
    }


    public ScrollGridLayoutManager(Context context, int spanCount, int orientation, boolean reverseLayout) {
        super(context, spanCount, orientation, reverseLayout);
    }


    public void setScrollEnabled(boolean flag) {
        this.isScrollEnabled = flag;
    }


    @Override
    public boolean canScrollVertically() {
        //Similarly you can customize "canScrollHorizontally()" for managing horizontal scroll
        return isScrollEnabled && super.canScrollVertically();
    }

}