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

来源：互联网发布：人体数据编辑：程序博客网时间：2024/06/05 11:30

不废话,上效果图:

首先获取第一张图片的高度设置给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源码

0 0