ViewPager嵌套ListView滑動衝突解決,ViewPager內容按照元素最大高度顯示

ViewPager嵌套ListView滑動衝突解決,ViewPager內容按照元素最大高度顯示

效果圖:
viewpager橫向滑動
Viewpager橫向滑動2

矩形區域是可以橫向滑動的,裏面嵌套listview,若不處理,容易出現滑動衝突。

參考代碼:自定義ViewPager

package com.**.common.view;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class ViewPagerCompat extends ViewPager {

    private float xDistance, yDistance, xLast, yLast;
    private int mMaxHeight;
    public ViewPagerCompat(Context context) {
        super(context);
    }

    public ViewPagerCompat(Context context, AttributeSet attrs) {
        super(context, attrs);
    }


    /**
     * 橫向滑動時ViewPager攔截事件,處理viewpager嵌套listview滑動衝突,增加邏輯 xDistance > 10,防止點擊事件不生效
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                xDistance = yDistance = 0f;
                xLast = ev.getX();
                yLast = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                final float curX = ev.getX();
                final float curY = ev.getY();

                xDistance += Math.abs(curX - xLast);
                yDistance += Math.abs(curY - yLast);
                xLast = curX;
                yLast = curY;

                if (xDistance > yDistance && xDistance > 10) {
                    return true;
                }
        }
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int height = 0;
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            height = Math.max(h, mMaxHeight); // 按照最大高度顯示
            mMaxHeight = height;
        }
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

}

複寫onInterceptTouchEvent,可以解決橫向滑動時,listview與viewpager衝突。增加移動距離 xDistance > 10,的判斷,是爲防止點擊事件也被攔截,導致listview元素點擊無效


複寫onMeasure,可以根據內容子View高度顯示viewPager高度。取最大子View高度,可以保證viewPager按照最大的高度顯示,避免滑動過程中出現高度變化。

以上僅供參考~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章