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:47 UTC
[05/42] TourDeFlex donation from Adobe Systems Inc
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml
new file mode 100755
index 0000000..535f9a3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml
@@ -0,0 +1,68 @@
+<?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 DateTimeAxis class. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ public var stockDataAC:ArrayCollection = new ArrayCollection( [
+ {date: "2005, 7, 27", close: 41.71},
+ {date: "2005, 7, 28", close: 42.21},
+ {date: "2005, 7, 29", close: 42.11},
+ {date: "2005, 8, 1", close: 42.71},
+ {date: "2005, 8, 2", close: 42.99},
+ {date: "2005, 8, 3", close: 44} ]);
+
+ public function myParseFunction(s:String):Date {
+ // Get an array of Strings from the comma-separated String passed in.
+ var a:Array = s.split(",");
+ // Create the new Date object. Subtract one from
+ // the month property because months are zero-based in
+ // the Date constructor.
+ var newDate:Date = new Date(a[0],a[1]-1,a[2]);
+ return newDate;
+ }
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">
+
+ <mx:LineChart id="mychart" height="100%" width="100%"
+ paddingRight="5" paddingLeft="5"
+ showDataTips="true" dataProvider="{stockDataAC}">
+
+ <mx:horizontalAxis>
+ <mx:DateTimeAxis dataUnits="days" parseFunction="myParseFunction"/>
+ </mx:horizontalAxis>
+
+ <mx:verticalAxis>
+ <mx:LinearAxis baseAtZero="false" />
+ </mx:verticalAxis>
+
+ <mx:series>
+ <mx:LineSeries yField="close" xField="date" displayName="AAPL"/>
+ </mx:series>
+ </mx:LineChart>
+
+ </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/charts/GridLinesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml
new file mode 100755
index 0000000..b09333b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml
@@ -0,0 +1,68 @@
+<?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 GridLines class. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var expensesAC:ArrayCollection = new ArrayCollection( [
+ { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+ { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+ { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
+ { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+ { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="GridLines Example" height="100%" width="100%">
+
+ <mx:LineChart id="linechart" height="100%" width="100%"
+ paddingLeft="5" paddingRight="5"
+ showDataTips="true" dataProvider="{expensesAC}">
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis categoryField="Month"/>
+ </mx:horizontalAxis>
+
+ <mx:backgroundElements>
+ <mx:GridLines direction="horizontal">
+ <mx:horizontalStroke>
+ <mx:Stroke weight="1"/>
+ </mx:horizontalStroke>
+ <mx:horizontalFill>
+ <mx:SolidColor color="0xCCCCCC" alpha=".66"/>
+ </mx:horizontalFill>
+ </mx:GridLines>
+ </mx:backgroundElements>
+
+ <mx:series>
+ <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/>
+ <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/>
+ <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/>
+ </mx:series>
+ </mx:LineChart>
+
+ <mx:Legend dataProvider="{linechart}"/>
+
+ </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/charts/HLOCChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml
new file mode 100755
index 0000000..34dc196
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml
@@ -0,0 +1,75 @@
+<?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 HLOCChart control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+ <mx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var stockDataAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 40.55, High: 40.75, Low: 40.24, Close:40.31},
+ { Date: "26-Jul", Open: 40.15, High: 40.78, Low: 39.97, Close:40.34},
+ { Date: "27-Jul", Open: 40.38, High: 40.66, Low: 40, Close:40.63},
+ { Date: "28-Jul", Open: 40.49, High: 40.99, Low: 40.3, Close:40.98},
+ { Date: "29-Jul", Open: 40.13, High: 40.4, Low: 39.65, Close:39.95},
+ { Date: "1-Aug", Open: 39.00, High: 39.50, Low: 38.7, Close:38.6},
+ { Date: "2-Aug", Open: 38.68, High: 39.34, Low: 37.75, Close:38.84},
+ { Date: "3-Aug", Open: 38.76, High: 38.76, Low: 38.03, Close:38.12},
+ { Date: "4-Aug", Open: 37.98, High: 37.98, Low: 36.56, Close:36.69},
+ { Date: "5-Aug", Open: 36.61, High: 37, Low: 36.48, Close:36.86} ]);
+ ]]>
+ </mx:Script>
+
+ <!-- Define custom Stroke for the wick and ticks. -->
+ <mx:Stroke id="s1" color="0x000000" weight="5" joints="bevel" caps="square"/>
+
+ <mx:Panel title="HLOCChart Control Example" height="100%" width="100%">
+ <mx:HLOCChart id="hlocchart" height="100%" width="100%"
+ paddingRight="5" paddingLeft="5"
+ showDataTips="true" dataProvider="{stockDataAC}">
+
+ <mx:verticalAxis>
+ <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+ </mx:verticalAxis>
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+ </mx:horizontalAxis>
+
+ <mx:horizontalAxisRenderers>
+ <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+ </mx:horizontalAxisRenderers>
+
+ <mx:series>
+ <mx:HLOCSeries
+ openField="Open"
+ highField="High"
+ lowField="Low"
+ closeField="Close"
+ stroke="{s1}"
+ openTickStroke="{s1}"
+ closeTickStroke="{s1}"
+ openTickLength="7"
+ closeTickLength="7"
+ />
+ </mx:series>
+ </mx:HLOCChart>
+ </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/charts/Line_AreaChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml
new file mode 100755
index 0000000..a28e43c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml
@@ -0,0 +1,85 @@
+<?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 LineChart and AreaChart controls. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var expensesAC:ArrayCollection = new ArrayCollection( [
+ { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+ { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+ { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
+ { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+ { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+ ]]>
+ </mx:Script>
+
+ <!-- Define custom colors for use as fills in the AreaChart control. -->
+ <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+ <mx:SolidColor id="sc2" color="red" alpha=".3"/>
+ <mx:SolidColor id="sc3" color="green" alpha=".3"/>
+
+ <!-- Define custom Strokes. -->
+ <mx:Stroke id = "s1" color="blue" weight="2"/>
+ <mx:Stroke id = "s2" color="red" weight="2"/>
+ <mx:Stroke id = "s3" color="green" weight="2"/>
+
+ <mx:Panel title="LineChart and AreaChart Controls Example"
+ height="100%" width="100%" layout="horizontal">
+
+ <mx:LineChart id="linechart" height="100%" width="45%"
+ paddingLeft="5" paddingRight="5"
+ showDataTips="true" dataProvider="{expensesAC}">
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis categoryField="Month"/>
+ </mx:horizontalAxis>
+
+ <mx:series>
+ <mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/>
+ <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/>
+ <mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/>
+ </mx:series>
+ </mx:LineChart>
+
+ <mx:Legend dataProvider="{linechart}"/>
+
+ <mx:AreaChart id="Areachart" height="100%" width="45%"
+ paddingLeft="5" paddingRight="5"
+ showDataTips="true" dataProvider="{expensesAC}">
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis categoryField="Month"/>
+ </mx:horizontalAxis>
+
+ <mx:series>
+ <mx:AreaSeries yField="Profit" form="curve" displayName="Profit" areaStroke="{s1}" areaFill="{sc1}"/>
+ <mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses" areaStroke="{s2}" areaFill="{sc2}"/>
+ <mx:AreaSeries yField="Amount" form="curve" displayName="Amount" areaStroke="{s3}" areaFill="{sc3}"/>
+ </mx:series>
+ </mx:AreaChart>
+
+ <mx:Legend dataProvider="{Areachart}"/>
+
+ </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/charts/LogAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.mxml
new file mode 100755
index 0000000..2bf06ff
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.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 the LogAxis class. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var expensesAC:ArrayCollection = new ArrayCollection( [
+ { Month: "Jan", Profit: 20000, Expenses: 1500, Amount: 450 },
+ { Month: "Feb", Profit: 1000, Expenses: 15000, Amount: 600 },
+ { Month: "Mar", Profit: 15000, Expenses: 5000, Amount: 300 },
+ { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+ { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+ ]]>
+ </mx:Script>
+
+ <mx:Panel title="LogAxis Example" height="100%" width="100%">
+
+ <mx:LineChart id="linechart" height="100%" width="100%"
+ paddingLeft="5" paddingRight="5"
+ showDataTips="true" dataProvider="{expensesAC}">
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis categoryField="Month"/>
+ </mx:horizontalAxis>
+
+ <mx:verticalAxis>
+ <mx:LogAxis interval="10"/>
+ </mx:verticalAxis>
+
+ <mx:series>
+ <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/>
+ <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/>
+ <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/>
+ </mx:series>
+ </mx:LineChart>
+
+ <mx:Legend dataProvider="{linechart}"/>
+
+ </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/charts/PieChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml
new file mode 100755
index 0000000..727078d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml
@@ -0,0 +1,84 @@
+<?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 PieChart control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+ <mx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var medalsAC:ArrayCollection = new ArrayCollection( [
+ { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
+ { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
+ { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
+
+ private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String {
+ var temp:String= (" " + percentValue).substr(0,6);
+ return data.Country + ": " + '\n' + "Total Gold: " + data.Gold + '\n' + temp + "%";
+ }
+ ]]>
+ </mx:Script>
+
+ <!-- Define custom colors for use as pie wedge fills. -->
+ <mx:SolidColor id="sc1" color="blue" alpha=".6"/>
+ <mx:SolidColor id="sc2" color="red" alpha=".6"/>
+ <mx:SolidColor id="sc3" color="0x663300" alpha=".6"/>
+
+ <!-- This Stroke is used for the callout lines. -->
+ <mx:Stroke id="callouts" weight="2" color="0x999999" alpha=".8" caps="square"/>
+
+ <!-- This Stroke is used to separate the wedges in the pie. -->
+ <mx:Stroke id="radial" weight="1" color="0xFFFFCC" alpha=".3"/>
+
+ <!-- This Stroke is used for the outer border of the pie. -->
+ <mx:Stroke id="pieborder" color="0x000000" weight="2" alpha=".5"/>
+
+
+ <mx:Panel title="Olympics 2004 Medals Tally Panel" height="100%" width="100%">
+ <mx:PieChart id="chart"
+ height="100%"
+ width="100%"
+ paddingRight="5"
+ paddingLeft="5"
+ showDataTips="true"
+ dataProvider="{medalsAC}"
+ >
+ <!--
+ -->
+ <mx:series>
+ <mx:PieSeries
+ nameField="Country"
+ labelPosition="callout"
+ field="Gold"
+ labelFunction="displayGold"
+ calloutStroke="{callouts}"
+ radialStroke="{radial}"
+ stroke="{pieborder}"
+ fills="{[sc1, sc2, sc3]}"
+ >
+ <!-- Clear the drop shadow filters from the chart. -->
+ <mx:filters>
+ <mx:Array/>
+ </mx:filters>
+ </mx:PieSeries>
+ </mx:series>
+ </mx:PieChart>
+ <mx:Legend dataProvider="{chart}"/>
+ </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/charts/PlotChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml
new file mode 100755
index 0000000..27a6088
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml
@@ -0,0 +1,78 @@
+<?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 PlotChart control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+ <mx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var expensesAC:ArrayCollection = new ArrayCollection( [
+ { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+ { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+ { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 } ]);
+ ]]>
+ </mx:Script>
+
+ <!-- Define custom colors for use as plot point fills. -->
+ <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+ <mx:SolidColor id="sc2" color="red" alpha=".3"/>
+ <mx:SolidColor id="sc3" color="green" alpha=".3"/>
+
+ <!-- Define custom Strokes. -->
+ <mx:Stroke id="s1" color="blue" weight="1"/>
+ <mx:Stroke id="s2" color="red" weight="1"/>
+ <mx:Stroke id="s3" color="green" weight="1"/>
+
+ <mx:Panel title="PlotChart Control Example" height="100%" width="100%">
+ <mx:PlotChart id="plot"
+ height="100%"
+ width="100%"
+ paddingLeft="5"
+ paddingRight="5"
+ showDataTips="true"
+ dataProvider="{expensesAC}"
+ >
+ <mx:series>
+ <mx:PlotSeries
+ xField="Expenses"
+ yField="Profit"
+ displayName="Plot 1"
+ fill="{sc1}"
+ stroke="{s1}"
+ />
+ <mx:PlotSeries
+ xField="Amount"
+ yField="Expenses"
+ displayName="Plot 2"
+ fill="{sc2}"
+ stroke="{s2}"
+ />
+ <mx:PlotSeries
+ xField="Profit"
+ yField="Amount"
+ displayName="Plot 3"
+ fill="{sc3}"
+ stroke="{s3}"
+ />
+ </mx:series>
+ </mx:PlotChart>
+ <mx:Legend dataProvider="{plot}"/>
+ </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/charts/SeriesInterpolateExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml
new file mode 100755
index 0000000..566140a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml
@@ -0,0 +1,94 @@
+<?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 CandlestickChart control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var companyAAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 40.75, High: 40.75, Low: 40.24, Close:40.31},
+ { Date: "26-Jul", Open: 39.98, High: 40.78, Low: 39.97, Close:40.34},
+ { Date: "27-Jul", Open: 40.38, High: 40.66, Low: 40, Close:40.63},
+ { Date: "28-Jul", Open: 40.49, High: 40.99, Low: 40.3, Close:40.98},
+ { Date: "29-Jul", Open: 40.13, High: 40.4, Low: 39.65, Close:39.95},
+ { Date: "1-Aug", Open: 39.00, High: 39.50, Low: 38.7, Close:38.6},
+ { Date: "2-Aug", Open: 38.68, High: 39.34, Low: 37.75, Close:38.84},
+ { Date: "3-Aug", Open: 38.76, High: 38.76, Low: 38.03, Close:38.12},
+ { Date: "4-Aug", Open: 37.98, High: 37.98, Low: 36.56, Close:36.69},
+ { Date: "5-Aug", Open: 36.61, High: 37, Low: 36.48, Close:36.86} ]);
+
+ [Bindable]
+ private var companyBAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 18.50, High: 19, Low: 18.48, Close:18.86},
+ { Date: "26-Jul", Open: 19.56, High: 19.98, Low: 18.6, Close:18.69},
+ { Date: "27-Jul", Open: 20.81, High: 20.99, Low: 20.03, Close:20.12},
+ { Date: "28-Jul", Open: 20.70, High: 21.00, Low: 19.5, Close:20.84},
+ { Date: "29-Jul", Open: 21.7, High: 21.79, Low: 20.45, Close:20.6},
+ { Date: "1-Aug", Open: 22.45, High: 22.65, Low: 21.65, Close:21.95},
+ { Date: "2-Aug", Open: 22.56, High: 22.6, Low: 22.05, Close:22.98},
+ { Date: "3-Aug", Open: 22.42, High: 22.70, Low: 22.1, Close:22.63},
+ { Date: "4-Aug", Open: 21.67, High: 22.82, Low: 21.67, Close:22.34},
+ { Date: "5-Aug", Open: 22.44, High: 22.85, Low: 22.12, Close:22.31} ]);
+ ]]>
+ </mx:Script>
+
+ <mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
+
+ <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
+ paddingRight="5" paddingLeft="5"
+ showDataTips="true" dataProvider="{companyAAC}">
+
+ <mx:verticalAxis>
+ <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+ </mx:verticalAxis>
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+ </mx:horizontalAxis>
+
+ <mx:horizontalAxisRenderers>
+ <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+ </mx:horizontalAxisRenderers>
+
+ <mx:series>
+ <mx:CandlestickSeries
+ openField="Open" highField="High"
+ lowField="Low" closeField="Close"
+ showDataEffect="{interpolateIn}"/>
+ </mx:series>
+ </mx:CandlestickChart>
+
+ <mx:Label width="100%" color="blue"
+ text="Choose a company to view recent stock data."/>
+
+ <mx:HBox>
+ <mx:RadioButton groupName="stocks" label="View Company A"
+ selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+ <mx:RadioButton groupName="stocks" label="View Company B"
+ click="candlestickchart.dataProvider=companyBAC;"/>
+ </mx:HBox>
+ </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/charts/SeriesSlideExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml
new file mode 100755
index 0000000..c36427b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml
@@ -0,0 +1,96 @@
+<?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 CandlestickChart control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var companyAAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 40.75, High: 40.75, Low: 40.24, Close:40.31},
+ { Date: "26-Jul", Open: 39.98, High: 40.78, Low: 39.97, Close:40.34},
+ { Date: "27-Jul", Open: 40.38, High: 40.66, Low: 40, Close:40.63},
+ { Date: "28-Jul", Open: 40.49, High: 40.99, Low: 40.3, Close:40.98},
+ { Date: "29-Jul", Open: 40.13, High: 40.4, Low: 39.65, Close:39.95},
+ { Date: "1-Aug", Open: 39.00, High: 39.50, Low: 38.7, Close:38.6},
+ { Date: "2-Aug", Open: 38.68, High: 39.34, Low: 37.75, Close:38.84},
+ { Date: "3-Aug", Open: 38.76, High: 38.76, Low: 38.03, Close:38.12},
+ { Date: "4-Aug", Open: 37.98, High: 37.98, Low: 36.56, Close:36.69},
+ { Date: "5-Aug", Open: 36.61, High: 37, Low: 36.48, Close:36.86} ]);
+
+ [Bindable]
+ private var companyBAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 18.50, High: 19, Low: 18.48, Close:18.86},
+ { Date: "26-Jul", Open: 19.56, High: 19.98, Low: 18.6, Close:18.69},
+ { Date: "27-Jul", Open: 20.81, High: 20.99, Low: 20.03, Close:20.12},
+ { Date: "28-Jul", Open: 20.70, High: 21.00, Low: 19.5, Close:20.84},
+ { Date: "29-Jul", Open: 21.7, High: 21.79, Low: 20.45, Close:20.6},
+ { Date: "1-Aug", Open: 22.45, High: 22.65, Low: 21.65, Close:21.95},
+ { Date: "2-Aug", Open: 22.56, High: 22.6, Low: 22.05, Close:22.98},
+ { Date: "3-Aug", Open: 22.42, High: 22.70, Low: 22.1, Close:22.63},
+ { Date: "4-Aug", Open: 21.67, High: 22.82, Low: 21.67, Close:22.34},
+ { Date: "5-Aug", Open: 22.44, High: 22.85, Low: 22.12, Close:22.31} ]);
+ ]]>
+ </mx:Script>
+
+ <mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
+ <mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
+
+ <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
+ paddingRight="5" paddingLeft="5"
+ showDataTips="true" dataProvider="{companyAAC}">
+
+ <mx:verticalAxis>
+ <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+ </mx:verticalAxis>
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+ </mx:horizontalAxis>
+
+ <mx:horizontalAxisRenderers>
+ <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+ </mx:horizontalAxisRenderers>
+
+ <mx:series>
+ <mx:CandlestickSeries
+ openField="Open" highField="High"
+ lowField="Low" closeField="Close"
+ showDataEffect="{slideIn}"
+ hideDataEffect="{slideOut}"/>
+ </mx:series>
+ </mx:CandlestickChart>
+
+ <mx:Label width="100%" color="blue"
+ text="Choose a company to view recent stock data."/>
+
+ <mx:HBox>
+ <mx:RadioButton groupName="stocks" label="View Company A"
+ selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+ <mx:RadioButton groupName="stocks" label="View Company B"
+ click="candlestickchart.dataProvider=companyBAC;"/>
+ </mx:HBox>
+ </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/charts/SeriesZoomExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml
new file mode 100755
index 0000000..5a35d63
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml
@@ -0,0 +1,96 @@
+<?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 CandlestickChart control. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var companyAAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 40.75, High: 40.75, Low: 40.24, Close:40.31},
+ { Date: "26-Jul", Open: 39.98, High: 40.78, Low: 39.97, Close:40.34},
+ { Date: "27-Jul", Open: 40.38, High: 40.66, Low: 40, Close:40.63},
+ { Date: "28-Jul", Open: 40.49, High: 40.99, Low: 40.3, Close:40.98},
+ { Date: "29-Jul", Open: 40.13, High: 40.4, Low: 39.65, Close:39.95},
+ { Date: "1-Aug", Open: 39.00, High: 39.50, Low: 38.7, Close:38.6},
+ { Date: "2-Aug", Open: 38.68, High: 39.34, Low: 37.75, Close:38.84},
+ { Date: "3-Aug", Open: 38.76, High: 38.76, Low: 38.03, Close:38.12},
+ { Date: "4-Aug", Open: 37.98, High: 37.98, Low: 36.56, Close:36.69},
+ { Date: "5-Aug", Open: 36.61, High: 37, Low: 36.48, Close:36.86} ]);
+
+ [Bindable]
+ private var companyBAC:ArrayCollection = new ArrayCollection( [
+ { Date: "25-Jul", Open: 18.50, High: 19, Low: 18.48, Close:18.86},
+ { Date: "26-Jul", Open: 19.56, High: 19.98, Low: 18.6, Close:18.69},
+ { Date: "27-Jul", Open: 20.81, High: 20.99, Low: 20.03, Close:20.12},
+ { Date: "28-Jul", Open: 20.70, High: 21.00, Low: 19.5, Close:20.84},
+ { Date: "29-Jul", Open: 21.7, High: 21.79, Low: 20.45, Close:20.6},
+ { Date: "1-Aug", Open: 22.45, High: 22.65, Low: 21.65, Close:21.95},
+ { Date: "2-Aug", Open: 22.56, High: 22.6, Low: 22.05, Close:22.98},
+ { Date: "3-Aug", Open: 22.42, High: 22.70, Low: 22.1, Close:22.63},
+ { Date: "4-Aug", Open: 21.67, High: 22.82, Low: 21.67, Close:22.34},
+ { Date: "5-Aug", Open: 22.44, High: 22.85, Low: 22.12, Close:22.31} ]);
+ ]]>
+ </mx:Script>
+
+ <mx:SeriesZoom id="zoomIn" duration="1000"/>
+ <mx:SeriesZoom id="zoomOut" duration="1000"/>
+
+ <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
+ paddingRight="5" paddingLeft="5"
+ showDataTips="true" dataProvider="{companyAAC}">
+
+ <mx:verticalAxis>
+ <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+ </mx:verticalAxis>
+
+ <mx:horizontalAxis>
+ <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+ </mx:horizontalAxis>
+
+ <mx:horizontalAxisRenderers>
+ <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+ </mx:horizontalAxisRenderers>
+
+ <mx:series>
+ <mx:CandlestickSeries
+ openField="Open" highField="High"
+ lowField="Low" closeField="Close"
+ showDataEffect="{zoomIn}"
+ hideDataEffect="{zoomOut}"/>
+ </mx:series>
+ </mx:CandlestickChart>
+
+ <mx:Label width="100%" color="blue"
+ text="Choose a company to view recent stock data."/>
+
+ <mx:HBox>
+ <mx:RadioButton groupName="stocks" label="View Company A"
+ selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+ <mx:RadioButton groupName="stocks" label="View Company B"
+ click="candlestickchart.dataProvider=companyBAC;"/>
+ </mx:HBox>
+ </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/charts_explorer.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts_explorer.xml b/TourDeFlex/TourDeFlex3/src/charts_explorer.xml
new file mode 100755
index 0000000..5c7ad68
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/charts_explorer.xml
@@ -0,0 +1,77 @@
+<?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.
+ -->
+
+<compTree>
+ <node label="Datavisualization Components">
+ <node label="Charts">
+ <node label="Chart Controls">
+ <node label="AreaChart" app="charts/Line_AreaChartExample"/>
+ <node label="AxisRenderer" app="charts/HLOCChartExample"/>
+ <node label="BarChart" app="charts/Column_BarChartExample"/>
+ <node label="BubbleChart" app="charts/BubbleChartExample"/>
+ <node label="CandlestickChart" app="charts/CandlestickChartExample"/>
+ <node label="CategoryAxis" app="charts/HLOCChartExample"/>
+ <node label="ColumnChart" app="charts/Column_BarChartExample"/>
+ <node label="DateTimeAxis" app="charts/DateTimeAxisExample"/>
+ <node label="GridLines" app="charts/GridLinesExample"/>
+ <node label="HLOCChart" app="charts/HLOCChartExample"/>
+ <node label="Legend" app="charts/PlotChartExample"/>
+ <node label="LinearAxis" app="charts/HLOCChartExample"/>
+ <node label="LineChart" app="charts/Line_AreaChartExample"/>
+ <node label="LogAxis" app="charts/LogAxisExample"/>
+ <node label="PieChart" app="charts/PieChartExample"/>
+ <node label="PlotChart" app="charts/PlotChartExample"/>
+ </node>
+
+
+ <node label="Chart Series">
+ <node label="AreaSeries" app="charts/Line_AreaChartExample"/>
+ <node label="BarSeries" app="charts/Column_BarChartExample"/>
+ <node label="BubbleSeries" app="charts/BubbleChartExample"/>
+ <node label="CandlestickSeries" app="charts/CandlestickChartExample"/>
+ <node label="ColumnSeries" app="charts/Column_BarChartExample"/>
+ <node label="HLOCSeries" app="charts/HLOCChartExample"/>
+ <node label="LineSeries" app="charts/Line_AreaChartExample"/>
+ <node label="PieSeries" app="charts/PieChartExample"/>
+ <node label="PlotSeries" app="charts/PlotChartExample"/>
+ </node>
+
+
+
+ <node label="Chart Effects">
+ <node label="SeriesInterpolate" app="charts/SeriesInterpolateExample"/>
+ <node label="SeriesSlide" app="charts/SeriesSlideExample"/>
+ <node label="SeriesZoom" app="charts/SeriesZoomExample"/>
+ </node>
+
+ </node>
+
+
+ <node label="AdancedDataGrid">
+ <node label="AdvancedDataGrid" app="controls/AdvancedDataGridExample"/>
+ </node>
+
+ <node label="OLAPDataGrid">
+ <node label="OLAPDataGrid" app="controls/OLAPDataGridExample"/>
+ </node>
+
+ <node label="Printing">
+ <node label="ADG Printing" app="printing/AdvancedPrintDataGridExample"/>
+ </node>
+ </node>
+</compTree>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/clean.bat
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/clean.bat b/TourDeFlex/TourDeFlex3/src/clean.bat
new file mode 100755
index 0000000..8e4aef1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/clean.bat
@@ -0,0 +1,23 @@
+@echo off
+
+rem Licensed to the Apache Software Foundation (ASF) under one or more
+rem contributor license agreements. See the NOTICE file distributed with
+rem this work for additional information regarding copyright ownership.
+rem The ASF licenses this file to You under the Apache License, Version 2.0
+rem (the "License"); you may not use this file except in compliance with
+rem the License. You may obtain a copy of the License at
+rem
+rem http://www.apache.org/licenses/LICENSE-2.0
+rem
+rem Unless required by applicable law or agreed to in writing, software
+rem distributed under the License is distributed on an "AS IS" BASIS,
+rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+rem See the License for the specific language governing permissions and
+rem limitations under the License.
+
+echo Cleaning SWF files from package... You will need to recompile with build.bat in order to have a working project.
+
+for /R . %%f in (*.swf) do (
+ echo Deleting %%f...
+ del %%f
+)
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml
new file mode 100755
index 0000000..d693dff
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.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 Accordion layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="Accordion Container Example" height="90%" width="90%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Select an Accordion navigator button to change the panel."/>
+
+ <mx:Accordion id="accordion" width="100%" height="100%">
+ <!-- Define each panel using a VBox container. -->
+ <mx:VBox label="Accordion Button for Panel 1">
+ <mx:Label text="Accordion container panel 1"/>
+ </mx:VBox>
+
+ <mx:VBox label="Accordion Button for Panel 2">
+ <mx:Label text="Accordion container panel 2"/>
+ </mx:VBox>
+
+ <mx:VBox label="Accordion Button for Panel 3">
+ <mx:Label text="Accordion container panel 3"/>
+ </mx:VBox>
+ </mx:Accordion>
+
+ <mx:Label width="100%" color="blue"
+ text="Programmatically select the panel using a Button control."/>
+
+ <mx:HBox>
+ <mx:Button label="Select Panel 1" click="accordion.selectedIndex=0;"/>
+ <mx:Button label="Select Panel 2" click="accordion.selectedIndex=1;"/>
+ <mx:Button label="Select Panel 3" click="accordion.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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml
new file mode 100755
index 0000000..4a28b9a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.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 DividedBox layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="DividedBox Container Example" height="95%" width="95%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="A horizontal DividedBox container. Drag the divider side to side to resize the children."/>
+
+ <mx:DividedBox direction="horizontal" width="100%" height="100%">
+
+ <mx:Panel title="Panel 1" width="25%" height="100%" backgroundColor="0xCCCCCC">
+ </mx:Panel>
+
+ <mx:Panel title="Panel 2" width="25%" height="100%" backgroundColor="0xCCCCCC">
+ </mx:Panel>
+
+ </mx:DividedBox>
+
+ </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/FormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml
new file mode 100755
index 0000000..b929234
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml
@@ -0,0 +1,83 @@
+<?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 Form layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Model id="checkModel">
+ <User>
+ <FirstName>{fname.text}</FirstName>
+ <DOB>{dob.text}</DOB>
+ <Email>{email.text}</Email>
+ <Age>{age.text}</Age>
+ <SSN>{ssn.text}</SSN>
+ <Zip>{zip.text}</Zip>
+ <Phone>{phone.text}</Phone>
+ </User>
+ </mx:Model>
+
+ <mx:Panel title="Form Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Moving from one form field to another triggers the validator."/>
+
+ <mx:Form width="100%" height="100%">
+ <mx:FormHeading label="Enter values into the form."/>
+
+ <mx:FormItem label="First name">
+ <mx:TextInput id="fname" width="200"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Date of birth (mm/dd/yyyy)">
+ <mx:TextInput id="dob" width="200"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="E-mail address">
+ <mx:TextInput id="email" width="200"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Age">
+ <mx:TextInput id="age" width="200"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="SSN">
+ <mx:TextInput id="ssn" width="200"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Zip">
+ <mx:TextInput id="zip" width="200"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Phone">
+ <mx:TextInput id="phone" width="200"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+
+ <mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>
+ <mx:PhoneNumberValidator source="{phone}" property="text"/>
+ <mx:DateValidator source="{dob}" property="text"/>
+ <mx:EmailValidator source="{email}" property="text"/>
+ <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
+ minValue="18" maxValue="100" domain="int"/>
+ <mx:SocialSecurityValidator source="{ssn}" property="text"/>
+ <mx:ZipCodeValidator source="{zip}" property="text"/>
+
+</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml
new file mode 100755
index 0000000..c80e72a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.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 Grid layout container.-->
+<mx:Application borderStyle="none" xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="Grid Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="A 3 by 3 Grid container of Button controls."/>
+
+ <mx:Grid>
+ <mx:GridRow>
+ <mx:GridItem>
+ <mx:Button label="Row 1 Col 1" width="100"/>
+ </mx:GridItem>
+ <mx:GridItem>
+ <mx:Button label="Row 1 Col 2" width="100"/>
+ </mx:GridItem>
+ <mx:GridItem>
+ <mx:Button label="Row 1 Col 3" width="100"/>
+ </mx:GridItem>
+ </mx:GridRow>
+
+ <mx:GridRow>
+ <mx:GridItem>
+ <mx:Button label="Row 2 Col 1" width="100"/>
+ </mx:GridItem>
+ <mx:GridItem>
+ <mx:Button label="Row 2 Col 2" width="100"/>
+ </mx:GridItem>
+ <mx:GridItem>
+ <mx:Button label="Row 2 Col 3" width="100"/>
+ </mx:GridItem>
+ </mx:GridRow>
+
+ <mx:GridRow>
+ <mx:GridItem>
+ <mx:Button label="Row 3 Col 1" width="100"/>
+ </mx:GridItem>
+ <mx:GridItem>
+ <mx:Button label="Row 3 Col 2" width="100"/>
+ </mx:GridItem>
+ <mx:GridItem>
+ <mx:Button label="Row 3 Col 3" width="100"/>
+ </mx:GridItem>
+ </mx:GridRow>
+ </mx:Grid>
+
+ </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/HBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.mxml
new file mode 100755
index 0000000..fa4010c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.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 HBox layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="HBox Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="An HBox container with horizontally aligned children."/>
+
+ <mx:HBox 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:HBox>
+
+ </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/HDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.mxml
new file mode 100755
index 0000000..82a7528
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.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 HDividedBox layout -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="HDividedBox Container Example" width="90%" height="90%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Drag the divider side to side to resize the children."/>
+
+ <mx:HDividedBox 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:HDividedBox>
+
+ </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/SimpleApplicationControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.mxml
new file mode 100755
index 0000000..36175ad
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.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 ApplicationControlBar container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
+ paddingLeft="10" paddingRight="10" paddingBottom="10"
+ backgroundColor="0xCCCCCC">
+
+ <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
+ <mx:Label text="Docked" color="blue"/>
+
+ <mx:MenuBar id="myMenuBar" labelField="@label">
+ <mx:XMLList>
+ <menuitem label="MenuItem A" >
+ <menuitem label="SubMenuItem A-1" type="check"/>
+ <menuitem label="SubMenuItem A-2" type="check"/>
+ </menuitem>
+ <menuitem label="MenuItem B"/>
+ <menuitem label="MenuItem C"/>
+ <menuitem label="MenuItem D" >
+ <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/>
+ <menuitem label="SubMenuItem D-2" type="radio" groupName="one"/>
+ <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/>
+ </menuitem>
+ </mx:XMLList>
+ </mx:MenuBar>
+ </mx:ApplicationControlBar>
+
+ <mx:Label text="A docked ApplicationControlBar appears at the top of the application window."/>
+ <mx:Spacer height="100%" />
+
+ <mx:ApplicationControlBar width="80%">
+ <mx:Label text="Normal" color="blue"/>
+ <mx:Label text="Search:" />
+ <mx:TextInput width="100%" maxWidth="200" />
+ <mx:Spacer width="100%" />
+ <mx:Button label="Go flex.apache.org" />
+ </mx:ApplicationControlBar>
+
+ <mx:Label text="A normal ApplicationControlBar can appear anywhere in the application."/>
+
+</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml
new file mode 100755
index 0000000..bd9931a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml
@@ -0,0 +1,46 @@
+<?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 Box layout container. -->
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Panel title="Box Container Example" height="75%" width="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="A Box container with vertically aligned children."/>
+ <mx:Box direction="vertical" 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:Box>
+
+ <mx:Label width="100%" color="blue"
+ text="A Box container with horizontally aligned children."/>
+ <mx:Box direction="horizontal" 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:Box>
+
+ </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/SimpleCanvasExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleCanvasExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleCanvasExample.mxml
new file mode 100755
index 0000000..786f222
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml">
+
+ <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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml
new file mode 100755
index 0000000..5652152
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml">
+
+ <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/Nokia_6630.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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml
new file mode 100755
index 0000000..0e93794
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml">
+
+ <mx:Script>
+ <![CDATA[
+
+ private function showProperties():void {
+ panelPropertyArea.text= "Status: " + panel.status + '\n' +
+ "Title: " + panel.title + '\n' +
+ "Width: " + panel.width + '\n' +
+ "Height: " + panel.height ;
+ }
+ ]]>
+ </mx: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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml
new file mode 100755
index 0000000..e7a7b7d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml"
+ title="Title Window" x="168" y="86">
+
+ <mx: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);
+ }
+ ]]>
+ </mx: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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml
new file mode 100755
index 0000000..13af960
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml">
+
+ <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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml
new file mode 100755
index 0000000..c1ec262
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml">
+
+ <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/3dc107b9/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml b/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml
new file mode 100755
index 0000000..9137cf3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/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:mx="http://www.adobe.com/2006/mxml">
+
+ <mx: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;
+ }
+ ]]>
+ </mx: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