布局指南
下面是我在使用容器时遵循的若干指南:
- 如果对象的容器具有基本或绝对布局,则可以使用限制条件--例如
left
、right
、top
、bottom
、horizontalCenter
和verticalCenter
来确定其位置。 - 如果容器拥有具有
layout
标签或通过使用Hgroup或 Vgroup获得的 垂直或水平布局,则可以使用horizontalAlign
、verticalAlign
、gap
、paddingTop
、paddingBottom
、paddingLeft
和paddingRight
属性来控制子组件以及包围它们的空白符。 这些属性不能用于基本或绝对布局。参见表2。
布局场景 | 在自身对象中使用属性 | 在父容器中使用属性 | ||
---|---|---|---|---|
位于BasicLayout 绝对容器中的对象 | Left, right, top, bottom | horizontalCenter, verticalCenter | ||
位于Vertical、Horizontal或 TileLayout 容器中的对象 | paddingLeft, paddingRight, paddingTop, paddingBottom | horizontalAlign, verticalAlign |
通用技巧
最后,给出需要牢记的若干通用技巧:
- 总体来说, 应该选择使用限制条件 而不选择具有(x,y)值的绝对定位方式,因为限制条件可以动态地调整浏览器的大小。 当为web、桌面、手机和平板电脑设备开发跨平台的应用程序时,这一点更为重要,因为这些设备的屏幕尺寸变化较大。
- 一般来说,可以将
left/right
用于大小调整目的,而将horizontalCenter
和verticalCenter
用于定位目的。 - 对于一般居中定位目的,特别是当启动最小尺寸窗口并且你希望对一个对象进行居中定位时,可以使用horizontalCenter。