仿小红书顶部自适应高度viewpager

不废话,上效果图:

首先获取第一张图片的高度设置给viewpager,在viewpager滑动的时候调用onPageScrolled()方法,动态的设置viewpager的高

//为ViewPager设置高度
ViewGroup.LayoutParams params = mViewpager.getLayoutParams();
params.height = defaultheight;
mViewpager.setLayoutParams(params);
mViewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        if (position == imgheights.length - 1) {
            return;
        }

        //计算ViewPager现在应该的高度,heights[]表示页面高度的数组。
        int height = (int) ((imgheights[position] == 0 ? defaultheight : imgheights[position])
                * (1 - positionOffset) +
                (imgheights[position + 1] == 0 ? defaultheight : imgheights[position + 1])
                        * positionOffset);

        //为ViewPager设置高度
        ViewGroup.LayoutParams params = mViewpager.getLayoutParams();
        params.height = height;
        mViewpager.setLayoutParams(params);
    }

    @Override
    public void onPageSelected(int position) {
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }
});

DEMO源码