Tour de Flex经典例子(三)------SkinnableContainer(登陆界面)
2012-09-14 18:54
302 查看
CustomSkinnableContainerSkin.mxml
<?xml version="1.0" encoding="utf-8"?> <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5"> <fx:Metadata> <![CDATA[ [HostComponent("spark.components.SkinnableContainer")] ]]> </fx:Metadata> <s:states> <s:State name="normal" /> <s:State name="disabled" /> </s:states> <s:Rect left="0" right="0" top="0" bottom="0" radiusX="5" radiusY="5"> <s:stroke> <s:LinearGradientStroke weight="2"/> </s:stroke> <s:fill> <s:LinearGradient rotation="90"> <s:entries> <s:GradientEntry color="0xCCCCCC"/> <s:GradientEntry color="0x323232" alpha=".8" /> </s:entries> </s:LinearGradient> </s:fill> </s:Rect> <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0"> <s:layout> <s:BasicLayout/> </s:layout> </s:Group> </s:Skin>
<?xml version="1.0" encoding="utf-8"?> <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" viewSourceURL="srcview/index.html"> <s:Panel id="myPanel" title="SkinnableContainer sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin"> <!-- Set a custom skin for the container to show a gradient background and border --> <s:SkinnableContainer skinClass="skins.CustomSkinnableContainerSkin" width="50%" height="50%" horizontalCenter="0" verticalCenter="0"> <s:VGroup horizontalCenter="0" verticalCenter="0"> <mx:Form fontSize="16"> <mx:FormItem label="Userid:"> <s:TextInput id="userid"/> </mx:FormItem> <mx:FormItem label="Password:"> <s:TextInput id="pw"/> </mx:FormItem> <mx:FormItem> <s:Button label="Login"/> </mx:FormItem> </mx:Form> </s:VGroup> </s:SkinnableContainer> </s:Panel> </s:Application>
相关文章推荐
- Tour de Flex经典例子(二)----DataGroup(包含ItemRenderer重构及特效)
- Tour de Flex中经典例子(一)-------LinkBar与Viewstack实现导航
- struts2 搭建框架例子如登陆界面,要求是用最新版struts2。
- Flex中用state来表示不同的状态的经典的例子
- ASP登陆界面连接ACCESS数据库(小例子)
- Flex系统登陆界面开发体会分享(二)
- 比flex3 explorer 更好有用的 tour de flex
- C#实例:5个.net经典例子(窗体与界面设计)
- Tour de Flex – 移动开发的更新
- Flex经典例子汇总 ------ 持续更新中
- C#实例:5个.net经典例子(窗体与界面设计)
- 好东西!Tour de Flex component explorer
- Flex登陆界面开发经验分享五:Flex登陆框美化
- Developer Connection: Tour de Flex
- Flex经典例子 -- 产生一定限制的随机数
- struts2入门-第一个例子==》第一个struts2实例——HelloWorld==》Struts2.0搭建和简单实例==>写一个Steuts2的经典入门案例,做了一个登陆程序作为入门例子
- Flex系统登陆界面开发体会分享(三)上
- Tour de Flex
- C#实例:5个.net经典例子(窗体与界面设计)
- C#实例:5个.net经典例子(窗体与界面设计)