Android视图大小测量案例研究

最近我的同事遇到了一个很有趣的问题。下面这个非常简单的布局会向我们展示一些关于Android测量系统的有趣发现。

 
 
 
 

  
  
  
  
<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设置背景。不过，这是一种说明问题的简单方式。

原文链接： danlew

译文链接： http://blog.jobbole.com/68745/