<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:layout >
<s:VerticalLayout/>
</s:layout>
<!--此布局对BorderContainer和Label生效-->
<s:Label x="342" y="52" text="用户注册界面" styleName="addHeader"/>
<s:BorderContainer borderColor="#0b85b7"
cornerRadius="8">
<s:Group>
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<!--此布局对Group内的子内容生效-->
<mx:FormItem label="员工">
<s:DropDownList id="dropDownList"/>
</mx:FormItem>
<mx:FormItem label="工作电话">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="地址">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem >
<s:Button label="提交" />
</mx:FormItem>
</s:Group>
</s:BorderContainer>
</s:Application>
<!--
四个Flex框架布局类：
1、BasicLayout类将基于x和y绝对属性显示容器中的所有内容,默认布局
2、HorizontalLayout类将所有内容水平方向彼此相邻放置
3、TileLayout类将并列显示容器中的所有子内容
4、VerticalLayout类将所有了内容彼此垂直方向布局好
-->
<!--
七个Spark容器
没有任何可视化皮肤：Group和DataGroup
有可视化皮肤的五个容器：SkinnableContainer、SkinnableDataContainer、
Panel（默认情况下有一个可视化皮肤）、Application、BorderContainer
-->
<!--
布局类于布局类间可嵌套
容器间也可嵌套
-->
最新评论