Android:ScrollView和SwipeRefreshLayout高度测量
今天组里的同事要做一个奇葩的效果，要求在ScrollView里嵌套一个RefreshLayout。类似代码如下：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> //红色背景 <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ff00ff"> //黄色背景 <android.support.v4.widget.SwipeRefreshLayout android:layout_width="match_parent" android:layout_height="fill_parent" android:background="#ffff00"> //黑色背景 <LinearLayout android:layout_width="match_parent" android:background="#000000" android:layout_height="100dp" /> </android.support.v4.widget.SwipeRefreshLayout> </ScrollView> </LinearLayout>
期望效果是这样的：
(蓝色部分是ToolsBar,请忽略)
而实际效果是这样的：
好奇怪，明明设置了SwipeRefreshLayout的高度是fill_parent，为何完全不显示？要知道，在SwipeRefreshLayout内部还设置了一个高度为100dp的LinearLayout，正常来说SwipeRefreshLayout最少也占据了100dp的高度啊，现在的高度居然为0。
这个问题得分两部分说明：
1.ScrollView的高度测量。
2.SwipeRefreshLayout的高度测量。
在这之前，先简单介绍一下View测量的三种模式(mode),具体的关于View的测量流程不细说，可到网上找些资料。
AT_MOST:最大尺寸模式，一般设置为wrap_content时会使用该模式测量，子View不会超过父View给与的最大宽高。
EXACTLY：精确模式，一般设置为fill_parent时会使用该测量模式，父View给与多少宽高，子View就使用多少。
UNSPECIFIED:未指定模式，子View测量出来有多大就有多大，不受父View给与的宽高影响。
关于ScrollView的高度测量，是在这篇文章中找到原因和解决方案的(老外的，需要FQ)。重点在于fillViewport属性。我们先把布局文件中的SwipeRefreshLayout换成LinearLayout。看下效果
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> //红色背景 <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ff00ff"> //黄色背景 <LinearLayout android:layout_width="match_parent" android:layout_height="fill_parent" android:background="#ffff00"> //黑色背景 <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" android:background="#000000" /> </LinearLayout> </ScrollView> </LinearLayout>
我们会发现，尽管已经将ScrollView内部的LinearLayout设置成fill_parent，它的高度仍旧只有100dp。接下来将ScrollView的fillViewport设置为true。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> //红色背景 <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true" android:background="#ff00ff"> //黄色背景 <LinearLayout android:layout_width="match_parent" android:layout_height="fill_parent" android:background="#ffff00"> //黑色背景 <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" android:background="#000000" /> </LinearLayout> </ScrollView> </LinearLayout>
正常了，LinearLayout填充满了ScrollView的高度。
接下去看看ScrollView的和测量相关的几个方法：
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); if (!mFillViewport) { return; } final int heightMode = MeasureSpec.getMode(heightMeasureSpec); if (heightMode == MeasureSpec.UNSPECIFIED) { return; } if (getChildCount() > 0) { final View child = getChildAt(0); int height = getMeasuredHeight(); if (child.getMeasuredHeight() < height) { final FrameLayout.LayoutParams lp = (LayoutParams) child.getLayoutParams(); int childWidthMeasureSpec = getChildMeasureSpec(widthMeasureSpec, mPaddingLeft + mPaddingRight, lp.width); height -= mPaddingTop; height -= mPaddingBottom; int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY); child.measure(childWidthMeasureSpec, childHeightMeasureSpec); } } } @Override protected void measureChild(View child, int parentWidthMeasureSpec, int parentHeightMeasureSpec) { ViewGroup.LayoutParams lp = child.getLayoutParams(); int childWidthMeasureSpec; int childHeightMeasureSpec; childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec, mPaddingLeft + mPaddingRight, lp.width); childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED); child.measure(childWidthMeasureSpec, childHeightMeasureSpec); } @Override protected void measureChildWithMargins(View child, int parentWidthMeasureSpec, int widthUsed, int parentHeightMeasureSpec, int heightUsed) { final MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams(); final int childWidthMeasureSpec = getChildMeasureSpec(parentWidthMeasureSpec, mPaddingLeft + mPaddingRight + lp.leftMargin + lp.rightMargin + widthUsed, lp.width); final int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec( lp.topMargin + lp.bottomMargin, MeasureSpec.UNSPECIFIED); child.measure(childWidthMeasureSpec, childHeightMeasureSpec); }
看下源码就会知道，ScrollView继承于FrameLayout，所以super.onMeasure(widthMeasureSpec, heightMeasureSpec);就是执行了FrameLayout的高度测量方法。但是这里重写了measureChildWithMargins方法，在这一步中，将可分配高度设置成了MeasureSpec.makeMeasureSpec(lp.topMargin + lp.bottomMargin, MeasureSpec.UNSPECIFIED)，这导致了子View的fill_parent无效了。(这一步不懂得可以看下View测量的原理和MeasureSpec的几种mode)。
所以在super.onMeasure后，子View只能获取到它本身的高度(子View的子View的最大高度)，但假如将fillViewport设置为true，ScrollView又会调用另外一步测量：
1.获取第一个子View，在此就是上述xml文件中的LinearLayout
2.获取ScrollView高度，由于设置了ScrollView高度为fill_parent,因此就是屏幕高度。
2.获取子View被测量后的高度(前面通过super.onMeasure测量获取)，假如子View的高度小于ScrollView高度，会进行第二次的测量，这次测量的参数是这样的：int childHeightMeasureSpec =
MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
即子View能分配的高度为ScrollView自身高度。
这样，当ScrollView的子View为LinearLayout时，只要设置fillViewort为true，就能实现我们想要的效果了，但是改为SwipeRefreshLayout看看
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> //红色背景 <ScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true" android:background="#ff00ff"> //黄色背景 <android.support.v4.widget.SwipeRefreshLayout android:layout_width="match_parent" android:layout_height="fill_parent" android:background="#ffff00"> //黑色背景 <LinearLayout android:layout_width="match_parent" android:layout_height="100dp" android:background="#000000" /> </android.support.v4.widget.SwipeRefreshLayout> </ScrollView> </LinearLayout>
居然全黑了！那就表示SwipeRefreshLayout内部的LinearLayout变成了fill_parent了，但是它的height是固定的100dp啊。
好吧，继续看SwipeRefreshLayout的onMeasure方法：
@Override public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); if (mTarget == null) { ensureTarget(); } if (mTarget == null) { return; } mTarget.measure(MeasureSpec.makeMeasureSpec( getMeasuredWidth() - getPaddingLeft() - getPaddingRight(), MeasureSpec.EXACTLY), MeasureSpec.makeMeasureSpec( getMeasuredHeight() - getPaddingTop() - getPaddingBottom(), MeasureSpec.EXACTLY)); mCircleView.measure(MeasureSpec.makeMeasureSpec(mCircleWidth, MeasureSpec.EXACTLY), MeasureSpec.makeMeasureSpec(mCircleHeight, MeasureSpec.EXACTLY)); .... }
这里的mTarget就是SwipeRefreshLayout的第一个子View,即我们上述xml中的LinearLayout。我们可以看到这里传入的高度是
MeasureSpec.makeMeasureSpec(
getMeasuredHeight() - getPaddingTop() - getPaddingBottom(), MeasureSpec.EXACTLY)
很明显，子View会被强制设置成SwipeRefreshLayout的高度。
在此所有问题都解决了，来个总结：
1.ScrollView内部的View的测量方法会默认设置成UNSPECIFIED，这种情况下，子View会根据自身实际高度显示，所以设置fill_parent是无效的。
2.设置ScrollView的fillViewport属性为true，这种情况下，在子View高度小于父View高度时，会重新进行一次高度测量，并且强行将子View高度设置为父View高度。而子View高度大于父View高度时，不受影响。即原来没满屏会强行变成强行满屏，原来满屏了可以继续滚动。
3.SwipeRefreshLayout的高度测量方法，会强行将子View设置成自身高度。
最后，ScrollView+SwipeRefreshLayout的嵌套组合是种很蠢得方法。。。在我们解决了上面的问题后，直接摒弃了。仅当学习新知识了。
