You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/10/18 02:30:45 UTC
[09/10] FLEX-34505 Add squiggly example to Tour De Flex Update mx
example to be more consistent
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>