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