ScrollView+ViewPager,如何動(dòng)態(tài)改變viewPager的高度?

先看效果圖吧

ScrollView+ViewPager,動(dòng)態(tài)改變viewPager的高度

在實(shí)現(xiàn)的時(shí)候,有三點(diǎn)需要注意

1、自定義ViewPager,當(dāng)滑動(dòng)到當(dāng)前頁面的時(shí)候,重置ViewPager的高度
public class CustomViewPager extends ViewPager {
    private Map<Integer,Integer> map=new HashMap<>(2);
    private int currentPage;

    public CustomViewPager(Context context) {
        this(context, null);
    }

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int height=0;
        if(map.size()>0 && map.containsKey(currentPage)){
            height=map.get(currentPage);
        }
        //得到ViewPager的MeasureSpec,使用固定值和MeasureSpec.EXACTLY,
        heightMeasureSpec=MeasureSpec.makeMeasureSpec(height,MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    /**
     * 在切換tab的時(shí)候,重置ViewPager的高度
     * @param current
     */
    public void resetHeight(int current){
        this.currentPage=current;
        MarginLayoutParams params= (MarginLayoutParams) getLayoutParams();
        if(map.size()>0 && map.containsKey(currentPage)){
            if(params==null){
                params=new MarginLayoutParams(LayoutParams.MATCH_PARENT,map.get(current));
            }else {
                params.height=map.get(current);
            }
            setLayoutParams(params);
        }
    }

    /**
     * 獲取、存儲(chǔ)每一個(gè)tab的高度,在需要的時(shí)候顯示存儲(chǔ)的高度
     * @param current  tab的position
     * @param height   當(dāng)前tab的高度
     */
    public void addHeight(int current,int height){
        map.put(current,height);
    }

}

注意:
MeasureSpec.makeMeasureSpec(),把大小和測(cè)量模式打包成一個(gè)MeasureSpec,
測(cè)量模式:
①UNSPECIFIED:表示默認(rèn)值,父控件沒有給子view任何限制。------二進(jìn)制表示:00
②EXACTLY:表示父控件給子view一個(gè)具體的值,子view要設(shè)置成這些值。------二進(jìn)制表示:01
③AT_MOST:表示父控件給子view一個(gè)最大的特定值,而子view不能超過這個(gè)值的大小。------二進(jìn)制表示:10

為ViewPager添加OnPageChangeListener,實(shí)現(xiàn)在滑動(dòng)的時(shí)候改變VIewPager的高度


    customViewPager.addHeight(position, height);

---

    customViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        }

        @Override
        public void onPageSelected(int position) {
            customViewPager.resetHeight(position);
        }

        @Override
        public void onPageScrollStateChanged(int state) {
        }
    });
2、獲取View的高度

view的measure過程和activity的生命周期方法不是同步執(zhí)行的,所以沒辦法在onCreate方法中保證測(cè)量的完畢,所以在這里去獲得控件的高度可能只能是0 ,可以通過三種方法來獲取View的高度:

1、手動(dòng)對(duì)view進(jìn)行measure
這里要根據(jù)view的layoutParams分類處理:

  • 如果view的layoutParams是wrap_content:
    int measureWidth= View.MeasureSpec.makeMeasureSpec(( 1 << 30 )-1, View.MeasureSpec.AT_MOST);
    int measureHeight= View.MeasureSpec.makeMeasureSpec(( 1 << 30 )-1, View.MeasureSpec.AT_MOST);
    linearLayout.measure(measureWidth,measureHeight);
    height=linearLayout.getMeasuredHeight();
  • 如果view的layoutParams是具體值:
    int measureWidth= View.MeasureSpec.makeMeasureSpec(400, View.MeasureSpec.EXACTLY);
    int measureHeight= View.MeasureSpec.makeMeasureSpec(400, View.MeasureSpec.EXACTLY);
    textView2.measure(measureWidth,measureHeight);
    height=textView2.getMeasuredHeight();

2、view.post()方法
通過post將runnable發(fā)送到消息隊(duì)列的尾部

    textView2.post(new Runnable() {
        @Override
        public void run() {
            height=textView2.getMeasuredHeight();
        }
    }); 

3、視圖樹觀察者ViewTreeObserver
可以通過view.getViewTreeObserver(),獲得ViewTreeObserver,使用ViewTreeObserver就可以監(jiān)聽全局事件改變發(fā)出的通知,比如整個(gè)視圖樹的布局變化,開始繪制視圖,觸摸模式改變等等。

  • 添加OnPreDrawListener,在視圖樹將要繪制時(shí)回調(diào)

    private void measureHeight() {
        textView2.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                //刪除監(jiān)聽
                textView2.getViewTreeObserver().removeOnPreDrawListener(this);
                height=textView2.getMeasuredHeight();
                listener.changeData(1,height);
                return true;
            }
        });
    }

** 注意 **:
getMeasuredHeight()和getHeight()的區(qū)別?
1、getMeasuredHeight()在measure過程結(jié)束之后就可以獲取了;getHeight()要在layout過程結(jié)束之后才可以獲取了。
2、getMeasuredHeight()是通過setMeasuredDimension()進(jìn)行設(shè)置的;getHeight()方法中的值則是通過視圖下邊的坐標(biāo)減去上邊的坐標(biāo)計(jì)算出來的。

getHeight

MeasuredHeight
  • 添加OnGlobalLayoutListener,當(dāng)一個(gè)視圖樹中全局布局發(fā)生改變或者視圖樹中的某個(gè)視圖的可視狀態(tài)發(fā)生改變時(shí)調(diào)用這個(gè)回調(diào)函數(shù)。
    private void measureHeight() {
        textView1.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                textView1.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                height=textView1.getMeasuredHeight();
                listener.changeData(0,height);
            }
        });
    }

使用ViewTreeObserver也可以** 檢測(cè)軟鍵盤的高度** :
在根布局加入GlobalLayoutListener監(jiān)聽,通過getWindowVisibleDisplayFrame方法可以觀察可見區(qū)域的變化

    root.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            float height=root.getMeasuredHeight();
            Rect rect=new Rect();
            root.getWindowVisibleDisplayFrame(rect);
            Log.e("RecycleViewFragment", "bottom:"+rect.bottom + ",height:"+height) ;
        }
    });

測(cè)量軟鍵盤狀態(tài)和高度

參考:
Viewtreeobserver解析
Android開發(fā)藝術(shù)探討

3、ScrollView+ViewPager,會(huì)有手勢(shì)沖突
public class CustomScrollView extends ScrollView {
    private float preX;
    private float preY;
    private float touchSlop;
    private boolean isViewPagerDragged;

    public CustomScrollView(Context context) {
        this(context, null);
    }

    public CustomScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        touchSlop= ViewConfiguration.get(context).getScaledTouchSlop();
    }

    /**
     * 在onInterceptTouchEvent()方法里,
     * 如果水平移動(dòng)距離大于豎直移動(dòng)距離,ScrollView不攔截這個(gè)事件
     * @param ev
     * @return
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        float currentX=ev.getX();
        float currentY=ev.getY();
        switch (ev.getAction()){
            case MotionEvent.ACTION_DOWN:
                preX=currentX;
                preY=currentY;
                isViewPagerDragged=false;
                break;
            case MotionEvent.ACTION_MOVE:
                if(isViewPagerDragged){
                    return false;
                }
                float dx=Math.abs(preX-currentX);
                float dy=Math.abs(preY-currentY);

                if(dx>dy && dx>touchSlop){
                    isViewPagerDragged=true;
                    return false;
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                isViewPagerDragged=false;
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
}


參考:
Android嵌套滑動(dòng)控件的沖突解決和ViewPager適配當(dāng)前子控件高度不留空白的辦法
最簡(jiǎn)單也最難——如何獲取到Android控件的高度
關(guān)于Android中的ViewTreeObserver


代碼下載:
ScrollViewViewPagerConfictTest

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容