常用技巧Android开发Android知识

Android ViewPager 高度自适应

2017-05-11  本文已影响2872人  HubertJiang

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

<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的高度,但其高度取决于其他控件,在一些情况下无法满足需求。

@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的高度会不变,不能做到实时根据内容的大小进行调整。

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切换时能明显看到页面高度的变化,暂时没找到好的方式来解决这个问题。
欢迎大家使用,如果有更好的方式也希望能分享出来。

上一篇下一篇

猜你喜欢

热点阅读