http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml index e609f09..d7279b6 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml @@ -17,9 +17,11 @@ --> <mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" - creationComplete="creationCompleteHandler();"> + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%" + creationComplete="creationCompleteHandler()"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.rpc.AsyncResponder; import mx.rpc.AsyncToken; @@ -167,7 +169,7 @@ <mx:OLAPCube name="FlatSchemaCube" dataProvider="{flatData}" id="myMXMLCube" - complete="runQuery(event);"> + complete="runQuery(event)"> <mx:OLAPDimension name="CustomerDim"> <mx:OLAPAttribute name="Customer" dataField="customer"/> @@ -197,9 +199,10 @@ </fx:Declarations> <mx:Panel title="OLAPCube Control Example" - height="75%" width="75%" layout="horizontal" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/> + </mx:Panel> </mx:Application> \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml index d8d4c86..53683fa 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml @@ -17,8 +17,10 @@ --> <!-- Simple example to demonstrate the PopUpButton control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> - +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + <fx:Script> <![CDATA[ @@ -51,12 +53,13 @@ ]]> </fx:Script> - <mx:Panel title="PopUpButton Control Example" height="75%" width="75%" - paddingTop="10" paddingBottom="10" paddingRight="10" paddingLeft="10"> + <mx:Panel title="PopUpButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Button label contains the name of the last selected menu item." /> - <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu();" width="135" /> + <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu()" width="135" /> <mx:Spacer height="50" /> <mx:TextInput id="popTypeB" /> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml index c0c6009..69e2abd 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml @@ -17,9 +17,11 @@ --> <!-- PopUpMenuButton control example. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.events.*; import mx.controls.*; @@ -41,16 +43,17 @@ </fx:XMLList> </fx:Declarations> - <mx:Panel title="PopUpMenuButton Control Example" height="100%" width="100%" - paddingTop="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="PopUpMenuButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Click the down arrow to open the menu."/> <mx:PopUpMenuButton id="p2" dataProvider="{treeDP2}" labelField="@label" - itemClick="itemClickHandler(event);"/> + itemClick="itemClickHandler(event)"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml index 5f1f156..0c8f16e 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml @@ -17,16 +17,19 @@ --> <!-- Simple example to demonstrate RadioButton control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> import mx.controls.Alert; </fx:Script> - <mx:Panel title="RadioButton Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="RadioButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="What year were women first allowed to compete in the Boston Marathon?"/> <mx:RadioButton groupName="year" id="option1" label="1942"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml index af1f0a0..5567aa3 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate RadioButtonGroup control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.controls.Alert; @@ -43,13 +45,14 @@ ]]> </fx:Script> - <mx:Panel title="RadioButtonGroup Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10"> + <mx:Panel title="RadioButtonGroup Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Select a type of credit card."/> - <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event);"/> + <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event)"/> <mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx" label="American Express" width="150" /> <mx:RadioButton groupName="cardtype" id="masterCard" value="MC" http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml index 9553fca..e2688cb 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml @@ -18,15 +18,22 @@ <!-- Simple example to demonstrate the RichTextEditor control. --> <mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" - horizontalAlign="center" verticalAlign="middle"> + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:RichTextEditor id="rte" title="RichTextEditor" height="75%" text="Enter text into the RichTextEditor control, then click a button to display your text as plain text, or as HTML-formatted text."/> - - <mx:TextArea id="rteText" width="80%" height="25%"/> - - <mx:HBox> - <mx:Button label="Show Plain Text" click="rteText.text=rte.text;"/> - <mx:Button label="Show HTML Markup" click="rteText.text=rte.htmlText;"/> - </mx:HBox> + <mx:Panel title="Rich Text Editor Control Example" horizontalAlign="center" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:RichTextEditor id="rte" title="RichTextEditor" height="75%" + text="Enter text into the RichTextEditor control, then click a button to display your text as plain text, or as HTML-formatted text."/> + + <mx:TextArea id="rteText" width="80%" height="25%"/> + + <mx:HBox> + <mx:Button label="Show Plain Text" click="rteText.text=rte.text"/> + <mx:Button label="Show HTML Markup" click="rteText.text=rte.htmlText"/> + </mx:HBox> + </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml index 1e85001..dbf57a0 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Alert control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.CloseEvent; @@ -56,19 +58,21 @@ ]]> </fx:Script> - <mx:Panel title="Alert Control Example" width="75%" horizontalAlign="center" paddingTop="10"> - <mx:Text width="100%" color="blue" textAlign="center" + <mx:Panel title="Alert Control Example" horizontalAlign="center" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + <mx:Text width="100%" textAlign="center" text="Click the button below to display a simple Alert window."/> - <mx:Button label="Click Me" click="Alert.show('Hello World!', 'Message');"/> + <mx:Button label="Click Me" click="Alert.show('Hello World!', 'Message')"/> - <mx:Text width="100%" color="blue" textAlign="center" + <mx:Text width="100%" textAlign="center" text="Click the button below to display an Alert window and capture the button pressed by the user."/> - <mx:Button label="Click Me" click="clickHandler(event);"/> + <mx:Button label="Click Me" click="clickHandler(event)"/> <mx:Label id="status" fontWeight="bold"/> - <mx:Text width="100%" color="blue" textAlign="center" + <mx:Text width="100%" textAlign="center" text="Click the button below to display an Alert window that uses custom Button labels."/> - <mx:Button label="Click Me" click="secondClickHandler(event);"/> + <mx:Button label="Click Me" click="secondClickHandler(event)"/> </mx:Panel> </mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml index 2474844..9e38cd7 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the ComboBox control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; @@ -36,15 +38,15 @@ ]]> </fx:Script> - <mx:Panel title="ComboBox Control Example" - height="75%" width="75%" layout="horizontal" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="ComboBox Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:ComboBox dataProvider="{cards}" width="150" - close="closeHandler(event);"/> + close="closeHandler(event)"/> <mx:VBox width="250"> - <mx:Text width="200" color="blue" text="Select a type of credit card."/> + <mx:Text width="200" text="Select a type of credit card."/> <mx:Label id="myLabel" text="You selected:"/> <mx:Label id="myData" text="Data:"/> </mx:VBox> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml index 5ade60d..8bb895b 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml @@ -17,7 +17,9 @@ --> <!-- DataGrid control example. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <fx:XMLList id="employees"> @@ -48,10 +50,11 @@ </fx:XMLList> </fx:Declarations> - <mx:Panel title="DataGrid Control Example" height="100%" width="100%" - paddingTop="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="DataGrid Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Select a row in the DataGrid control."/> <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}"> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml index 3205a56..55359a0 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml @@ -17,17 +17,20 @@ --> <!-- Simple example to demonstrate the HRule control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:WipeLeft id="myWL"/> </fx:Declarations> - <mx:Panel title="HRule Control Example" id="myPanel" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="HRule Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Move mouse over HorizontalRule control to redraw it."/> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml index b44524e..e7d3426 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml @@ -17,14 +17,16 @@ --> <!-- Simple example to demonstrate the Image control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel id="myPanel" title="Image Control Example" - height="75%" width="75%" horizontalAlign="center" - paddingTop="10" paddingLeft="10"> + <mx:Panel id="myPanel" title="Image Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label color="blue" text="Image embedded in the application."/> - <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/> + <mx:Label text="Image embedded in the application."/> + <mx:Image source="@Embed('assets/ApacheFlexLogo.png')" width="50%" height="50%" /> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml index 5ef85ea..587790f 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml @@ -17,41 +17,44 @@ --> <!-- Simple example to demonstrate the HSlider control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ - private var imageWidth:Number=0; - private var imageHeight:Number=0; + private var imageWidth:Number = 0; + private var imageHeight:Number = 0; // Event handler function to change the image size. private function changeSize():void { - logo.width=uint(imageWidth*hSlider.value/100); - logo.height=uint(imageHeight*hSlider.value/100); + logo.width = uint(imageWidth*hSlider.value/100); + logo.height = uint(imageHeight*hSlider.value/100); } ]]> </fx:Script> - <mx:Panel id="panel" title="HSlider Control Example" height="100%" width="95%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel id="panel" title="HSlider Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:HBox height="100%" width="100%"> <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" - creationComplete="imageWidth=logo.width; imageHeight=logo.height;" /> + creationComplete="imageWidth = logo.width; imageHeight = logo.height; changeSize()" /> </mx:HBox> - <mx:Label color="blue" text="Drag the slider to resize the image."/> + <mx:Label text="Drag the slider to resize the image."/> - <mx:HSlider id="hSlider" minimum="0" maximum="100" value="100" + <mx:HSlider id="hSlider" minimum="0" maximum="100" value="50" dataTipPlacement="top" tickColor="black" snapInterval="1" tickInterval="10" labels="['0%','100%']" allowTrackClick="true" liveDragging="true" - change="changeSize();"/> + change="changeSize()"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml index 2275598..8295b90 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml @@ -17,13 +17,15 @@ --> <!-- Simple example to demonstrate the VSlider control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ - private var imageWidth:Number=0; - private var imageHeight:Number=0; + private var imageWidth:Number = 0; + private var imageHeight:Number = 0; // Event handler function to change the image size. private function changeSize():void @@ -34,28 +36,27 @@ ]]> </fx:Script> - <mx:Panel id="panel" title="VSlider Control Example" - height="100%" width="100%" - layout="horizontal" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel id="panel" title="VSlider Control Example" layout="horizontal" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:HBox width="50%"> <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" - creationComplete="imageWidth=logo.width; imageHeight=logo.height;" /> + creationComplete="imageWidth = logo.width; imageHeight = logo.height; changeSize()" /> </mx:HBox> <mx:VBox horizontalAlign="center"> - <mx:Label color="blue" text="Drag the slider to resize the image."/> + <mx:Label text="Drag the slider to resize the image."/> <mx:VSlider id="hSlider" dataTipPlacement="top" - minimum="0" maximum="100" value="100" + minimum="0" maximum="100" value="50" tickColor="black" snapInterval="1" tickInterval="10" labels="['0%','100%']" allowTrackClick="true" liveDragging="true" - change="changeSize();"/> + change="changeSize()"/> </mx:VBox> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml index 5bdbb81..3a74f3e 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the List Control --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ [Bindable] public var selectedItem:Object; @@ -41,12 +43,13 @@ </fx:Model> </fx:Declarations> - <mx:Panel title="List Control Example" height="75%" width="75%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="List Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:Label text="Select a state to see its abbreviation."/> - <mx:List id="source" width="100%" color="blue" + <mx:List id="source" width="100%" dataProvider="{mystates.state}" change="this.selectedItem=List(event.target).selectedItem"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml index 05da3aa..242b021 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml @@ -17,14 +17,17 @@ --> <!-- Simple example to demonstrate the SWFLoader control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel title="SWFLoader Control Example" height="90%" width="90%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="SWFLoader Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:Label text="The Label control of the outer application."/> - <mx:SWFLoader id="Load" source="@Embed(source='Local.swf')" height="100" width="350"/> + <mx:SWFLoader id="Load" source="@Embed(source='Local.swf')" /> </mx:Panel> </mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml index 2972010..abca396 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Menu control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.controls.Menu; @@ -60,13 +62,14 @@ </fx:XML> </fx:Declarations> - <mx:Panel id="panel" title="Menu Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10"> + <mx:Panel id="panel" title="Menu Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Click the button to open the Menu control."/> - <mx:Button id="mybutton" label="Open Menu" click="showMenu();"/> + <mx:Button id="mybutton" label="Open Menu" click="showMenu()"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml index b150bf3..6a14898 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the ProgressBar control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ private var j:uint=10; @@ -42,12 +44,13 @@ ]]> </fx:Script> - <mx:Panel title="ProgressBar Control Example" height="75%" width="75%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="ProgressBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Click the button to increment the progress bar." /> - <mx:Button id="Speed" label="Run" click="runit();"/> + <mx:Button id="Speed" label="Run" click="runit()"/> <mx:ProgressBar id="bar" labelPlacement="bottom" minimum="0" visible="true" maximum="100" label="CurrentProgress 0%" http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml index 7163151..899ef0f 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml @@ -17,13 +17,16 @@ --> <!-- Simple example to demonstrate the VRule control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel title="VRule Control Example" id="myPanel" horizontalAlign="center" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="VRule Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:VRule rollOverEffect="WipeUp" strokeWidth="1" strokeColor="red"/> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Move mouse over VRule control to redraw it."/> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml index fd59199..e28005d 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml @@ -17,18 +17,21 @@ --> <!-- Simple example to demonstrate the Spacer control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel id="panel" title="Spacer Control Example" height="75%" width="75%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel id="panel" title="Spacer Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" - text="The Spacer control pushes the second image to the right edge of the HBox container."/> + <mx:Text width="100%" + text="The Spacer control pushes the second image to the right edge of the HBox container." /> <mx:HBox width="100%"> - <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/> + <mx:Image source="@Embed('assets/ApacheFlexLogo.png')" width="50%" height="50%" /> <mx:Spacer width="100%"/> - <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/> + <mx:Image source="@Embed('assets/ApacheFlexLogo.png')" width="50%" height="50%" /> </mx:HBox> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml index 07de42d..211cbd1 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the TabBar control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.events.ItemClickEvent; @@ -41,13 +43,14 @@ ]]> </fx:Script> - <mx:Panel title="TabBar Control Example" height="75%" width="75%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="TabBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Select a tab to change the current panel."/> - <mx:TabBar itemClick="clickEvt(event);"> + <mx:TabBar itemClick="clickEvt(event)"> <mx:dataProvider>{STATE_ARRAY}</mx:dataProvider> </mx:TabBar> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml index 3d346f9..5df3381 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml @@ -17,10 +17,13 @@ --> <!-- Simple example to demonstrate the TextArea control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel title="TextArea Control Example" height="75%" width="75%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="TextArea Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:TextArea width="400" height="100"> <mx:text> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml index 11610a4..7bfad66 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml @@ -17,10 +17,13 @@ --> <!-- Simple example to demonstrate the Text control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel title="Text Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="Text Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:Text width="100%"> <mx:text> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml index d47364e..2e459ed 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml @@ -17,10 +17,13 @@ --> <!-- Simple example to demonstrate the TextInput control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel title="TextInput Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10"> + <mx:Panel title="TextInput Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:TextInput id="src" text="Hello World!"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml index 6914889..5051054 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the TileList Control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ [Bindable] @@ -44,10 +46,11 @@ ]]> </fx:Script> - <mx:Panel title="TileList Control Example" height="100%" width="100%" - paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + <mx:Panel title="TileList Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="A TileList control displays items in rows and columns."/> <mx:TileList id="CameraSelection" height="250" width="300" http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml index 32a5c3a..d29f166 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the ToggleButtonBar control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.events.ItemClickEvent; @@ -33,15 +35,16 @@ ]]> </fx:Script> - <mx:Panel title="ToggleButtonBar Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="ToggleButtonBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Select a button in the ToggleButtonBar control."/> <mx:TextArea id="myTA" width="100%" height="100%"/> - <mx:ToggleButtonBar itemClick="clickHandler(event);"> + <mx:ToggleButtonBar itemClick="clickHandler(event)"> <mx:dataProvider> <fx:Array> <fx:String>Flex SDK</fx:String> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml index 528db0d..cd76c85 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml @@ -17,9 +17,11 @@ --> <!-- Tree control example. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ [Bindable] @@ -50,10 +52,11 @@ </fx:XMLList> </fx:Declarations> - <mx:Panel title="Tree Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Tree Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Select a node in the Tree control."/> <mx:HDividedBox width="100%" height="100%"> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml index 682eda7..dfc350b 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the VScrollBar control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> - - <fx:Script> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> <![CDATA[ import mx.events.ScrollEvent; @@ -37,19 +39,20 @@ ]]> </fx:Script> - <mx:Panel id="panel" title="VScrollBar Control Example" height="75%" width="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel id="panel" title="VScrollBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Label width="100%" color="blue" + <mx:Label width="100%" text="Click on the scroll bar to view its properties."/> <mx:VScrollBar id="bar" height="100%" minScrollPosition="0" maxScrollPosition="{panel.width - 20}" lineScrollSize="50" pageScrollSize="100" repeatDelay="1000" repeatInterval="500" - scroll="myScroll(event);"/> + scroll="myScroll(event)"/> - <mx:TextArea height="100%" width="100%" id="showPosition" color="blue"/> + <mx:TextArea height="100%" width="100%" id="showPosition"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml index a641674..e1e6256 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml @@ -17,21 +17,23 @@ --> <!-- Simple example to demonstrate the VideoDisplay control. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <mx:Panel title="VideoDisplay Control Example" height="75%" width="75%" - horizontalAlign="center" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="VideoDisplay Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="75%" color="blue" + <mx:Text width="75%" text="Use the buttons to control the video. The Stop button resets the video to the beginning."/> <mx:VideoDisplay id="myVid" height="158" width="211" source="assets/FlexInstaller.mp4" autoPlay="false"/> <mx:HBox> - <mx:Button label="Play" click="myVid.play();"/> - <mx:Button label="Pause" click="myVid.pause();"/> - <mx:Button label="Stop" click="myVid.stop();"/> + <mx:Button label="Play" click="myVid.play()"/> + <mx:Button label="Pause" click="myVid.pause()"/> + <mx:Button label="Stop" click="myVid.stop()"/> </mx:HBox> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml index 12da883..edb5ac6 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Repeater class. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.controls.Alert; @@ -30,10 +32,11 @@ ]]> </fx:Script> - <mx:Panel title="Repeater Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Repeater Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Repeater class to create 9 Button controls in a 3 by 3 Tile container."/> <mx:Tile direction="horizontal" borderStyle="inset" http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml index 3b1055e..37a0dae 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml @@ -19,11 +19,12 @@ <!-- Simple example to demonstrate the Application container. --> <mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" - backgroundColor="0xCCCCCC" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + backgroundColor="0xCCCCCC" borderStyle="solid" horizontalAlign="center" verticalAlign="middle" - applicationComplete="appComplete();"> + applicationComplete="appComplete()"> - <fx:Script> + <fx:Script> <![CDATA[ // Event handlers for the components. @@ -43,18 +44,18 @@ <mx:ApplicationControlBar dock="true"> <mx:Button label="Set Grey Solid Fill" - click="this.setStyle('backgroundColor', 0xCCCCCC);"/> + click="this.setStyle('backgroundColor', 0xCCCCCC)"/> <mx:Button label="Set Blue Solid Fill" - click="this.setStyle('backgroundColor', 0x66CCFF);"/> + click="this.setStyle('backgroundColor', 0x66CCFF)"/> </mx:ApplicationControlBar> <mx:Panel title="Application Container Example" backgroundColor="0x9CB0BA" width="75%" height="75%" - creationComplete="panelCreationComplete();"> + creationComplete="panelCreationComplete()"> <mx:TextArea id="myTA" height="100%" width="100%" text="Event order: " - creationComplete="textAreaCreationComplete();"/> + creationComplete="textAreaCreationComplete()"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml index 1b15899..c83fad1 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml @@ -16,9 +16,11 @@ limitations under the License. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.effects.easing.Elastic; import mx.collections.ArrayCollection; @@ -75,8 +77,9 @@ </mx:Sequence> </fx:Declarations> - <mx:Panel title="AddItemEffect/RemoveItemEffect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="AddItemEffect/RemoveItemEffect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <!-- This TileList uses a custom data change effect --> <mx:TileList id="tlist0" @@ -91,10 +94,10 @@ <mx:Button label="Delete selected item(s)" - click="deleteItem();"/> + click="deleteItem()"/> <mx:Button label="Add item" - click="addItem();"/> + click="addItem()"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml index 50cde02..b0efee1 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml @@ -17,7 +17,9 @@ --> <!-- Simple example to demonstrate the AnimateProperty effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:Sequence id="animateScaleXUpDown" > @@ -26,14 +28,15 @@ </mx:Sequence> </fx:Declarations> - <mx:Panel title="AnimateProperty Effect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="AnimateProperty Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Click on the image to use the AnimateProperty effect with the scaleX property."/> <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')" - mouseDownEffect="{animateScaleXUpDown}"/> + mouseDownEffect="{animateScaleXUpDown}" width="50%" height="50%" /> </mx:Panel> </mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml index e1c86a6..fae1073 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml @@ -17,7 +17,9 @@ --> <!-- Simple example to demonstrate the Blur effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:Blur id="blurImage" duration="1000" @@ -28,13 +30,15 @@ blurYFrom="10.0" blurYTo="0.0"/> </fx:Declarations> - <mx:Panel title="Blur Effect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Blur Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Click and hold the mouse on the image to see blurImage effect. Release the mouse to see the unblurImage effect."/> <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" mouseDownEffect="{blurImage}" mouseUpEffect="{unblurImage}"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml index 351a0d5..df68784 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Composite effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.effects.Move; @@ -68,29 +70,32 @@ ]]> </fx:Script> - <mx:Panel title="Composite Effect" width="75%" height="75%"> - <mx:Canvas id="canvas" width="100%" height="100%"> - - <mx:Label id="a" color="#009966" text="Sequence 1" - height="{(canvas.height-20)/2}" - width="{(canvas.width-20)/2}" - effectStart=" a.text= 'sequence 1 Running';" - effectEnd="a.text='sequence 1 ended!!!' "/> - - <mx:Label id="b" x="0" y="175" color="#00CCFF" - text="Sequence 2" - height="{(canvas.height-20)/2}" - width="{(canvas.width-20)/2}" - effectStart=" b.text= 'sequence 2 Running';" - effectEnd="b.text='sequence 2 ended!!'" /> - - <mx:Button id="button" x="245" y="85" - label="Start effect" - click="startEffect(200,175,200,0)" - effectStart="button.label='parallel effect running'" - effectEnd="button.label='parallel effect ended!!'"/> - - </mx:Canvas> + <mx:Panel title="Composite Effect" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Canvas id="canvas" width="100%" height="100%"> + + <mx:Label id="a" color="#009966" text="Sequence 1" + height="{(canvas.height-20)/2}" + width="{(canvas.width-20)/2}" + effectStart=" a.text= 'sequence 1 Running'" + effectEnd="a.text='sequence 1 ended!!!' "/> + + <mx:Label id="b" x="0" y="175" color="#00CCFF" + text="Sequence 2" + height="{(canvas.height-20)/2}" + width="{(canvas.width-20)/2}" + effectStart=" b.text= 'sequence 2 Running'" + effectEnd="b.text='sequence 2 ended!!'" /> + + <mx:Button id="button" x="245" y="85" + label="Start effect" + click="startEffect(200,175,200,0)" + effectStart="button.label='parallel effect running'" + effectEnd="button.label='parallel effect ended!!'"/> + + </mx:Canvas> - </mx:Panel> + </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml index 3e41a38..46e84ed 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml @@ -16,9 +16,11 @@ limitations under the License. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.effects.DefaultListEffect; import mx.collections.ArrayCollection; @@ -55,8 +57,9 @@ color="0x0000ff"/> </fx:Declarations> - <mx:Panel title="DefaultListEffect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="DefaultListEffect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:List id="list0" width="150" @@ -68,10 +71,10 @@ <mx:Button label="Delete item" - click="deleteItem();"/> + click="deleteItem()"/> <mx:Button label="Add item" - click="addItem();"/> + click="addItem()"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml index 9cbc514..83605e1 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml @@ -16,9 +16,11 @@ limitations under the License. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.effects.DefaultTileListEffect; import mx.effects.easing.Elastic; @@ -55,8 +57,9 @@ color="0x0000ff"/> </fx:Declarations> - <mx:Panel title="DefaultTileListEffect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="DefaultTileListEffect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:TileList id="tlist0" height="100%" width="100%" @@ -70,10 +73,10 @@ <mx:Button label="Delete selected item(s)" - click="deleteItems();"/> + click="deleteItems()"/> <mx:Button label="Add item" - click="addItems();"/> + click="addItems()"/> </mx:Panel> </mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml index 958eab9..d991a34 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml @@ -17,16 +17,19 @@ --> <!-- Simple example to demonstrate the Dissolve effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + <fx:Declarations> <mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/> <mx:Dissolve id="dissolveIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/> </fx:Declarations> - <mx:Panel title="Dissolve Effect Example" - width="95%" height="95%" layout="horizontal" - paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5"> + <mx:Panel title="Dissolve Effect Example" layout="horizontal" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:VBox height="100%"> <mx:Label text="Apache Flex" @@ -34,13 +37,14 @@ visible="{cb1.selected}" hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/> - <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" visible="{cb1.selected}" hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/> </mx:VBox> <mx:VBox height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Dissolve effect to show or hide the text, image, and button."/> <mx:Spacer height="100%"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml index 576e5c7..c6853ff 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml @@ -17,7 +17,9 @@ --> <!-- Simple example to demonstrate the Fade effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Style> @font-face { @@ -32,10 +34,11 @@ <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/> </fx:Declarations> - <mx:Panel title="Fade Effect Example" width="95%" height="95%" - paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5"> + <mx:Panel title="Fade Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Fade effect to show or hide the text and image. Use an embedded font when applying the Fade effect to text."/> <mx:Label text="Apache Flex" @@ -44,6 +47,7 @@ hideEffect="{fadeOut}" showEffect="{fadeIn}"/> <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" visible="{cb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml index 411eeda..64c2b1c 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml @@ -17,7 +17,9 @@ --> <!-- Simple example to demonstrate the Glow effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:Glow id="glowImage" duration="1000" @@ -32,13 +34,15 @@ color="0x0000FF"/> </fx:Declarations> - <mx:Panel title="Glow Effect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> - - <mx:Text width="100%" color="blue" + <mx:Panel title="Glow Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Text width="100%" text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/> - <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" mouseDownEffect="{glowImage}" mouseUpEffect="{unglowImage}"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml index 02d317d..608611f 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml @@ -17,20 +17,24 @@ --> <!-- Simple example to demonstrate the Iris effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:Iris id="irisOut" duration="1000" showTarget="true"/> <mx:Iris id="irisIn" duration="1000" showTarget="false"/> </fx:Declarations> - <mx:Panel title="Iris Effect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Iris Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Iris effect to show or hide the logo."/> <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" visible="{cb1.selected}" showEffect="{irisIn}" hideEffect="{irisOut}"/> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml index 2052a1d..73be776 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Move effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ private function moveImage():void { @@ -34,15 +36,17 @@ <mx:Move id="myMove" target="{img}"/> </fx:Declarations> - <mx:Panel title="Move Effect Example" width="95%" height="95%" - paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5"> + <mx:Panel title="Move Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Click anywhere on the canvas to move the logo horizontally to that position"/> - <mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();"> + <mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage()"> - <mx:Image id="img" source="@Embed(source='assets/ApacheFlexLogo.png')"/> + <mx:Image id="img" source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%"/> </mx:Canvas> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml index 61cfdea..6c1bb28 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml @@ -17,7 +17,9 @@ --> <!-- Simple example to demonstrate the Parallel effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:Parallel id="expand" target="{img}"> @@ -31,10 +33,11 @@ </mx:Parallel> </fx:Declarations> - <mx:Panel title="Parallel Effect Example" width="100%" height="100%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Parallel Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Button controls to move and resize the logo in parallel."/> <mx:Canvas id="canvas" width="100%" height="100%"> @@ -43,8 +46,8 @@ </mx:Canvas> <mx:ControlBar> - <mx:Button label="Expand" click="expand.end(); expand.play();"/> - <mx:Button label="Contract" click="contract.end(); contract.play();"/> + <mx:Button label="Expand" click="expand.end(); expand.play()"/> + <mx:Button label="Contract" click="contract.end(); contract.play()"/> </mx:ControlBar> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml index ae508e1..32e360a 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Pause effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.effects.easing.*; ]]> @@ -33,14 +35,15 @@ </mx:Sequence> </fx:Declarations> - <mx:Panel title="Pause Effect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Pause Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/> - <mx:Image - source="@Embed(source='assets/ApacheFlexLogo.png')" + <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" mouseDownEffect="{movePauseMove}"/> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml index f73d435..63ae745 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml @@ -17,25 +17,28 @@ --> <!-- Simple example to demonstrate the Resize effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> <fx:Declarations> <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"/> <mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/> </fx:Declarations> - <mx:Panel title="Resize Effect Example" width="100%" height="100%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Resize Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Button controls to resize the image."/> <mx:Image id="img" width="30" height="60" source="@Embed(source='assets/ApacheFlexLogo.png')"/> <mx:ControlBar> - <mx:Button label="Expand" click="expand.end(); expand.play();"/> - <mx:Button label="Contract" click="contract.end(); contract.play();"/> + <mx:Button label="Expand" click="expand.end(); expand.play()"/> + <mx:Button label="Contract" click="contract.end(); contract.play()"/> </mx:ControlBar> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml index 544621f..c0001e3 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Rotate effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ [Bindable] public var angle:int=0; @@ -44,23 +46,24 @@ <mx:Rotate id="rotate" angleFrom="{angle-45}" angleTo="{angle}" target="{myVB}"/> </fx:Declarations> - <mx:Panel title="Rotate Effect Example" horizontalAlign="center" - width="75%" height="75%" layout="horizontal" - paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5"> + <mx:Panel title="Rotate Effect Example" layout="horizontal" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> <mx:VBox id="myVB" width="50%" horizontalAlign="center"> <mx:Label text="Apache Flex" fontFamily="OpenSans" fontSize="14"/> - <mx:Image id="img" + <mx:Image id="img" + width="50%" height="50%" source="@Embed(source='assets/ApacheFlexLogo.png')"/> </mx:VBox> - <mx:Text width="50%" color="blue" + <mx:Text width="50%" text="Click the button to rotate the image 45 degrees. Use an embedded font when applying the Rotate effect to text."/> <mx:ControlBar> - <mx:Button label="Rotate 45 Degrees" click="rotateImage();"/> + <mx:Button label="Rotate 45 Degrees" click="rotateImage()"/> </mx:ControlBar> </mx:Panel> </mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml index 6675b33..933849b 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Sequence effect. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.effects.easing.*; ]]> @@ -33,14 +35,15 @@ </mx:Sequence> </fx:Declarations> - <mx:Panel title="Sequence Effect Example" width="75%" height="75%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Sequence Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/> - <mx:Image - source="@Embed(source='assets/ApacheFlexLogo.png')" + <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" + width="50%" height="50%" mouseDownEffect="{movePauseMove}"/> </mx:Panel> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml index ce232d2..1ae799f 100755 --- a/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml +++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml @@ -17,9 +17,11 @@ --> <!-- Simple example to demonstrate the Effect class. --> -<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.controls.Alert; @@ -42,25 +44,26 @@ <fx:Declarations> <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" - duration="10000" effectEnd="endEffectHandler();"/> + duration="10000" effectEnd="endEffectHandler()"/> </fx:Declarations> - <mx:Panel title="Resize Effect Example" width="100%" height="100%" - paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> + <mx:Panel title="Resize Effect Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> - <mx:Text width="100%" color="blue" + <mx:Text width="100%" text="Use the Button controls to control the Resize effect."/> <mx:Image id="img" width="30" height="60" source="@Embed(source='assets/ApacheFlexLogo.png')"/> <mx:ControlBar> - <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/> - <mx:Button label="Pause" click="expand.pause();"/> - <mx:Button label="Resume" click="expand.resume();"/> - <mx:Button label="Reverse" click="expand.reverse();"/> - <mx:Button label="End" click="expand.end();"/> - <mx:Button label="Reset" click="resetHandler();"/> + <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false"/> + <mx:Button label="Pause" click="expand.pause()"/> + <mx:Button label="Resume" click="expand.resume()"/> + <mx:Button label="Reverse" click="expand.reverse()"/> + <mx:Button label="End" click="expand.end()"/> + <mx:Button label="Reset" click="resetHandler()"/> </mx:ControlBar> </mx:Panel>