当ViewPager 嵌套多个Fragment的时候,ViewPager如何根据Fragment的高度来自适应界面

        最近在项目中遇到这样的需求,ViewPager 需要嵌套3个Fragment界面,但是每个Fragment界面的高度都是不一样的,因此不能将ViewPager的高度写成固定值。前期,我也查看了一些网上关于这类问题的相关文章,受到启发,决定按照自己的思路在项目中来实现此类的需求,最终实现的效果也非常的理想。下面详细的说明一下我们要达到的效果,就是让Viewpager嵌套的每个页面不同的切换时,根据当前Fragment的实际高度来自适应显示界面。简单画了一下草图,如下:

当ViewPager 嵌套多个Fragment的时候,ViewPager如何根据Fragment的高度来自适应界面_第1张图片

首先我们需要自定义一个ViewPager,重写onMeasure()方法进行重新测量。代码如下:

public class CustomViewpager extends ViewPager {

    public CustomViewpager(Context context) {
        super(context);
    }

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int viewHeight = 0;
        View childView = getChildAt(getCurrentItem());
        if (childView != null) {
            childView.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            viewHeight = childView.getMeasuredHeight();
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(viewHeight, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

接着,我们在代码中调用ViewPager的OnPageChangeListener的监听事件。代码如下:

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

                                @Override
                                public void onPageSelected(int position) {
                                    pro_indicator.setCurrentItem(position);
                                    LogUtils.i("CustomViewpager--->position: " + position);

                                    View view = mViewPager.getChildAt(position);
                                    int height = view.getMeasuredHeight();
                                    LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) mViewPager.getLayoutParams();
                                    layoutParams.height = height;
                                    mViewPager.setLayoutParams(layoutParams);

                                }

                                @Override
                                public void onPageScrollStateChanged(int state) {

                                }
                            });
OK,这样我们每次切换到某一个页面的时候,先计算这个页面的实际高度,然后通过setLayoutParams方法传到ViewPager中,动态改变当前page页面的高度,从而实现根据当前Fragment的实际高度来自适应显示界面。


你可能感兴趣的:(android)