Android视图大小测量案例研究

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

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

  1. <FrameLayout 
  2.     android:layout_width="wrap_content" 
  3.     android:layout_height="wrap_content"
  4.   
  5.     <ImageView 
  6.         android:layout_width="match_parent" 
  7.         android:layout_height="match_parent" 
  8.         android:background="#0F0" /> 
  9.   
  10.     <TextView 
  11.         android:layout_width="wrap_content" 
  12.         android:layout_height="wrap_content" 
  13.         android:text="This is some text." /> 
  14. </FrameLayout> 

预期的运行结果,应该显示带颜色背景的文本。但实际上,你根本就看不到背景ImageView:

qURBGu9

问题的根源就在于测量。因为我们使用了颜色来代替了图片,所以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/

责任编辑:闫佳明 来源: blog.jobbole
相关推荐

2017-05-08 17:40:23

Oracle视图优化案例分析

2009-08-28 17:51:40

iPhone多视图开发

2014-08-05 09:28:39

软件案例

2011-08-15 18:02:32

iPhone开发表视图

2023-11-03 18:03:54

Web应用Python

2009-11-23 20:32:11

ibmdwSOA

2012-12-18 09:59:07

2010-06-21 14:33:34

风险评估安全审计

2022-11-09 11:50:21

2020-07-17 15:06:27

海比研究SaaS

2014-09-24 10:25:06

软件

2013-08-06 13:45:29

Android性能个案

2009-10-12 15:18:05

2012-08-01 09:56:34

虚拟化

2020-12-04 06:06:33

微软 AI 远程医疗

2015-09-08 09:20:49

案例研究混合云云部署

2011-10-28 09:21:05

数据中心市电直供PUE

2021-08-16 14:04:25

医疗物联网IOT

2023-07-18 16:01:51

布线结构化布线

2010-03-02 15:10:27

Android系统
点赞
收藏

51CTO技术栈公众号