You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2014/04/25 08:32:46 UTC
[04/42] TourDeFlex donation from Adobe Systems Inc
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml
new file mode 100755
index 0000000..2468456
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the VBox layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="VBox Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="A VBox container with vertically aligned children."/>
+
+ <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10"
+ paddingLeft="10" paddingRight="10">
+
+ <mx:Button label="Button 1"/>
+ <mx:Button label="Button 2"/>
+ <mx:Button label="Button 3"/>
+ <mx:ComboBox/>
+
+ </mx:VBox>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml
new file mode 100755
index 0000000..61ab612
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the VDividedBox layout -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="VDividedBox Container Example" width="90%" height="90%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Drag the divider up and down to resize the children."/>
+
+ <mx:VDividedBox width="100%" height="100%">
+
+ <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
+ <mx:Label text="Add components here" fontWeight="bold"/>
+ </mx:Canvas>
+
+ <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
+ <mx:Label text="Add components here" fontWeight="bold"/>
+ </mx:Canvas>
+
+ </mx:VDividedBox>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml
new file mode 100755
index 0000000..366a980
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ViewStack layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="ViewStack Container Example" height="95%" width="95%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Button controls to change panels of the ViewStack container."/>
+
+ <mx:HBox borderStyle="solid" width="100%"
+ paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+
+ <mx:Button id="searchButton" label="Search Panel"
+ click="myViewStack.selectedChild=search;"/>
+ <mx:Button id="cInfoButton" label="Customer Info Panel"
+ click="myViewStack.selectedChild=custInfo;"/>
+ <mx:Button id="aInfoButton" label="Account Panel"
+ click="myViewStack.selectedChild=accountInfo;"/>
+ </mx:HBox>
+
+ <!-- Define the ViewStack and the three child containers and have it
+ resize up to the size of the container for the buttons. -->
+ <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
+
+ <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
+ <mx:Label text="Search Screen" color="#000000"/>
+ </mx:Canvas>
+
+ <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
+ <mx:Label text="Customer Info" color="#000000"/>
+ </mx:Canvas>
+
+ <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
+ <mx:Label text="Account Info" color="#000000"/>
+ </mx:Canvas>
+ </mx:ViewStack>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml
new file mode 100755
index 0000000..7ec634e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml
@@ -0,0 +1,76 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var dpFlat:ArrayCollection = new ArrayCollection([
+ {Region:"Southwest", Territory:"Arizona",
+ Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000},
+ {Region:"Southwest", Territory:"Arizona",
+ Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},
+ {Region:"Southwest", Territory:"Central California",
+ Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},
+ {Region:"Southwest", Territory:"Nevada",
+ Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},
+ {Region:"Southwest", Territory:"Northern California",
+ Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000},
+ {Region:"Southwest", Territory:"Northern California",
+ Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},
+ {Region:"Southwest", Territory:"Southern California",
+ Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000},
+ {Region:"Southwest", Territory:"Southern California",
+ Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
+ ]);
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="AdvancedDataGrid Control Example"
+ height="75%" width="75%" layout="horizontal"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:AdvancedDataGrid id="myADG"
+ width="100%" height="100%"
+ initialize="gc.refresh();">
+ <mx:dataProvider>
+ <mx:GroupingCollection id="gc" source="{dpFlat}">
+ <mx:grouping>
+ <mx:Grouping>
+ <mx:GroupingField name="Region"/>
+ <mx:GroupingField name="Territory"/>
+ </mx:Grouping>
+ </mx:grouping>
+ </mx:GroupingCollection>
+ </mx:dataProvider>
+
+ <mx:columns>
+ <mx:AdvancedDataGridColumn dataField="Region"/>
+ <mx:AdvancedDataGridColumn dataField="Territory"/>
+ <mx:AdvancedDataGridColumn dataField="Territory_Rep"
+ headerText="Territory Rep"/>
+ <mx:AdvancedDataGridColumn dataField="Actual"/>
+ <mx:AdvancedDataGridColumn dataField="Estimate"/>
+ </mx:columns>
+ </mx:AdvancedDataGrid>
+ </mx:Panel>
+
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml
new file mode 100755
index 0000000..3a6cf22
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ButtonBar control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.events.ItemClickEvent;
+
+ // Event handler function to print a message
+ // describing the selected Button control.
+ private function clickHandler(event:ItemClickEvent):void {
+ myTA.text="Selected button index: " + String(event.index) +
+ "\n" + "Selected button label: " + event.label;
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="ButtonBar Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select a button in the ButtonBar control."/>
+
+ <mx:TextArea id="myTA" width="100%" height="100%"/>
+
+ <mx:ButtonBar itemClick="clickHandler(event);">
+ <mx:dataProvider>
+ <mx:Array>
+ <mx:String>Flash</mx:String>
+ <mx:String>Director</mx:String>
+ <mx:String>Dreamweaver</mx:String>
+ <mx:String>ColdFusion</mx:String>
+ </mx:Array>
+ </mx:dataProvider>
+ </mx:ButtonBar>
+ </mx:Panel>
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml
new file mode 100755
index 0000000..15eb958
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml
@@ -0,0 +1,63 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Button control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import flash.events.Event;
+
+ // Event handler function to print a message
+ // describing the selected Button control.
+ private function printMessage(event:Event):void {
+ message.text += event.target.label + " pressed" + "\n";
+ }
+
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="Button Control Example"
+ height="75%" width="75%" layout="horizontal"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:VBox>
+ <mx:Label width="100%" color="blue"
+ text="Select a Button control."/>
+
+ <!-- The button can contain an image, as in the "Button with Icon" button -->
+ <!-- The button can contain an image, as in the "Button with Icon" button -->
+ <mx:Button id="iconButton" icon="@Embed('assets/mm-icon.png')" label="Button with Icon"
+ paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event);"/>
+
+ <!-- The size of the button and the label attributes can be customized -->
+ <mx:Button label="Customized Button" color="#993300" toggle="true" selected="true"
+ textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}"
+ click="printMessage(event);"/>
+
+ <!-- By default, the look and feel of the customized button is
+ similar to the Default Button. -->
+ <mx:Button label="Default Button" click="printMessage(event);"/>
+ </mx:VBox>
+
+ <mx:TextArea id="message" text="" editable="false" height="100%" width="100%"
+ color="#0000FF"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml
new file mode 100755
index 0000000..fca4622
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml
@@ -0,0 +1,76 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the CheckBox control -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.controls.Alert;
+
+ // This event handler adds and deletes items from the shopping cart.
+ private function modifyCart():void
+ {
+ cartItems.text = "";
+
+ if(milkCB.selected == true) {
+ cartItems.text += "milk" + '\n' ;
+ }
+
+ if(eggsCB.selected == true) {
+ cartItems.text += "eggs" + '\n';
+ }
+
+ if(breadCB.selected == true) {
+ cartItems.text +="bread" + '\n';
+ }
+ }
+
+ // This event handler opens the Alert control.
+ private function sendMessage():void
+ {
+ if(couponCB.selected == true) {
+ Alert.show('You will receive coupons.');
+ }
+ else {
+ Alert.show('You will not receive any coupons.');
+ }
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="CheckBox Control Example"
+ height="75%" width="75%" layout="horizontal"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:VBox>
+ <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
+ <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>
+ <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>
+ </mx:VBox>
+
+ <mx:VBox>
+ <mx:Label text="Items in my cart "/>
+ <mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off"/>
+ <!-- Event handler sendMessages() is used to handle event click -->
+ <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"
+ click="sendMessage()" selected="true" color="blue"/>
+ </mx:VBox>
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml
new file mode 100755
index 0000000..afc7561
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ColorPicker control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="ColorPicker Control Example" height="75%" width="75%"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select the background color of the VBox container."/>
+ <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/>
+
+ <mx:VBox width="100%" height="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/>
+ <mx:Label color="blue" text="selectedColor: 0x{cp.selectedColor.toString(16)}"/>
+ </mx:Panel>
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml
new file mode 100755
index 0000000..432c1f3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml
@@ -0,0 +1,65 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate DateChooser control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ // Event handler function to write the selected
+ // date to the Label control.
+ private function displayDate(date:Date):void {
+ if (date == null)
+ selection.text = "Date selected: ";
+ else
+ selection.text = "Date selected: " + date.getFullYear().toString() +
+ '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:DateFormatter id="df"/>
+
+ <mx:Panel title="DateChooser Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select a date in the DateChooser control."/>
+ <mx:Label width="100%" color="blue"
+ text="Select it again while holding down the Control key to clear it."/>
+
+ <mx:HBox horizontalGap="25">
+ <mx:VBox>
+ <mx:Label text="Simple DateChooser control."/>
+ <mx:DateChooser id="dateChooser1" yearNavigationEnabled="true"
+ change="displayDate(DateChooser(event.target).selectedDate)"/>
+ <mx:Label id="selection" color="blue" text="Date selected:"/>
+ </mx:VBox>
+
+ <mx:VBox>
+ <mx:Label text="Disable dates before June 1, 2006."/>
+ <mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
+ disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>
+ <mx:Label color="blue" text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
+ </mx:VBox>
+ </mx:HBox>
+
+ </mx:Panel>
+</mx:Application>
+
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml
new file mode 100755
index 0000000..6528d53
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the DateField control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ // Event handler for the DateField change event.
+ private function dateChanged(date:Date):void {
+ if (date == null)
+ selection.text = "Date selected: ";
+ else
+ selection.text = "Date selected: " + date.getFullYear().toString() +
+ '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:DateFormatter id="df"/>
+
+ <mx:Panel title="DateField Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select a date in the DateField control. Select it again to clear it."/>
+
+ <mx:Label text="Basic DateField:"/>
+ <mx:DateField id="dateField1" yearNavigationEnabled="true"
+ change="dateChanged(DateField(event.target).selectedDate)" />
+ <mx:Label id="selection" color="blue" text="Date selected:" />
+
+ <mx:Label text="Disable dates on or before June 1, 2006."/>
+ <mx:DateField id="dateField2" yearNavigationEnabled="true"
+ disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
+ <mx:Label color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/>
+
+ </mx:Panel>
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml
new file mode 100755
index 0000000..1101928
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HScrollBar control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.events.ScrollEvent;
+
+ // Event handler function to display the scroll location
+ // as you move the scroll thumb.
+ private function myScroll(event:ScrollEvent):void
+ {
+ showPosition.text = "HScrollBar properties summary:" + '\n' +
+ "------------------------------------" + '\n' +
+ "Current scroll position: " + event.currentTarget.scrollPosition + '\n' +
+ "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
+ "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel id="panel" title="HScrollBar Control Example" height="75%" width="75%"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Click on the scroll bar to view its properties."/>
+
+ <mx:HScrollBar id="bar" width="100%"
+ minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
+ lineScrollSize="50" pageScrollSize="100"
+ scroll="myScroll(event);"
+ repeatDelay="1000" repeatInterval="500" />
+
+ <mx:TextArea height="100%" width="100%" id="showPosition" color="blue" />
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml
new file mode 100755
index 0000000..5db1b2b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HorizontalList Control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ [Bindable]
+ [Embed(source="assets/Nokia_6630.png")]
+ public var phone1:Class;
+
+ [Bindable]
+ [Embed(source="assets/Nokia_6680.png")]
+ public var phone2:Class;
+
+ [Bindable]
+ [Embed(source="assets/Nokia_7610.png")]
+ public var phone3:Class;
+
+ [Bindable]
+ [Embed(source="assets/Nokia_lg_v_keypad.png")]
+ public var phone4:Class;
+
+ [Bindable]
+ [Embed(source="assets/Nokia_sm_v_keypad.png")]
+ public var phone5:Class;
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="HorizontalList Control Example" height="75%" width="75%"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="A HorizontalList control displays items in a single row."/>
+
+ <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">
+ <mx:dataProvider>
+ <mx:Array>
+ <mx:Object label="Nokia 6630" icon="{phone1}"/>
+ <mx:Object label="Nokia 6680" icon="{phone2}"/>
+ <mx:Object label="Nokia 7610" icon="{phone3}"/>
+ <mx:Object label="Nokia LGV" icon="{phone4}"/>
+ <mx:Object label="Nokia LMV" icon="{phone5}"/>
+ </mx:Array>
+ </mx:dataProvider>
+ </mx:HorizontalList>
+
+ </mx:Panel>
+</mx:Application>
+
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml
new file mode 100755
index 0000000..84f2152
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+<!-- Simple example to demonstrate the Label control -->
+
+ <mx:Script>
+ <![CDATA[
+
+ private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";
+
+ // Event handler function to change the image size.
+ private function displayHTML():void {
+ simpleLabel.htmlText= htmlData;
+ }
+
+ // Event handler function to change the image size.
+ private function displayText():void {
+ simpleLabel.text="This Label displays plain text.";
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="Label Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10">
+
+ <mx:Label id="simpleLabel" text="This Label displays plain text."/>
+ <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML();"/>
+ <mx:Button id="Clear" label="Click to display plain text" click="displayText();"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml
new file mode 100755
index 0000000..9feea95
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml
@@ -0,0 +1,48 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the LinkBar control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="LinkBar Control Example"
+ height="75%" width="75%" horizontalAlign="center"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Text width="100%"
+ text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
+
+ <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/>
+
+ <!-- Define the ViewStack and the three child containers. -->
+ <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
+
+ <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
+ <mx:Label text="Search Screen" color="#000000"/>
+ </mx:Canvas>
+
+ <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
+ <mx:Label text="Customer Info" color="#000000"/>
+ </mx:Canvas>
+
+ <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
+ <mx:Label text="Account Info" color="#000000"/>
+ </mx:Canvas>
+ </mx:ViewStack>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml
new file mode 100755
index 0000000..5eb1102
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the LinkButton control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ import mx.controls.Alert;
+ </mx:Script>
+
+ <mx:Panel title="LinkButton Control Example"
+ height="75%" width="75%" horizontalAlign="center"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%"
+ text="Select the LinkButton control to open the Alert control."/>
+
+ <mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold"
+ click="Alert.show('LinkButton selected!');"/>
+
+ </mx:Panel>
+</mx:Application>
+
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/Local.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/Local.mxml b/TourDeFlex/TourDeFlex3/src/controls/Local.mxml
new file mode 100755
index 0000000..5b600f3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/Local.mxml
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Flex application loaded by the SWFLoader control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" height="75" width="350">
+
+ <mx:Label color="blue" text="The Label control of the embedded application."/>
+
+</mx:Application>
+
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml
new file mode 100755
index 0000000..5e5e0e4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the MenuBar control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initCollections();" >
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.events.MenuEvent;
+ import mx.controls.Alert;
+ import mx.collections.*;
+
+ [Bindable]
+ public var menuBarCollection:XMLListCollection;
+
+ private var menubarXML:XMLList =
+ <>
+ <menuitem label="Menu1" data="top">
+ <menuitem label="MenuItem 1-A" data="1A"/>
+ <menuitem label="MenuItem 1-B" data="1B"/>
+ </menuitem>
+ <menuitem label="Menu2" data="top">
+ <menuitem label="MenuItem 2-A" type="check" data="2A"/>
+ <menuitem type="separator"/>
+ <menuitem label="MenuItem 2-B" >
+ <menuitem label="SubMenuItem 3-A" type="radio"
+ groupName="one" data="3A"/>
+ <menuitem label="SubMenuItem 3-B" type="radio"
+ groupName="one" data="3B"/>
+ </menuitem>
+ </menuitem>
+ </>;
+
+ // Event handler to initialize the MenuBar control.
+ private function initCollections():void {
+ menuBarCollection = new XMLListCollection(menubarXML);
+ }
+
+ // Event handler for the MenuBar control's itemClick event.
+ private function menuHandler(event:MenuEvent):void {
+ // Don't open the Alert for a menu bar item that
+ // opens a popup submenu.
+ if (event.item.@data != "top") {
+ Alert.show("Label: " + event.item.@label + "\n" +
+ "Data: " + event.item.@data, "Clicked menu item");
+ }
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="MenuBar Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select a menu item."/>
+
+ <mx:MenuBar labelField="@label" itemClick="menuHandler(event);"
+ dataProvider="{menuBarCollection}" />
+
+ </mx:Panel>
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml
new file mode 100755
index 0000000..e9cfff1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the NumericStepper control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="NumericStepper Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/>
+ <mx:NumericStepper/>
+
+ <mx:Text width="100%" color="blue"
+ text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/>
+
+ <mx:NumericStepper id="ns"
+ minimum="10.00" maximum="40.00"
+ stepSize="0.01"
+ value="20.00"
+ width="65"/>
+
+ <mx:Label color="blue" text="You selected {ns.value}"/>
+
+ </mx:Panel>
+</mx:Application>
+
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml
new file mode 100755
index 0000000..926ad6a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml
@@ -0,0 +1,214 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
+ creationComplete="creationCompleteHandler();">
+
+ <mx:Script>
+ <![CDATA[
+ import mx.rpc.AsyncResponder;
+ import mx.rpc.AsyncToken;
+ import mx.olap.OLAPQuery;
+ import mx.olap.OLAPSet;
+ import mx.olap.IOLAPQuery;
+ import mx.olap.IOLAPQueryAxis;
+ import mx.olap.IOLAPCube;
+ import mx.olap.OLAPResult;
+ import mx.events.CubeEvent;
+ import mx.controls.Alert;
+ import mx.collections.ArrayCollection;
+
+
+ //
+ // Format of Objects in the ArrayCollection:
+ //
+ // data:Object = {
+ // customer:"AAA",
+ // product:"ColdFusion",
+ // quarter:"Q1"
+ // revenue: "100.00"
+ // }
+ //
+
+ [Bindable]
+ private var flatData:ArrayCollection = new ArrayCollection(
+ [
+ {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:210, cost:25},
+ {customer:"AAA", product:"Flex", quarter:"Q2", revenue:210, cost:25},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:250, cost:125},
+ {customer:"AAA", product:"Flash", quarter:"Q4", revenue:430, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:125, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q3", revenue:210, cost:20},
+ {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:320, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q1", revenue:280, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q4", revenue:430, cost:120},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:470, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q2", revenue:570, cost:170},
+
+ {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Flash", quarter:"Q3", revenue:670, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q2", revenue:210, cost:20},
+ {customer:"BBB", product:"Dreamweaver",quarter:"Q3", revenue:120, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q4", revenue:310, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:385, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q2", revenue:340, cost:120},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:470, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q4", revenue:270, cost:170},
+
+ {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:100, cost:25},
+ {customer:"AAA", product:"Flex", quarter:"Q2", revenue:150, cost:25},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:200, cost:125},
+ {customer:"AAA", product:"Flash", quarter:"Q4", revenue:300, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q3", revenue:100, cost:20},
+ {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:270, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q1", revenue:370, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:410, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q4", revenue:300, cost:320},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:510, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q2", revenue:620, cost:170},
+
+ {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Flash", quarter:"Q3", revenue:420, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:240, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q2", revenue:100, cost:20},
+ {customer:"BBB", product:"Dreamweaver", quarter:"Q3", revenue:270, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q4", revenue:370, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q2", revenue:420, cost:120},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:680, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q4", revenue:570, cost:170}
+ ]);
+
+ private function creationCompleteHandler():void {
+ // You must initialize the cube before you
+ // can execute a query on it.
+ myMXMLCube.refresh();
+ }
+
+ // Create the OLAP query.
+ private function getQuery(cube:IOLAPCube):IOLAPQuery {
+ // Create an instance of OLAPQuery to represent the query.
+ var query:OLAPQuery = new OLAPQuery;
+
+ // Get the row axis from the query instance.
+ var rowQueryAxis:IOLAPQueryAxis =
+ query.getAxis(OLAPQuery.ROW_AXIS);
+ // Create an OLAPSet instance to configure the axis.
+ var productSet:OLAPSet = new OLAPSet;
+ // Add the Product to the row to aggregate data
+ // by the Product dimension.
+ productSet.addElements(
+ cube.findDimension("ProductDim").findAttribute("Product").children);
+ // Add the OLAPSet instance to the axis.
+ rowQueryAxis.addSet(productSet);
+
+ // Get the column axis from the query instance, and configure it
+ // to aggregate the columns by the Quarter dimension.
+ var colQueryAxis:IOLAPQueryAxis =
+ query.getAxis(OLAPQuery.COLUMN_AXIS);
+ var quarterSet:OLAPSet= new OLAPSet;
+ quarterSet.addElements(
+ cube.findDimension("QuarterDim").findAttribute("Quarter").children);
+ colQueryAxis.addSet(quarterSet);
+
+ return query;
+ }
+
+ // Event handler to execute the OLAP query
+ // after the cube completes initialization.
+ private function runQuery(event:CubeEvent):void {
+ // Get cube.
+ var cube:IOLAPCube = IOLAPCube(event.currentTarget);
+ // Create a query instance.
+ var query:IOLAPQuery = getQuery(cube);
+ // Execute the query.
+ var token:AsyncToken = cube.execute(query);
+ // Setup handlers for the query results.
+ token.addResponder(new AsyncResponder(showResult, showFault));
+ }
+
+ // Handle a query fault.
+ private function showFault(result:Object, token:Object):void {
+ Alert.show("Error in query.");
+ }
+
+ // Handle a successful query by passing the query results to
+ // the OLAPDataGrid control..
+ private function showResult(result:Object, token:Object):void {
+ if (!result) {
+ Alert.show("No results from query.");
+ return;
+ }
+ myOLAPDG.dataProvider= result as OLAPResult;
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:OLAPCube name="FlatSchemaCube"
+ dataProvider="{flatData}"
+ id="myMXMLCube"
+ complete="runQuery(event);">
+
+ <mx:OLAPDimension name="CustomerDim">
+ <mx:OLAPAttribute name="Customer" dataField="customer"/>
+ <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Customer"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPDimension name="ProductDim">
+ <mx:OLAPAttribute name="Product" dataField="product"/>
+ <mx:OLAPHierarchy name="ProductHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Product"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPDimension name="QuarterDim">
+ <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
+ <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Quarter"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPMeasure name="Revenue"
+ dataField="revenue"
+ aggregator="SUM"/>
+ </mx:OLAPCube>
+
+ <mx:Panel title="OLAPCube Control Example"
+ height="75%" width="75%" layout="horizontal"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <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/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml
new file mode 100755
index 0000000..71ae054
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml
@@ -0,0 +1,65 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the PopUpButton control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.controls.*;
+ import mx.events.*;
+
+ private var myMenu:Menu;
+
+ // Initialize the Menu control, and specify it as the pop up object
+ // of the PopUpButton control.
+ private function initMenu():void {
+ myMenu = new Menu();
+ var dp:Object = [{label: "New Folder"}, {label: "Sent Items"}, {label: "Inbox"}];
+ myMenu.dataProvider = dp;
+ myMenu.selectedIndex = 0;
+ myMenu.addEventListener("itemClick", itemClickHandler);
+ popB.popUp = myMenu;
+ popB.label = "Put in: " + myMenu.dataProvider[myMenu.selectedIndex].label;
+ }
+
+ // Define the event listener for the Menu control's itemClick event.
+ private function itemClickHandler(event:MenuEvent):void {
+ var label:String = event.item.label;
+ popTypeB.text=String("Moved to " + label);
+ popB.label = "Put in: " + label;
+ popB.close();
+ myMenu.selectedIndex = event.index;
+ }
+
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="PopUpButton Control Example" height="75%" width="75%"
+ paddingTop="10" paddingBottom="10" paddingRight="10" paddingLeft="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Button label contains the name of the last selected menu item." />
+ <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu();" width="135" />
+
+ <mx:Spacer height="50" />
+ <mx:TextInput id="popTypeB" />
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml
new file mode 100755
index 0000000..caf6ce7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- PopUpMenuButton control example. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+ import mx.events.*;
+ import mx.controls.*;
+
+ //Event handler, invoked when you select from the menu.
+ public function itemClickHandler(event:MenuEvent):void {
+ Alert.show("Menu label: " + event.label
+ + " \n menu item index within parent menu: " + event.index);
+ }
+ ]]>
+ </mx:Script>
+
+ <!-- A an data provider in E4X format. -->
+ <mx:XMLList id="treeDP2">
+ <node label="Inbox"/>
+ <node label="Calendar"/>
+ <node label="Deleted Items"/>
+ </mx:XMLList>
+
+ <mx:Panel title="PopUpMenuButton Control Example" height="100%" width="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Click the down arrow to open the menu."/>
+
+ <mx:PopUpMenuButton id="p2"
+ dataProvider="{treeDP2}"
+ labelField="@label"
+ itemClick="itemClickHandler(event);"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml
new file mode 100755
index 0000000..58ed479
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate RadioButton control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ import mx.controls.Alert;
+ </mx:Script>
+
+ <mx:Panel title="RadioButton Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="What year were women first allowed to compete in the Boston Marathon?"/>
+
+ <mx:RadioButton groupName="year" id="option1" label="1942"/>
+ <mx:RadioButton groupName="year" id="option2" label="1952"/>
+ <mx:RadioButton groupName="year" id="option3" label="1962"/>
+ <mx:RadioButton groupName="year" id="option4" label="1972"/>
+
+ <mx:Button label="Check Answer"
+ click="Alert.show(option4.selected?'Correct Answer!':'Wrong Answer', 'Result')"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml
new file mode 100755
index 0000000..9d7d22c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml
@@ -0,0 +1,61 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate RadioButtonGroup control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.controls.Alert;
+ import mx.events.ItemClickEvent;
+
+ // Event handler function to display the selected button
+ // in an Alert control.
+ private function handleCard(event:ItemClickEvent):void {
+ if (event.currentTarget.selectedValue == "AmEx") {
+ Alert.show("You selected American Express")
+ }
+ else {
+ if (event.currentTarget.selectedValue == "MC") {
+ Alert.show("You selected MasterCard")
+ }
+ else {
+ Alert.show("You selected Visa")
+ }
+ }
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="RadioButtonGroup Control Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select a type of credit card."/>
+
+ <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"
+ label="MasterCard" width="150" />
+ <mx:RadioButton groupName="cardtype" id="visa" value="Visa"
+ label="Visa" width="150" />
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml
new file mode 100755
index 0000000..5196c19
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0" ?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the RichTextEditor control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
+ horizontalAlign="center" verticalAlign="middle">
+
+ <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:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml
new file mode 100755
index 0000000..b140682
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml
@@ -0,0 +1,74 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Alert control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+ import mx.controls.Alert;
+ import mx.events.CloseEvent;
+
+ // Event handler function uses a static method to show
+ // a pop-up window with the title, message, and requested buttons.
+ private function clickHandler(event:Event):void {
+ Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler);
+ }
+
+ // Event handler function for displaying the selected Alert button.
+ private function alertClickHandler(event:CloseEvent):void {
+ if (event.detail==Alert.YES)
+ status.text="You answered Yes";
+ else
+ status.text="You answered No";
+ }
+
+ // Event handler function changes the default Button labels and sets the
+ // Button widths. If you later use an Alert with the default Buttons,
+ // you must reset these values.
+ private function secondClickHandler(event:Event):void {
+ Alert.buttonWidth = 100;
+ Alert.yesLabel = "Magenta";
+ Alert.noLabel = "Blue";
+ Alert.cancelLabel = "Green";
+
+ Alert.show("Select a color:","Color Selection",1|2|8,this);
+
+ // Set the labels back to normal:
+ Alert.yesLabel = "Yes";
+ Alert.noLabel = "No";
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="Alert Control Example" width="75%" horizontalAlign="center" paddingTop="10">
+ <mx:Text width="100%" color="blue" 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:Text width="100%" color="blue" 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:Label id="status" fontWeight="bold"/>
+
+ <mx:Text width="100%" color="blue" 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:Panel>
+
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml
new file mode 100755
index 0000000..1ff2fde
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml
@@ -0,0 +1,53 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the ComboBox control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ public var cards:ArrayCollection = new ArrayCollection(
+ [ {label:"Visa", data:1},
+ {label:"MasterCard", data:2},
+ {label:"American Express", data:3} ]);
+
+ private function closeHandler(event:Event):void {
+ myLabel.text = "You selected: " + ComboBox(event.target).selectedItem.label;
+ myData.text = "Data: " + ComboBox(event.target).selectedItem.data;
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="ComboBox Control Example"
+ height="75%" width="75%" layout="horizontal"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:ComboBox dataProvider="{cards}" width="150"
+ close="closeHandler(event);"/>
+
+ <mx:VBox width="250">
+ <mx:Text width="200" color="blue" text="Select a type of credit card."/>
+ <mx:Label id="myLabel" text="You selected:"/>
+ <mx:Label id="myData" text="Data:"/>
+ </mx:VBox>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml
new file mode 100755
index 0000000..29db6be
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml
@@ -0,0 +1,76 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- DataGrid control example. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:XMLList id="employees">
+ <employee>
+ <name>Christina Coenraets</name>
+ <phone>555-219-2270</phone>
+ <email>ccoenraets@fictitious.com</email>
+ <active>true</active>
+ </employee>
+ <employee>
+ <name>Joanne Wall</name>
+ <phone>555-219-2012</phone>
+ <email>jwall@fictitious.com</email>
+ <active>true</active>
+ </employee>
+ <employee>
+ <name>Maurice Smith</name>
+ <phone>555-219-2012</phone>
+ <email>maurice@fictitious.com</email>
+ <active>false</active>
+ </employee>
+ <employee>
+ <name>Mary Jones</name>
+ <phone>555-219-2000</phone>
+ <email>mjones@fictitious.com</email>
+ <active>true</active>
+ </employee>
+ </mx:XMLList>
+
+ <mx:Panel title="DataGrid Control Example" height="100%" width="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select a row in the DataGrid control."/>
+
+ <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
+ <mx:columns>
+ <mx:DataGridColumn dataField="name" headerText="Name"/>
+ <mx:DataGridColumn dataField="phone" headerText="Phone"/>
+ <mx:DataGridColumn dataField="email" headerText="Email"/>
+ </mx:columns>
+ </mx:DataGrid>
+
+ <mx:Form width="100%" height="100%">
+ <mx:FormItem label="Name">
+ <mx:Label text="{dg.selectedItem.name}"/>
+ </mx:FormItem>
+ <mx:FormItem label="Email">
+ <mx:Label text="{dg.selectedItem.email}"/>
+ </mx:FormItem>
+ <mx:FormItem label="Phone">
+ <mx:Label text="{dg.selectedItem.phone}"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml
new file mode 100755
index 0000000..da9c97d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the HRule control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:WipeLeft id="myWL"/>
+
+ <mx:Panel title="HRule Control Example" id="myPanel"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/>
+ <mx:Label width="100%" color="blue"
+ text="Move mouse over HorizontalRule control to redraw it."/>
+
+ </mx:Panel>
+</mx:Application>
+
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml
new file mode 100755
index 0000000..4c827f2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Image control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel id="myPanel" title="Image Control Example"
+ height="75%" width="75%" horizontalAlign="center"
+ paddingTop="10" paddingLeft="10">
+
+ <mx:Label color="blue" text="Image embedded in the application."/>
+ <mx:Image source="@Embed('assets/Nokia_6630.png')"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file