最近我的同事遇到了一个很有趣的问题。下面这个非常简单的布局会向我们展示一些关于Android测量系统的有趣发现。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
; html-script: false ] <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:background="#0F0" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="This is some text." /> </FrameLayout> |
预期的运行结果,应该显示带颜色背景的文本。但实际上,你根本就看不到背景ImageView:
问题的根源就在于测量。因为我们使用了颜色来代替了图片,所以ImageView很自然地认为它的宽和高都是零。Colors(或者ColorDrawables)并没有像图片那样具有实质意义上的大小,而ImageView不会大于它的背景或者图片源的大小。
有意思的是,我们可以想出很多方法来解决这个问题。每个解决方法都揭示了测量系统的某个新的方面。从直观的角度依次了解:
- 将父布局FrameLayout设置为match_parent。这样,ImageView就可以知道具体的大小,以此充满父视图。
- 使用View代替ImageView。View会扩张并填充空间,而ImageView不会。
- 使用RelativeLayout代替FrameLayout。相对布局在测量子视图大小时,会采用不同的方式。
- 为TextView宽或高设置为match_parent。这是个很让人困惑的方法。它之所以有效,是因为如果FrameLayout有一个或多个子视图使用了match_parent,会再做一次测量。
理解而不是简单地解决这个问题,需要反复阅读FrameLayout.onMeasure()和ImageView.onMeasure()代码。面对这样的问题,Android是开源项目这一事实让我感到非常高兴。
这个问题的核心在于,仅仅展示颜色不应该使用ImageView,用一个带背景的View会更加可靠。
很显然,上面的布局没有什么实质意义,大家一般都会给TextView设置背景。不过,这是一种说明问题的简单方式。