Android 4.3中的视觉边界布局(Optical bounds layout)

不错的文章,转载了:http://www.tuicool.com/articles/YRRRnq

Optical bounds layout(视觉/光学边界布局)是在4.3（Api level 18）中引入的一种新的布局对齐方式。之前是使用控件边界来布局的。可以在“设置” 中的 “开发者选项” 中的 “显示布局边界” 功能来查看界面的每个空间的编辑。

下面两个图是使用控件边界布局和视觉编辑布局的对比：

使用控件编辑布局（默认）

使用视觉边界布局

下面两个图是显示了每个控件边界的图（ 蓝色 为控件的边界； 粉红色 为视觉边界）：

控件的边界

注意：该图上面的粉红色外框，是由于使用了带有阴影的.9图导致的。

视觉编辑布局示意图

可以看到，对于那些有透明空白边的控件来说，使用视觉边界布局在显示效果上更加整齐。 不然的话，要保证每个控件的空白透明边都是一样的才能保证内容对齐。

由于引入了视觉边界布局，所以为了消除半透明阴影对布局的影响，特别是常用作背景图的.9图片。 下面是一个引入了视觉边界区域的.9图：

带有视觉边界标示的.9图

注意上图和普通的.9图多了 4条红线。右边上下两条；下面左右两条。

这4条红线分别用来指示透明边界区域的，也就是当使用视觉边界布局的时候，把红色线标记的区域当做透明区域对待。从非红色标记的区域当做视觉边界区域来布局控件。

这样，就能保证 上面的文本边界和下面的按钮背景边界对齐了。 如上图所示。