GridView嵌套在ViewPager中,ViewPager嵌套在ScrollView中不显示

1.问题描述

ViewPager中的page是GridView,ViewPager嵌套在ScrollView中,ViewPager设置高度为MATCH_PARENT或者WRAP_CONTENT都不显示。

2.解决方法

2.1 方法1

网上提出的解决方法是设置ViewPager的高度为固定值。

确实这样可以显示,但是这个固定值不好控制,不像一些广告banner可以设置固定的值,这里的item是GridView,而且GridView高度不会超过一屏幕。

2.2 方法2

设置ScrollView的android:fillViewport=”true”。

显示效果如下:

GridView嵌套在ViewPager中,ViewPager嵌套在ScrollView中不显示_第1张图片

ViewPager直接填充了父控件,当GridView高度不足以填充时,下方会有空白部分。

2.3 方法3 终极奥义

重写ViewPager和GridView。

主要重写两个控件的onMeasure方法。代码如下:

public class WrapContentViewPager extends ViewPager {

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

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

    @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);
    }
}
public class MultiGridView extends GridView {
    public MultiGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

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

    public MultiGridView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }

}

注意:如果只重写ViewPager,GridView只显示一行。

GridView嵌套在ViewPager中,ViewPager嵌套在ScrollView中不显示_第2张图片

而我要这样的:

GridView嵌套在ViewPager中,ViewPager嵌套在ScrollView中不显示_第3张图片

3下载

https://github.com/LineChen/ScrollViewPagerGrid

你可能感兴趣的:(Android从零开始)