fle快速上手（中文）系列-.pdf

Adobe Flex Quick Starts 中文翻译之四：定位和布局Flex 组件 四、定位和布局 Flex组件 原文作者：Aral Balkan 原文地址：/devnet/flex/quickstart/layout_modes/ __________________________________________________________________________________ 译者：Dreamer 第 17 页 Adobe Flex Quick Starts 中文翻译之四：定位和布局Flex 组件 多数Flex容器使用预定义的规则来自动定位你在其中定义的所有的子组件。如果你 使用了Canvas容器，或者layout属性被设定 "absolute" 的Application或Panel容 器，你可以为它们的子组件进行绝对定位，或者使用基于约束的布局。 在一个Flex程序中，有三种方法来定位你的组件。 • 使用自动定位 • 使用绝对定位 • 使用基于约束的布局 使用自动定位 对于多数容器，Flex会按照该容器的布局规则自动定位它的子组件，比如布局方向， 容器的补白（padding），以及容器中子组件之间的间隔。 对于使用自动定位的容器来说，直接设定其子组件的x属性或y属性或者调用move() 方法没有任何效果，或者只是一个暂时效果，因为布局计算会把组件的位置设定为 一个经过计算得到的结果，而不是设定的值。 你可以通过定义容器属性来控制它的布局特性。下面的属性是最经常用到的属性 • layout:可能的值为"horizontal", "vertical" 和 "absolute"。当它设定为 "horizontal"的时候，容器会把其子控件水平布局，即布局成一行。当它设 定为 "vertical" 的时候，容器会把其子控件垂直布局，即布局成一列。关 于设定为 "absolute" 的信息，请看下面的“绝对定位”和“基于约束的布 局”部分。 • horzontalAlign：可能的值为"left", "center"或者"right"。 • verticalAlign：可能的值为"top", "middle"或者"bottom"。 下面这个例子改写了Application容器的horizontalAlign属性的默认值 “left” 以及verticalAlign属性的默认值，并把它们分别设定为"center" 和"middle"。 这个例子还改写了Panel容器的layout 属性的默认值"vertical"，使得Label控件和 Button控件可以水平显示。Panel容器的padding属性定义了该容器的边距，它以像 素为单位。 示例 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="/2006/mxml" viewSourceURL="sr