Android ViewPager 高度自适应

作者: HubertJiang | 来源:发表于2017-05-11 13:56 被阅读2872次

    ViewPager 是开发中经常用到的一个控件,但高度却不能根据内容自适应,设置android:layout_height="wrap_content"之后还是占满全屏。看的网上的解决办法主要有下面几种:

    • 设置固定高度 android:layout_height="100dp"。在一定情况下这种方法是可以的,但在屏幕适配方面可能会有问题。
    • 在LinearLayout布局中使用weight改变ViewPager的高度。
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:layout_height="0dp" />
        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="123456" />
    </LinearLayout>
    

    这种方法也可以调整ViewPager的高度,但其高度取决于其他控件,在一些情况下无法满足需求。

    • 动态计算高度,通过LayoutParmas改变ViewPager的高度,或者在onMeasure中返回childView的高度。网上大部分的解决方法是通过下面的方法。
    @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    
            int height = 0;
            //下面遍历所有child的高度
            for (int i = 0; i < getChildCount(); i++) {
                View child = getChildAt(i);
                child.measure(widthMeasureSpec,
                        MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
                int h = child.getMeasuredHeight();
                if (h > height) //采用最大的view的高度。
                    height = h;
            }
    
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(height,
                    MeasureSpec.EXACTLY);
    
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    

    这种方式是通过计算ViewPager已经加载的页面中高度最大的值设置为ViewPager的高度,这种方法在ViewPager的每个页面的高度都相等的情况下是非常实用的,能很好的解决ViewPager高度自适应问题,但如果需求是ViewPager的每个页面的高度都不太一致,用这种方式就会有些问题,从页面高度大的滑动到页面高度小的时,ViewPager的高度会不变,不能做到实时根据内容的大小进行调整。

    • 我对上面的方法进行了一些调整,能做到ViewPager的高度实时。
    public class ContentViewPager extends ViewPager {
        public ContentViewPager(Context context) {
            super(context);
        }
        public ContentViewPager(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            int index = getCurrentItem();
            int height = 0;
            View v = ((Fragment) getAdapter().instantiateItem(this, index)).getView();
            if (v != null) {
                v.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
                height = v.getMeasuredHeight();
            }
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }
    

    通过实时获取ViewPager当前显示页面的高度来调整ViewPager的高度,通过这种方式可是实现ViewPager的高度实时根据页面的内容来调整,但这种方式也有点问题,就是在ViewPager切换时能明显看到页面高度的变化,暂时没找到好的方式来解决这个问题。
    欢迎大家使用,如果有更好的方式也希望能分享出来。

    相关文章

      网友评论

      • c3a8976bb880:getAdapter为空啊,onMeasure在setAdapter执行,不知有没有遇到过这样的问题
        e77855e79c16:这样写 会很卡 你们有没有这样的问题
        冰冰的冻结:你好,我也遇到了问题,你解决了吗
        549372b3d647:对 getAdapter为空 大神有什么解决方法吗?

      本文标题:Android ViewPager 高度自适应

      本文链接:https://www.haomeiwen.com/subject/bfmgtxtx.html