BluePlastic.mxml
上传用户:jqyjoan
上传日期:2018-02-02
资源大小:1773k
文件大小:9k
源码类别:

Ajax

开发平台:

Flex

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
  3.  xmlns:ext="nl.wv.extenders.panel.*"
  4.      layout="absolute" width="864" height="554"
  5.  backgroundImage="blueglass.jpg" creationComplete="initBackButton()" viewSourceURL="srcview/index.html">
  6.  
  7.  <mx:Script>
  8.   <![CDATA[
  9.   import mx.controls.Button;
  10.  
  11.   [Bindable]
  12.   private var backButton:Button;
  13.   private var reflect:ReflectionManager;
  14.  
  15.   private function initBackButton():void {
  16.   backButton = new Button();
  17.   backButton.label  = "Bring the panel back!";
  18. backButton.x  = 380;
  19. backButton.y = 250;
  20. backButton.addEventListener(MouseEvent.CLICK, panelBack);
  21. reflect = reflection;
  22.   }
  23.  
  24.   public function panelBack(event:MouseEvent):void {
  25. addChild(panel1);
  26. reflection.target = panel1;
  27. addChild(reflection)
  28. removeChild(backButton);
  29. }
  30.   ]]>
  31.  </mx:Script>
  32. <mx:Style source="blue_plastic.css"/>
  33.     
  34. <ext:ReflectionManager id="reflection"  target="{panel1}"
  35.         width="{this.panel1.width}"
  36.         height="{(this.panel1.height / 100) * 50}"
  37.         fadeFrom="0.35"
  38.         fadeTo="0"
  39.         blur="0.3"/>
  40. <mx:MenuBar x="10" y="20" width="339">
  41. <mx:dataProvider>
  42. <mx:String>File</mx:String>
  43. <mx:String>Edit</mx:String>
  44. <mx:String>View</mx:String>
  45. <mx:String>Modify</mx:String>
  46. <mx:String>Text</mx:String>
  47. <mx:String>Window</mx:String>
  48. </mx:dataProvider>
  49. </mx:MenuBar>
  50. <ext:SuperPanel id="panel1" backButton="{backButton}"
  51. x="86.5" y="113" width="510" height="330" 
  52. showControls="true" enableResize="true"
  53. layout="absolute" title="Panel">
  54. <mx:TabNavigator paddingTop="0" borderThickness="0" left="8"  width="97%" height="97%" backgroundAlpha="0" >
  55. <mx:Canvas borderStyle="inset" label="Form Elements" width="100%" height="100%">
  56. <mx:Form>
  57.   
  58. <mx:FormItem label="TextArea:" x="20" y="40">
  59. <mx:TextArea height="84" width="150">
  60. <mx:text><![CDATA[The BluePlastic Theme uses the Superpanel and the Reflectionmanager from Wietse Veenstra. Thanks.]]></mx:text>
  61. </mx:TextArea>
  62. </mx:FormItem>
  63. <mx:FormItem label="TextInput:"  x="20" y="10">
  64. <mx:TextInput   width="150"/>
  65. </mx:FormItem>
  66. </mx:Form>
  67. <mx:CheckBox label="Checkbox" x="269.05" y="112"/>
  68. <mx:CheckBox label="Checkbox" x="269" y="86"/>
  69. <mx:RadioButton label="Button dos" groupName="radiogroup1" x="364.65" y="112"/>
  70. <mx:RadioButton label="Button uno" groupName="radiogroup1" x="364.65" y="86"/>
  71. <mx:Button label="Submit" x="162" y="198"/>
  72. <mx:Button x="242" y="198" label="Cancel"/>
  73. <mx:PopUpButton x="269" y="17" label="PopUpButton"/>
  74. <mx:ToggleButtonBar id="tBBar" selectedIndex="1"  x="71" y="152" >
  75. <mx:dataProvider>
  76. <mx:String>Button 1</mx:String>
  77. <mx:String>Button 2</mx:String>
  78. <mx:String>Button 3</mx:String>
  79. <mx:String>Button 4</mx:String>
  80. </mx:dataProvider>
  81. </mx:ToggleButtonBar>
  82. <mx:ComboBox x="269" y="47" textIndent="3">
  83. <mx:dataProvider>
  84. <mx:String>choice 1</mx:String>
  85. <mx:String>choice 2</mx:String>
  86. <mx:String>choice 3</mx:String>
  87. <mx:String>choice 4</mx:String>
  88. </mx:dataProvider>
  89. </mx:ComboBox>
  90. </mx:Canvas>
  91. <mx:Canvas backgroundAlpha="0.1" label="Tree"   borderStyle="inset" >
  92. <mx:Tree  backgroundAlpha="0" borderThickness="0" right="0" left="4" top="4" bottom="0" showRoot="false" labelField="@label">
  93. <mx:dataProvider>
  94. <mx:XML xmlns="">
  95. <nodes>
  96. <node label="Lorem Ipsum">
  97. <node label="Dolor sit amet"/>
  98. <node label="Consectetuer adipiscing elit"/>
  99. </node>
  100. <node label="Quisque eget lorem">
  101. <node label="Ac sapien rutrum vehicula"/>
  102. <node label="Etiam euismod"/>
  103. <node label="Vestibulum erat"/>
  104. </node>
  105. <node label="Aenean arcu">
  106. <node label="Phasellus condimentum"/>
  107. <node label="Augue ac orci"/>
  108. <node label="Ut sapien felis"/>
  109. </node>
  110. <node label="Rhoncus non"/>
  111. <node label="Gravida vestibulum"/>
  112. <node label="Vehicula non massa"/>
  113. <node label="Etiam eget lorem"/>
  114. <node label="Congue massa aliquet semper"/>
  115. <node label="Cras at arcu"/>
  116. <node label="Sed magna porttitor nonummy"/>
  117. <node label="Aliquam quis ipsum"/>
  118. <node label="In blandit"/>
  119. <node label="Venenatis justo"/>
  120. <node label="Vestibulum varius"/>
  121. <node label="Interdum libero"/>
  122. <node label="Nullam lorem nisl"/>
  123. <node label="Vulputate nec"/>
  124. </nodes>
  125. </mx:XML>
  126. </mx:dataProvider>
  127. </mx:Tree>
  128. </mx:Canvas>
  129. <mx:Canvas  borderStyle="inset" label="Accordion" width="100%" height="100%" >
  130. <mx:Accordion textAlign="center" width="100%" top="0" bottom="0" backgroundAlpha="0" borderThickness="0" >
  131. <mx:Canvas backgroundAlpha="0" textAlign="left"  label="Accordion" width="100%" height="100%">
  132. <mx:TextArea  styleName="nonEditText" left="0" right="0" top="1" bottom="1" >
  133. <mx:text><![CDATA[Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget lorem ac sapien rutrum vehicula. Etiam euismod vestibulum erat. Aenean arcu. Phasellus condimentum augue ac orci. Ut sapien felis, rhoncus non, gravida vestibulum, vehicula non, massa. Etiam eget lorem congue massa aliquet semper. Cras at arcu sed magna porttitor nonummy. Aliquam quis ipsum. In blandit venenatis justo. Vestibulum varius interdum libero. Nullam lorem nisl, vulputate nec, commodo vel, feugiat vel, erat. Suspendisse at lacus. Ut aliquet molestie mauris. 
  134. Fusce iaculis molestie tortor. Nulla ipsum nibh, tincidunt venenatis, pulvinar ut, vehicula eu, massa. Pellentesque blandit. Praesent metus augue, dapibus et, porttitor eu, porta tristique, orci. Proin est turpis, tristique dignissim, porttitor sit amet, sodales vitae, felis. Aenean venenatis, mauris ac ultrices varius, arcu purus accumsan justo, at sollicitudin risus libero id pede. Donec semper tellus in lacus. Nunc eget sapien at nisi blandit cursus. Nunc tristique libero. Duis consequat dignissim justo. Nam et risus. Donec quam. Integer scelerisque, felis nec mollis sagittis, erat tellus facilisis nulla, tempus adipiscing felis nulla quis justo. Cras pulvinar. Ut lacinia ligula ac felis. Nulla magna. Phasellus eu erat. Nullam euismod lobortis odio. Nunc elit nisl, rhoncus vitae, rhoncus tincidunt, molestie vel, massa.
  135. Donec posuere nonummy lacus. Praesent hendrerit, pede vel nonummy sodales, ipsum ante bibendum lacus, sed fringilla ipsum sapien eget velit. Duis vestibulum sollicitudin leo. Donec interdum tellus. Sed turpis. Nulla fermentum pharetra nulla. Fusce accumsan. Vivamus aliquet. Aenean id magna aliquam turpis molestie adipiscing. Aenean non ligula quis sem consequat porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam ornare elit. Quisque rutrum eros. Curabitur pharetra risus et mauris. Vivamus at nisl. In massa est, imperdiet vel, dignissim at, posuere vitae, lacus. Fusce tincidunt, metus eu iaculis pulvinar, lacus pede ullamcorper nisi, ut posuere velit ligula vel lorem. In accumsan dignissim felis. Praesent dui. Cras non felis non pede viverra dignissim.]]></mx:text>
  136. </mx:TextArea>
  137. </mx:Canvas>
  138. <mx:Canvas label="Lorem" width="100%" height="100%">
  139. </mx:Canvas>
  140. <mx:Canvas label="Ipsum" width="100%" height="100%">
  141. </mx:Canvas>
  142. </mx:Accordion>
  143. </mx:Canvas>
  144. <mx:Canvas label="DataGrid" width="100%" height="100%" >
  145. <mx:DataGrid x="0" y="0" width="100%" height="100%" paddingLeft="3">
  146. <mx:dataProvider>
  147.                 <mx:Array id="arr">
  148.                     <mx:Object Artist="Amos Lee" Album="Amos Lee" Song="Arms of a Woman" Genre="Folk" />
  149.                     <mx:Object Artist="Amos Lee" Album="Amos Lee" Song="Bottom of the Barrel" Genre="Folk/Jazz"/>
  150.                     <mx:Object Artist="Snow Patrol" Album="Final Straw" Song="Chocolate" Genre="Alternative"/>
  151.                     <mx:Object Artist="Snow Patrol" Album="Final Straw" Song="How to Be Dead" Genre="Alternative"/>
  152.                     <mx:Object Artist="Keane" Album="Hopes and Fears" Song="Somewhere Only We Know" Genre="Alternative"/>
  153.                 </mx:Array>
  154.             </mx:dataProvider>
  155. <mx:columns>
  156. <mx:DataGridColumn headerText="Artist" dataField="Artist" width="100"/>
  157. <mx:DataGridColumn headerText="Album" dataField="Album" width="120"/>
  158. <mx:DataGridColumn headerText="Song" dataField="Song" width="200"/>
  159. <mx:DataGridColumn headerText="Genre" dataField="Genre" width="100"/>
  160. </mx:columns>
  161. </mx:DataGrid>
  162. </mx:Canvas>
  163. </mx:TabNavigator>
  164. </ext:SuperPanel>
  165. <mx:Label text="BluePlastic by fleksray.org" color="#66CCFF" fontWeight="bold" x="383" y="21"/>
  166. <mx:LinkBar x="559" y="17" color="#66CCFF">
  167. <mx:dataProvider>
  168. <mx:String>Link Bar</mx:String>
  169. <mx:String>Lorem Ipsum</mx:String>
  170. <mx:String>Dolor</mx:String>
  171. <mx:String>Sit Amet</mx:String>
  172. </mx:dataProvider>
  173. </mx:LinkBar>
  174. </mx:Application>