topical media & game development
explore-ximpel-style-skin-flex-dark-nite.mx
explore-ximpel-style-skin-flex-dark-nite.mx
(swf
)
[ flash
]
flex
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="1024" height="680"
backgroundImage="explore-ximpel-style-dark_nite.jpg">
<mx:Style source="explore-ximpel-style-flex_skins.css"/>
<mx:MenuBar x="10" y="20" width="339">
<mx:dataProvider>
<mx:String>File</mx:String>
<mx:String>Edit</mx:String>
<mx:String>View</mx:String>
<mx:String>Modify</mx:String>
<mx:String>Text</mx:String>
<mx:String>Window</mx:String>
<mx:String>Help</mx:String>
</mx:dataProvider>
</mx:MenuBar>
<mx:VDividedBox x="10" y="64" width="230" height="570">
<mx:Panel width="100%" height="310" layout="absolute" title="Panel">
<mx:TabNavigator left="0" right="0" top="0" bottom="0" alpha="0.5">
<mx:Canvas label="Tab" width="100%" height="100%">
<mx:DateChooser x="17" y="11"/>
</mx:Canvas>
<mx:Canvas label="Lorem" width="100%" height="100%">
</mx:Canvas>
<mx:Canvas label="Ipsum" width="100%" height="100%">
</mx:Canvas>
</mx:TabNavigator>
<mx:ControlBar horizontalAlign="right">
<mx:Button label="Button"/>
<mx:Button label="Longer Button"/>
</mx:ControlBar>
</mx:Panel>
<mx:Panel height="200" layout="absolute" title="Panel" width="100%">
<mx:Tree right="0" left="0" top="0" bottom="0" showRoot="false" labelField="@label">
<mx:dataProvider>
<mx:XML xmlns="">
<nodes>
<node label="Lorem Ipsum">
<node label="Dolor sit amet"/>
<node label="Consectetuer adipiscing elit"/>
</node>
<node label="Quisque eget lorem">
<node label="Ac sapien rutrum vehicula"/>
<node label="Etiam euismod"/>
<node label="Vestibulum erat"/>
</node>
<node label="Aenean arcu">
<node label="Phasellus condimentum"/>
<node label="Augue ac orci"/>
<node label="Ut sapien felis"/>
</node>
<node label="Rhoncus non"/>
<node label="Gravida vestibulum"/>
<node label="Vehicula non massa"/>
<node label="Etiam eget lorem"/>
<node label="Congue massa aliquet semper"/>
<node label="Cras at arcu"/>
<node label="Sed magna porttitor nonummy"/>
<node label="Aliquam quis ipsum"/>
<node label="In blandit"/>
<node label="Venenatis justo"/>
<node label="Vestibulum varius"/>
<node label="Interdum libero"/>
<node label="Nullam lorem nisl"/>
<node label="Vulputate nec"/>
</nodes>
</mx:XML>
</mx:dataProvider>
</mx:Tree>
</mx:Panel>
</mx:VDividedBox>
<mx:TitleWindow x="248" y="64" width="369" height="570" layout="absolute" showCloseButton="true" title="Title Window">
<mx:Accordion left="0" right="0" top="0" bottom="0">
<mx:Canvas label="Accordion" width="100%" height="100%">
<mx:TextArea alpha="0" left="0" right="0" top="0" bottom="0" borderStyle="none">
<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.
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.
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>
</mx:TextArea>
</mx:Canvas>
<mx:Canvas label="Lorem" width="100%" height="100%">
</mx:Canvas>
<mx:Canvas label="Ipsum" width="100%" height="100%">
</mx:Canvas>
</mx:Accordion>
<mx:ControlBar>
<mx:PopUpButton label="PopUp Button" width="153"/>
<mx:Spacer width="100%"/>
<mx:HSlider minimum="0" maximum="100" thumbCount="2" values="[20,60]" showTrackHighlight="true" width="166" height="20"/>
</mx:ControlBar>
</mx:TitleWindow>
<mx:Panel x="625" y="64" width="389" height="570" layout="absolute" title="Panel">
<mx:DataGrid y="0" left="0" right="0" horizontalScrollPolicy="auto">
<mx:dataProvider>
<mx:Array id="arr">
<mx:Object Artist="Amos Lee" Album="Amos Lee" Song="Arms of a Woman" Genre="Folk" />
<mx:Object Artist="Amos Lee" Album="Amos Lee" Song="Bottom of the Barrel" Genre="Folk/Jazz"/>
<mx:Object Artist="Snow Patrol" Album="Final Straw" Song="Chocolate" Genre="Alternative"/>
<mx:Object Artist="Snow Patrol" Album="Final Straw" Song="How to Be Dead" Genre="Alternative"/>
<mx:Object Artist="Keane" Album="Hopes and Fears" Song="Somewhere Only We Know" Genre="Alternative"/>
</mx:Array>
</mx:dataProvider>
<mx:columns>
<mx:DataGridColumn headerText="Artist" dataField="Artist" width="150"/>
<mx:DataGridColumn headerText="Album" dataField="Album" width="150"/>
<mx:DataGridColumn headerText="Song" dataField="Song" width="150"/>
<mx:DataGridColumn headerText="Genre" dataField="Genre" width="150"/>
</mx:columns>
</mx:DataGrid>
<mx:Label x="83" y="198" text="ComboBox:"/>
<mx:Label x="101" y="228" text="Options:"/>
<mx:Label x="73" y="308" text="Broken Image:"/>
<mx:Label x="78" y="172" text="Color Picker:"/>
<mx:RadioButtonGroup id="radioGroup"/>
<mx:RadioButton x="171" y="230" label="Radio Button 1" selected="true" group="{radioGroup}"/>
<mx:RadioButton x="171" y="256" label="Radio Button 2" group="{radioGroup}"/>
<mx:CheckBox x="171" y="282" label="Check Box"/>
<mx:ComboBox x="171" y="198" width="117">
<mx:dataProvider>
<mx:String>Non-Editable</mx:String>
</mx:dataProvider>
</mx:ComboBox>
<mx:ColorPicker x="171" y="168"/>
<mx:Image x="171" y="308" source="explore-ximpel-style-nonexistent.jpg"/>
<mx:ControlBar horizontalAlign="center">
<mx:ToggleButtonBar selectedIndex="1">
<mx:dataProvider>
<mx:String>Button Bar First</mx:String>
<mx:String>Button Bar</mx:String>
<mx:String>Button Bar Last</mx:String>
</mx:dataProvider>
</mx:ToggleButtonBar>
</mx:ControlBar>
</mx:Panel>
<mx:Label text="Free Flex Skin provided by flexray.org" fontWeight="bold" x="427.5" y="21"/>
<mx:LinkBar x="719" y="17">
<mx:dataProvider>
<mx:String>Link Bar</mx:String>
<mx:String>Lorem Ipsum</mx:String>
<mx:String>Dolor</mx:String>
<mx:String>Sit Amet</mx:String>
</mx:dataProvider>
</mx:LinkBar>
</mx:Application>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.