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/08/09 04:17:20 UTC
[05/10] moved mx example files to mx directory
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
new file mode 100755
index 0000000..347d7cb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
@@ -0,0 +1,45 @@
+<?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 Canvas layout container.-->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <mx:Panel title="Canvas Container Example" height="95%" width="95%"
+ paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+
+ <mx:Label width="100%" color="blue"
+ text="Use absolute positioning to place the children of a Canvas container."/>
+
+ <mx:Canvas borderStyle="solid" height="200" width="100%">
+
+ <!-- Stagger the position of the TextInput controls using absolute positioning.-->
+ <mx:TextInput width="100" x="50" y="5"/>
+ <mx:TextInput width="100" x="100" y="30"/>
+ <mx:TextInput width="100" x="150" y="55"/>
+
+ <!-- Overlap the VBox containers using layout constraints.-->
+ <mx:VBox right="115" bottom="50" width="75" height="75" backgroundColor="#0080C0"/>
+ <mx:VBox right="70" bottom="30" width="75" height="75" backgroundColor="#FFFF80"/>
+ <mx:VBox right="25" bottom="10" width="75" height="75" backgroundColor="#8080C0" alpha="0.8"/>
+
+ <mx:Text right="25" y="110"
+ text="The Canvas container lets you place components on top of each other."/>
+ </mx:Canvas>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
new file mode 100755
index 0000000..7f307e0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.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 ControlBar container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <mx:Panel title="ControlBar Container Example" width="75%" height="75%"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:HBox width="100%" height="100%">
+ <!-- Area for your catalog. -->
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" width="50%" height="100%"/>
+ <mx:Text width="50%" color="blue"
+ text="The ControlBar container in this example adds a Label, NumericStepper, Spacer, and Button control to the bottom of the Panel container."/>
+ </mx:HBox>
+
+ <mx:ControlBar>
+ <mx:Label text="Quantity"/>
+ <mx:NumericStepper/>
+ <!-- Use Spacer to push Button control to the right. -->
+ <mx:Spacer width="100%"/>
+ <mx:Button label="Add to Cart"/>
+ </mx:ControlBar>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
new file mode 100755
index 0000000..7b83f63
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
@@ -0,0 +1,45 @@
+<?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 Panel layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+
+ private function showProperties():void {
+ panelPropertyArea.text= "Status: " + panel.status + '\n' +
+ "Title: " + panel.title + '\n' +
+ "Width: " + panel.width + '\n' +
+ "Height: " + panel.height ;
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel id="panel" title="Panel Container Example" status="Active"
+ height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Click the Button control to see panel properties."/>
+
+ <mx:TextArea id="panelPropertyArea" width="100%" height="100%"/>
+ <mx:Button label="Click to view Panel properties" click="showProperties();"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
new file mode 100755
index 0000000..aa9cd40
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
@@ -0,0 +1,52 @@
+<?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 custom MXML TitleWindow component.
+ The TitleWindowApp application displays this component.
+ You cannot run it independently. -->
+
+<mx:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ title="Title Window" x="168" y="86">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.managers.PopUpManager;
+ import mx.controls.Text;
+
+ // A reference to the TextInput control in which to put the result.
+ public var loginName:Text;
+
+ // Event handler for the OK button.
+ private function returnName():void {
+ loginName.text="Name entered: " + userName.text;
+ PopUpManager.removePopUp(this);
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:HBox>
+ <mx:Label text="Enter Name: "/>
+ <mx:TextInput id="userName" width="100%"/>
+ </mx:HBox>
+
+ <mx:HBox>
+ <mx:Button label="OK" click="returnName();"/>
+ <mx:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
+ </mx:HBox>
+
+</mx:TitleWindow>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
new file mode 100755
index 0000000..49c3a2e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
@@ -0,0 +1,54 @@
+<?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 TabNavigator layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <mx:Panel title="TabNavigator Container Example" height="90%" width="90%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select the tabs to change the panel."/>
+
+ <mx:TabNavigator id="tn" width="100%" height="100%">
+ <!-- Define each panel using a VBox container. -->
+
+ <mx:VBox label="Panel 1">
+ <mx:Label text="TabNavigator container panel 1"/>
+ </mx:VBox>
+
+ <mx:VBox label="Panel 2">
+ <mx:Label text="TabNavigator container panel 2"/>
+ </mx:VBox>
+
+ <mx:VBox label="Panel 3">
+ <mx:Label text="TabNavigator container panel 3"/>
+ </mx:VBox>
+ </mx:TabNavigator>
+
+ <mx:Label width="100%" color="blue"
+ text="Programmatically select the panel using a Button control."/>
+
+ <mx:HBox>
+ <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/>
+ <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/>
+ <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/>
+ </mx:HBox>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
new file mode 100755
index 0000000..3f7329a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.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 Tile layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <mx:Panel title="Tile Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="A Tile container lays out its children in a grid of equal-sized cells."/>
+
+ <mx:Tile direction="horizontal" borderStyle="inset"
+ horizontalGap="10" verticalGap="15"
+ paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+ <mx:Button label="1" height="50" width="75"/>
+ <mx:Button label="2" height="50" width="75"/>
+ <mx:Button label="3" height="50" width="75"/>
+ <mx:Button label="4" height="50" width="75"/>
+ <mx:Button label="5" height="50" width="75"/>
+ <mx:Button label="6" height="50" width="75"/>
+
+ </mx:Tile>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
new file mode 100755
index 0000000..fbdefcd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
@@ -0,0 +1,63 @@
+<?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.
+ -->
+
+<!-- Main application to demonstrate TitleWindow layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.managers.PopUpManager;
+ import mx.containers.TitleWindow;
+ import flash.geom.Point;
+
+ private var point1:Point = new Point();
+
+ // Open the TitleWindow container.
+ // Cast the return value of the createPopUp() method
+ // to SimpleTitleWindowExample, the name of the
+ // component containing the TitleWindow container.
+ private function showWindow():void {
+ var login:SimpleTitleWindowExample=SimpleTitleWindowExample(PopUpManager.createPopUp( this, SimpleTitleWindowExample , true));
+
+ // Calculate position of TitleWindow in Application's coordinates.
+ // Position it 25 pixels down and to the right of the Button control.
+ point1.x=0;
+ point1.y=0;
+ point1=myButton.localToGlobal(point1);
+ login.x=point1.x+25;
+ login.y=point1.y+25;
+
+ // Pass a reference to the TextInput control
+ // to the TitleWindow container so that the
+ // TitleWindow container can return data to the main application.
+ login.loginName=returnedName;
+ }
+ ]]>
+ </fx:Script>
+
+ <mx:Panel title="TitleWindow Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Button id="myButton" label="Click to open the TitleWindow container"
+ click="showWindow();"/>
+
+ <mx:Text id="returnedName" text="" width="100%"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
new file mode 100755
index 0000000..b45dcfd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
new file mode 100755
index 0000000..de7701a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
new file mode 100755
index 0000000..26e1be4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png
new file mode 100644
index 0000000..4ff037f
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png differ
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
new file mode 100755
index 0000000..ab61096
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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}
+ ]);
+ ]]>
+ </fx: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:GroupingCollection2 id="gc" source="{dpFlat}">
+ <mx:grouping>
+ <mx:Grouping>
+ <mx:GroupingField name="Region"/>
+ <mx:GroupingField name="Territory"/>
+ </mx:Grouping>
+ </mx:grouping>
+ </mx:GroupingCollection2>
+ </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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
new file mode 100755
index 0000000..e3725cf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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;
+ }
+ ]]>
+ </fx: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>
+ <fx:Array>
+ <fx:String>Flex SDK</fx:String>
+ <fx:String>Flex JS</fx:String>
+ <fx:String>Falcon</fx:String>
+ <fx:String>Falcon JX</fx:String>
+ </fx:Array>
+ </mx:dataProvider>
+ </mx:ButtonBar>
+ </mx:Panel>
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
new file mode 100755
index 0000000..0ef5c63
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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";
+ }
+
+ ]]>
+ </fx: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/ApacheFlexIcon.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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
new file mode 100755
index 0000000..558039b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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.');
+ }
+ }
+ ]]>
+ </fx: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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
new file mode 100755
index 0000000..435c332
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
new file mode 100755
index 0000000..5790534
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.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 DateChooser control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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();
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:DateFormatter id="df"/>
+ </fx:Declarations>
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
new file mode 100755
index 0000000..8e99773
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
@@ -0,0 +1,57 @@
+<?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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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();
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:DateFormatter id="df"/>
+ </fx:Declarations>
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
new file mode 100755
index 0000000..6434919
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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 ;
+ }
+ ]]>
+ </fx: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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
new file mode 100755
index 0000000..71328fa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo1:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo2:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo3:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo4:Class;
+
+ [Bindable]
+ [Embed(source="assets/ApacheFlexLogo.png")]
+ public var logo5:Class;
+ ]]>
+ </fx: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>
+ <fx:Array>
+ <fx:Object label="Logo 1" icon="{logo1}"/>
+ <fx:Object label="Logo 2" icon="{logo2}"/>
+ <fx:Object label="Logo 3" icon="{logo3}"/>
+ <fx:Object label="Logo 4" icon="{logo4}"/>
+ <fx:Object label="Logo 5" icon="{logo5}"/>
+ </fx: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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
new file mode 100755
index 0000000..4125693
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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.
+ -->
+
+<!-- Simple example to demonstrate the Label control -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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.";
+ }
+ ]]>
+ </fx: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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
new file mode 100755
index 0000000..aa134bc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
new file mode 100755
index 0000000..ea95b38
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ import mx.controls.Alert;
+ </fx: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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
new file mode 100755
index 0000000..ef16637
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" 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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
new file mode 100755
index 0000000..0deacc4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="initCollections();" >
+
+ <fx: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");
+ }
+ }
+ ]]>
+ </fx: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/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
new file mode 100755
index 0000000..6869276
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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/48f47e61/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
new file mode 100755
index 0000000..e609f09
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml
@@ -0,0 +1,205 @@
+<?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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ creationComplete="creationCompleteHandler();">
+
+ <fx: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;
+
+
+ [Bindable]
+ private var flatData:ArrayCollection = new ArrayCollection(
+ [
+ {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:210, cost:25},
+ {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:210, cost:25},
+ {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:250, cost:125},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:430, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:125, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:210, cost:20},
+ {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:320, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:280, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:430, cost:120},
+ {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:470, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:570, cost:170},
+
+ {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:670, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:210, cost:20},
+ {customer:"BBB", product:"Falcon",quarter:"Q3", revenue:120, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:310, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:385, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:340, cost:120},
+ {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:470, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:270, cost:170},
+
+ {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:100, cost:25},
+ {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:150, cost:25},
+ {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:200, cost:125},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:300, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:100, cost:20},
+ {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:270, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:370, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:410, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:300, cost:320},
+ {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:510, cost:220},
+ {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:620, cost:170},
+
+ {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:420, cost:75},
+
+ {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:240, cost:20},
+ {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:100, cost:20},
+ {customer:"BBB", product:"Falcon", quarter:"Q3", revenue:270, cost:120},
+ {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:370, cost:70},
+
+ {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:420, cost:120},
+ {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:680, cost:220},
+ {customer:"CCC", product:"Falcon JX", 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;
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <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>
+ </fx:Declarations>
+
+ <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/48f47e61/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
new file mode 100755
index 0000000..d8d4c86
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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;
+ }
+
+ ]]>
+ </fx: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/48f47e61/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
new file mode 100755
index 0000000..c0c6009
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml
@@ -0,0 +1,56 @@
+<?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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx: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);
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <!-- A an data provider in E4X format. -->
+ <fx:XMLList id="treeDP2">
+ <node label="Inbox"/>
+ <node label="Calendar"/>
+ <node label="Deleted Items"/>
+ </fx:XMLList>
+ </fx:Declarations>
+
+ <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/48f47e61/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
new file mode 100755
index 0000000..5f1f156
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/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:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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: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