在给开发者做演讲时, 当我解释如何通过XML文件创建视图的时候, 一个开发者问道: “如果我想将按钮居中显示, 并且占据其父视图宽度的一半,
应该怎么做呢? ” 起初, 我并没有完全理解他的意思, 后来他把想要实现的功能画在了 黑板上, 我才恍然大悟。 他想实现的功能如图1 -1和图1 -2
所示。
看 起来 很 简 单是 吗? 现在 开 始, 请读 者 用5分钟 时 间 实 现这 个 功 能。 在 这 个Hack
里, 我 们 分 析 如 何 结 合
LinearLayout
的
android:weightSum 属 性 和
LinearLayout 的 子 视 图 的
android:layout_weight 属 性来解决这个问题。 这听起来似乎很简单, 不过
我经常在面试中问到这个问题, 很少有面试者知道最佳答案。
图
1 -2 居中显示按钮, 并占据父视图
50% 宽度(竖屏)
1 .1 合用
weightSum
属性和 layout_weight
属性
不同
Android 设备的尺寸往往是不同的。 作为开发者, 我们需要创建适用于不同尺寸屏幕的
XML
文件。 硬编码是不可取的, 因此需要其他方法来组织视图。本节分析如何合用
layout_weight 和
weightSum 这两个属 性来
填充布局内 部的任意剩余空间。 android:weightSum(见
1 .3
节) 的开发文档里的一段描述与我们现在想要实现的功能类似, 文档内容如下:
“定义 weight
总和的 最大值。 如果未指 定该值, 以 所有子 视图 的
layout_weight
属 性的 累 加 值作 为 总 和 的 最大值。 一 个典型的 案例 是: 通过指 定子 视图 的
layout_weight
属 性为 0.5, 并设置LinearLayout
的 weightSum
属性为 1 .0, 实现子视图 占 据可用 宽度的
50%。”
设想一个场景: 我们要在盒子里放置其他物体。 盒子可用空间 的比例就是
weightSum, 盒子中 每个物体可用空间 的比例就是layout_weight。
例如, 盒子的 WeightSum
是 1, 我们需要往盒子里放置两个物体:
物体 A
和物体 B。 物体
A
的 layout_weight
为 0.25,物体
B
的 layout_weight
为 0.75。 那么, 物体
A
可以占据盒子
25%的空间, 而物体
B
可以占据剩下的
75% 的空间。
本章开头所讨论问题的解决方案是与之类似的。 我们为父视图
指定一个 weightSum, 然后指定
Button 的
android:layout_weight
属性为
weightSum
的一半。 XML
文件的源码如下所示:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
Licensed to Kimberly Brabec <brabec.kimberly.waterside@gmail.com>
Using lazy loading and avoiding replication
3
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#FFFFFF"
android:gravity="center"
android:orientation="horizontal"
android:weightSum="1">
B
Reads the
android:weightSum attribute
<Button
android:layout_width="0dp"
C
Decides the
button’s width
android:layout_height="wrap_content"
android:layout_weight="0.5"
D
Makes sure it uses exactly
android:text="Click me"/>
50% of available space
</LinearLayout>
另外参考文章:http://blog.youkuaiyun.com/zzf112/article/details/7034412
http://blog.youkuaiyun.com/yanzi1225627/article/details/24667299