Flex 利用Space控制进行组件的右对齐

时间:2021-09-25 05:22:25
Spacer 控件可帮助您布置父容器中的子项。虽然 Spacer 控件不会绘制任何内容,但它会在父容器中为其本身分配空间。

在以下示例中,使用灵活的 Spacer 控件将 Button 控件推到右侧,以便 Button 控件与 HBox 容器的右边对齐:

<?xml version="1.0"?> <!-- Simple example to demonstrate the Spacer control. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">      <mx:Panel id="panel" title="Spacer Control Example" height="75%" width="75%"          paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:HBox width="100%">

<mx:Label text="欢迎您,XXX"/>

<mx:Spacer width="100%"/>

<mx:Button label="注销" id="zhuxiao" click="button1_clickHandler(event)" fontWeight="normal"  themeColor="#0C00FF"/>

</mx:HBox>
</mx:Panel> </mx:Application>