Flex学习之路之十七 Panel的使用

最新推荐文章于 2021-08-01 18:41:05 发布

原创最新推荐文章于 2021-08-01 18:41:05 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Panel

flex 专栏收录该内容

23 篇文章

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkPanelSimple.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark" >
<s:Panel id="myPanel" title="My Application" x="20" y="20">
<s:Form id="myForm" width="400">
<s:FormHeading label="Billing Information"/>
<s:FormItem label="First Name">
<s:TextInput id="fname" width="100%"/>
</s:FormItem>
<s:FormItem label="Last Name">
<s:TextInput id="lname" width="100%"/>
</s:FormItem>
<s:FormItem label="Address">
<s:TextInput id="addr1" width="100%"/>
<s:TextInput id="addr2" width="100%"/>
</s:FormItem>
<s:FormItem label="City">
<s:TextInput id="city"/>
</s:FormItem>
<s:FormItem label="State">
<s:TextInput id="state"/>
</s:FormItem>
<s:FormItem label="ZIP Code">
<s:TextInput id="zip" width="100"/>
</s:FormItem>
<s:FormItem>
<mx:HRule width="200" height="1"/>
<s:Button label="Submit Form"/>
</s:FormItem>
</s:Form>
</s:Panel>
</s:Application>

下面是一个弹出对话框的面板

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\myComponents\MyAlertPopUp.mxml -->
<s:SkinnablePopUpContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
<s:Panel title="My Alert Panel">
<s:VGroup width="100%" horizontalAlign="center"
paddingTop="20" gap="20">
<s:Label text="Your custom alert box"/>
<s:Button label="OK" click="close();"/>
</s:VGroup>
</s:Panel>
</s:SkinnablePopUpContainer>

<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkSkinnablePopUpContainerComponents.mxml -->
<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">
<fx:Script>
<![CDATA[
// Import the MyAlertPopUp class.
import myComponents.MyAlertPopUp;
// Create an instance of MyAlertPopUp.
public var alertDB:MyAlertPopUp = new MyAlertPopUp();
]]>
</fx:Script>
<!-- Open the MyAlertPopUp instance. -->
<s:Button label="Open Alert" click="alertDB.open(this, false);"/>
</s:Application>