Propchange: flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/effects/assets/ApacheFlexIcon.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/ApacheFlexIcon.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/effects/assets/ApacheFlexIcon.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: 
flex/site/trunk/content/tourdeflex/spark/effects/assets/ApacheFlexLogo.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/ApacheFlexLogo.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/effects/assets/ApacheFlexLogo.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/back.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/back.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/back.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/2.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/2.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/2.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/3.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/3.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/3.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/4.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/4.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/4.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/5.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/5.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/5.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/6.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/6.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/6.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/7.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/7.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/7.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/8.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/8.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/8.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/9.jpg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/assets/images/9.jpg?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/effects/assets/images/9.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: flex/site/trunk/content/tourdeflex/spark/effects/skins/TDFPanelSkin.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/skins/TDFPanelSkin.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/skins/TDFPanelSkin.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/skins/TDFPanelSkin.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,170 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+                        blendMode.disabled="layer">
+       
+       <fx:Metadata>
+               <![CDATA[ 
+               /** 
+               * @copy spark.skins.spark.ApplicationSkin#hostComponent
+               */
+               [HostComponent("spark.components.Panel")]
+               ]]>
+       </fx:Metadata> 
+       
+       <fx:Script>
+               /* Define the skin elements that should not be colorized. 
+               For panel, border and title backround are skinned, but the 
content area and title text are not. */
+               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
+               
+               /** 
+                * @copy spark.skins.SparkSkin#colorizeExclusions
+                */     
+               override public function get colorizeExclusions():Array {return 
exclusions;}
+               
+               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
+               static private const contentFill:Array = [];
+               
+               /**
+                * @inheritDoc
+                */
+               override public function get contentItems():Array {return 
contentFill};
+       </fx:Script>
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+               <s:State name="normalWithControlBar" />
+               <s:State name="disabledWithControlBar" />
+       </s:states>
+       
+       <!-- drop shadow -->
+       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
+                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
+       
+       <!-- layer 1: border -->
+       <s:Rect left="0" right="0" top="0" bottom="0">
+               <s:stroke>
+                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+               </s:stroke>
+       </s:Rect>
+       
+       
+       <!-- layer 2: background fill -->
+       <s:Rect left="0" right="0" bottom="0" height="15">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:GradientEntry color="0xE2E2E2" />
+                               <s:GradientEntry color="0x000000" />
+                       </s:LinearGradient>
+               </s:fill>
+       </s:Rect>
+       
+       <!-- layer 3: contents -->
+       <!--- contains the vertical stack of titlebar content and controlbar -->
+       <s:Group left="1" right="1" top="1" bottom="1" >
+               <s:layout>
+                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
+               </s:layout>
+               
+               <s:Group id="topGroup" >
+                       <!-- layer 0: title bar fill -->
+                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
+                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0x000000" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 1: title bar highlight -->
+                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
+                               <s:stroke>
+                                       <s:LinearGradientStroke rotation="90" 
weight="1">
+                                               <s:GradientEntry 
color="0xEAEAEA" />
+                                               <s:GradientEntry 
color="0xD9D9D9" />
+                                       </s:LinearGradientStroke>
+                               </s:stroke>
+                       </s:Rect>
+                       
+                       <!-- layer 2: title bar divider -->
+                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
+                               <s:fill>
+                                       <s:SolidColor color="0xC0C0C0" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 3: text -->
+                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
+                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
+                       <s:Label id="titleDisplay" lineBreak="explicit"
+                                                 left="9" top="1" bottom="0" 
minHeight="30"
+                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
+                       </s:Label>
+               </s:Group>
+               
+               <!--
+               Note: setting the minimum size to 0 here so that changes to the 
host component's
+               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
+               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+               -->
+               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
+               </s:Group>
+               
+               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
+                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
+                       
+                       <!-- layer 0: control bar background -->
+                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
+                       bar content, but it will only display if there's a 
controlBarContent
+                       property specified.-->
+                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
+                               <s:fill>
+                                       <s:LinearGradient rotation="90">
+                                               <s:GradientEntry 
color="0xE2E2E2" />
+                                               <s:GradientEntry 
color="0x000000" />
+                                       </s:LinearGradient>
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 1: control bar divider line -->
+                       <s:Rect left="0" right="0" top="0" height="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0xCDCDCD" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 2: control bar -->
+                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
+                               <s:layout>
+                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
+                               </s:layout>
+                       </s:Group>
+               </s:Group>
+       </s:Group>
+</s:SparkSkin>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/effects/skins/TDFPanelSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample1.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample1.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/EventExample1.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/EventExample1.mxml Sat Aug 
23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Handling Events - Inline property Sample"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:VerticalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <!-- Handling Events - Inline Property -->
+               
+               <s:Button label="click me" click="Alert.show('clicked!')"/>    
+               
+       </s:Panel>
+       
+</s:Application>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample1.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample1.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample1.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample1.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample2.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample2.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/EventExample2.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/EventExample2.mxml Sat Aug 
23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Handling Events - Inline Block Sample"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:VerticalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <!-- Handling Events - Inline Block -->
+               
+               <s:Button id="b" label="click me once">
+                       <s:click>
+                               b.enabled = false;
+                               mx.controls.Alert.show('clicked!');
+                       </s:click>
+               </s:Button>
+       </s:Panel>
+       
+</s:Application>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample2.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample2.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample2.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample2.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample3.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample3.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/EventExample3.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/EventExample3.mxml Sat Aug 
23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+                       
+                       private function handleClick(event:MouseEvent):void
+                       {
+                               b.enabled = false;
+                               mx.controls.Alert.show('clicked!');
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Handling Events - Function Sample"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:VerticalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <!-- Handling Events - Function -->
+               
+               <s:Button id="b" label="click me once" 
click="handleClick(event)"/>
+       </s:Panel>
+       
+</s:Application>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample3.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample3.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample3.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample3.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample4.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample4.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/EventExample4.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/EventExample4.mxml Sat Aug 
23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+                       
+                       private function handleClick(event:MouseEvent):void
+                       {
+                               b.enabled = false;
+                               Alert.show('clicked!');
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Handling Events - Function with addEventListener Sample"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:VerticalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               
+               <!-- Handling Events - Function with addEventListener -->
+               
+               <s:Button id="b" label="click me once">
+                       <s:creationComplete>
+                               b.addEventListener(MouseEvent.CLICK, 
handleClick);
+                       </s:creationComplete>
+               </s:Button>
+               
+       </s:Panel>
+       
+</s:Application>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample4.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample4.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample4.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample4.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample5.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample5.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/EventExample5.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/EventExample5.mxml Sat Aug 
23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          xmlns:local="*"
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               
+               <!-- Dispatching an Event -->
+               <local:FiveSecondTrigger triggered="Alert.show('five second 
event triggered')"/>
+       </fx:Declarations>
+       
+       <s:Panel title="Dispatching Events Sample"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:VerticalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <s:Label text="wait 5 seconds" color="0x000000"/>
+               
+       </s:Panel>
+       
+</s:Application>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample5.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample5.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample5.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample5.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample6.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample6.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/EventExample6.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/EventExample6.mxml Sat Aug 
23 08:47:51 2014
@@ -0,0 +1,58 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Dispatching Custom Events Sample"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:VerticalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <!-- Dispatching a Custom Event -->
+               
+               <s:initialize>
+                       addEventListener(MyEvent.TRIGGERED, 
function(event:MyEvent):void {
+                               mx.controls.Alert.show('event handled!'); 
+                       });
+               </s:initialize>
+               
+               <s:Button label="fire the event!" click="dispatchEvent(new 
MyEvent(MyEvent.TRIGGERED))"/>
+               
+       </s:Panel>
+       
+</s:Application>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample6.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/EventExample6.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/EventExample6.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/events/EventExample6.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/events/FiveSecondTrigger.as
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/FiveSecondTrigger.as?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/FiveSecondTrigger.as (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/FiveSecondTrigger.as Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,44 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    import flash.events.Event;
+    import flash.events.EventDispatcher;
+    import flash.events.TimerEvent;
+    import flash.utils.Timer;
+    
+    [Event(name="triggered")]
+    
+    public class FiveSecondTrigger extends EventDispatcher
+    {
+        public function FiveSecondTrigger()
+        {
+            var t:Timer = new Timer(5000, 1);
+            t.addEventListener(TimerEvent.TIMER, handleTimer);
+            t.start();
+        }
+        
+        private function handleTimer(event:TimerEvent):void
+        {
+            var e:Event = new Event("triggered");
+            dispatchEvent(e);
+        }
+
+    }
+}
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/FiveSecondTrigger.as
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/events/MyEvent.as
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/MyEvent.as?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/events/MyEvent.as (added)
+++ flex/site/trunk/content/tourdeflex/spark/events/MyEvent.as Sat Aug 23 
08:47:51 2014
@@ -0,0 +1,33 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    import mx.events.FlexEvent;
+
+    public class MyEvent extends FlexEvent
+    {
+        public static const TRIGGERED:String = "triggered"; 
+        
+        public function MyEvent(type:String, bubbles:Boolean=false, 
cancelable:Boolean=false)
+        {
+            super(type, bubbles, cancelable);
+        }
+        
+    }
+}
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/events/MyEvent.as
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/events/TDFGradientBackgroundSkin.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/events/TDFGradientBackgroundSkin.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/events/TDFGradientBackgroundSkin.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/events/TDFGradientBackgroundSkin.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                        xmlns:mx="library://ns.adobe.com/flex/mx" 
+                        xmlns:s="library://ns.adobe.com/flex/spark">
+       
+       <fx:Metadata>
+               [HostComponent("spark.components.Application")]
+       </fx:Metadata> 
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+       </s:states>
+       
+       <s:layout>
+               <s:BasicLayout />
+       </s:layout>
+       
+       <s:Rect id="bg" width="100%" height="100%">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:entries>
+                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
+                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
+                               </s:entries>
+                       </s:LinearGradient>    
+               </s:fill>
+       </s:Rect>
+       
+       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

Propchange: 
flex/site/trunk/content/tourdeflex/spark/events/TDFGradientBackgroundSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.mxml
 (added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.mxml
 Sat Aug 23 08:47:51 2014
@@ -0,0 +1,86 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.events.ValidationResultEvent;                 
+                       private var vResult:ValidationResultEvent;
+                       
+                       // Event handler to validate and format input.
+                       private function Format():void {
+                               
+                               vResult = numVal.validate();
+                               
+                               if (vResult.type==ValidationResultEvent.VALID) {
+                                       var temp:Number=Number(priceUS.text); 
+                                       formattedUSPrice.text= 
usdFormatter.format(temp);
+                               }
+                                       
+                               else {
+                                       formattedUSPrice.text="";
+                               }
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:CurrencyFormatter id="usdFormatter" precision="2" 
currencySymbol="$" decimalSeparatorFrom="."  rounding="nearest"
+                                                         
decimalSeparatorTo="." useNegativeSign="true" useThousandsSeparator="true" 
alignSymbol="left"/>
+               
+               <mx:NumberValidator id="numVal" source="{priceUS}" 
property="text" allowNegative="true" domain="real"/>
+       </fx:Declarations>
+       
+       
+       <s:Panel title="CurrencyFormatter Example" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:Form color="0x323232">
+                       <mx:FormItem label="Enter dollar amount:">
+                               <s:TextInput id="priceUS" text="" width="50%"/>
+                       </mx:FormItem>
+                       
+                       <mx:FormItem label="Formatted U.S. dollar amount: ">
+                               <s:Label id="formattedUSPrice" text="" />
+                       </mx:FormItem>
+                       
+                       <mx:FormItem>
+                               <s:Button label="Validate and Format" 
click="Format();"/>
+                       </mx:FormItem>
+               </mx:Form>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/CurrencyFormatterExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+        <![CDATA[
+
+            import mx.events.ValidationResultEvent;                    
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.            
+            private function Format():void
+            {
+                vResult = dateVal.validate();
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    formattedDate.text=dateFormatter.format(dob.text);
+                }
+              
+                else {
+                    formattedDate.text= "";
+                }
+            }
+        ]]>
+    </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+    
+       <fx:Declarations>
+               <mx:DateFormatter id="dateFormatter" formatString="month: MM, 
day: DD, year: YYYY"/>
+               
+               <mx:DateValidator id="dateVal" source="{dob}" property="text" 
inputFormat="mm/dd/yyyy"/>
+       </fx:Declarations>
+    
+    
+       <s:Panel title="DateFormatter Example" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+         
+         <mx:Form width="100%" color="0x323232">
+            <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">
+                <s:TextInput id="dob" text=""/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted date: " width="100%">
+                <s:Label id="formattedDate" text="" />
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <s:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+       </s:Panel>
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/DateFormatterExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       // Event handler to format the input.            
+                       private function Format():void
+                       {
+                               // The format() method returns the formatted 
String,
+                               // or an empty String if there is an error.
+                               var formattedVal:String = 
numberFormatter.format(inputVal.text);
+                               
+                               if (formattedVal.length==0) {
+                                       // If there is an error, the 
Format.error property 
+                                       // contains the reason.
+                                       
formattedNumber.text=numberFormatter.error;
+                               }
+                                       
+                               else {
+                                       formattedNumber.text=formattedVal;
+                               }
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:NumberFormatter id="numberFormatter" />
+       </fx:Declarations>
+       
+       <s:Panel title="Formatter Example" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:Form color="0x323232">
+                       <mx:FormItem label="Enter number - a letter is 
invalid:">
+                               <s:TextInput id="inputVal" text="" width="75%"/>
+                       </mx:FormItem>
+                       
+                       <mx:FormItem label="Formatted number: ">
+                               <s:Label id="formattedNumber" />
+                       </mx:FormItem>
+                       
+                       <mx:FormItem>
+                               <s:Button label="Validate and Format" 
click="Format();"/>
+                       </mx:FormItem>
+               </mx:Form>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/NumberFormatterExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.events.ValidationResultEvent;                 
+                       private var vResult:ValidationResultEvent;
+                       
+                       // Event handler to validate and format input.          
  
+                       private function Format():void
+                       {
+                               vResult = pnVal.validate();
+                               if (vResult.type==ValidationResultEvent.VALID) {
+                                       formattedPhone.text= 
phoneFormatter.format(phone.text);
+                               }
+                                       
+                               else {
+                                       formattedPhone.text= "";
+                               }
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:PhoneFormatter id="phoneFormatter" formatString="(###) 
###-####" validPatternChars="#-() "/>
+               
+               <mx:PhoneNumberValidator id="pnVal" source="{phone}" 
property="text" allowedFormatChars=""/>
+       </fx:Declarations>
+       
+       <s:Panel title="PhoneNumberValidator Example" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:Form color="0x323232">
+                       <mx:FormItem label="Enter a 10-digit phone number:">
+                               <s:TextInput id="phone" text="" width="75%"/>
+                       </mx:FormItem>
+                       
+                       <mx:FormItem label="Formatted phone number: ">
+                               <s:Label id="formattedPhone" text="" />
+                       </mx:FormItem>
+                       
+                       <mx:FormItem>
+                               <s:Button label="Validate and Format" 
click="Format();"/>
+                       </mx:FormItem>
+               </mx:Form>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/PhoneFormatterExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,84 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+        <![CDATA[
+        
+            import mx.formatters.SwitchSymbolFormatter;                
+            import mx.events.ValidationResultEvent;                    
+            
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.            
+            private function Format():void
+            {
+                vResult = scVal.validate();
+
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    var switcher:SwitchSymbolFormatter=new 
SwitchSymbolFormatter('#');
+
+                    formattedSCNumber.text = 
+                        switcher.formatValue("###-##-####", scNum.text);
+                }
+
+                else {
+                    formattedSCNumber.text= "";
+                }
+            }
+        ]]>
+    </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+    
+       <fx:Declarations>
+               <mx:SocialSecurityValidator id="scVal" source="{scNum}" 
property="text"/>
+       </fx:Declarations>
+   
+        
+       <s:Panel title="SwitchSymbolFormatter Example" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+         
+         <mx:Form color="0x323232" width="100%">
+               <s:Label text="Enter a 9 digit Social Security number with no 
separator characters:" />
+               
+               <s:TextInput id="scNum" text="" width="50%" maxChars="9"/>
+            <s:Button label="Validate and Format" click="Format();"/>
+                       
+            <mx:FormItem label="formatted Social Security number:">
+                <s:Label id="formattedSCNumber" text="" />
+            </mx:FormItem>
+        </mx:Form>
+        
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/SwitchFormatterExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/TDFGradientBackgroundSkin.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/TDFGradientBackgroundSkin.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/TDFGradientBackgroundSkin.mxml
 (added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/TDFGradientBackgroundSkin.mxml
 Sat Aug 23 08:47:51 2014
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                        xmlns:mx="library://ns.adobe.com/flex/mx" 
+                        xmlns:s="library://ns.adobe.com/flex/spark">
+       
+       <fx:Metadata>
+               [HostComponent("spark.components.Application")]
+       </fx:Metadata> 
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+       </s:states>
+       
+       <s:layout>
+               <s:BasicLayout />
+       </s:layout>
+       
+       <s:Rect id="bg" width="100%" height="100%">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:entries>
+                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
+                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
+                               </s:entries>
+                       </s:LinearGradient>    
+               </s:fill>
+       </s:Rect>
+       
+       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/TDFGradientBackgroundSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.mxml
 (added)
+++ 
flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.mxml
 Sat Aug 23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+        <![CDATA[
+
+            import mx.events.ValidationResultEvent;                    
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.
+            private function Format():void 
+            {
+                vResult = zcVal.validate();
+                
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    formattedZipcode.text= zipFormatter.format(zip.text);
+                }
+                
+                else {
+                    formattedZipcode.text= "";
+                }
+            }
+        ]]>      
+    </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:ZipCodeFormatter id="zipFormatter" 
formatString="#####-####"/>
+
+    <mx:ZipCodeValidator id="zcVal" source="{zip}" property="text" 
allowedFormatChars=""/>
+       </fx:Declarations>
+    
+       <s:Panel title="ZipCodeFormatter Example" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+         
+         <mx:Form width="100%" color="0x323232">
+            <mx:FormItem label="Enter a 5 or 9 digit U.S. ZIP code:" 
width="100%">
+                <s:TextInput id="zip" text=""/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted ZIP code: " width="100%">
+                <s:Label id="formattedZipcode" text="" />
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <s:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/formatters/ZipCodeFormatterExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,72 @@
+<?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.
+
+-->
+<!-- BitmapGraphicExample.mxml -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" 
+                          width="694" height="277">
+           <s:Panel title="BitmapImage Sample"
+            width="100%" height="100%"
+            horizontalCenter="0" verticalCenter="0" 
skinClass="skins.TDFPanelSkin">
+               <s:layout>
+                       <s:HorizontalLayout paddingLeft="15" paddingRight="15" 
paddingTop="15" paddingBottom="15"/>
+               </s:layout>
+               <s:VGroup>
+                       <s:ComboBox id="fillModes" selectedItem="repeat">
+                               <s:dataProvider>
+                                       <s:ArrayCollection>
+                                               <fx:String>scale</fx:String>
+                                               <fx:String>clip</fx:String>
+                                               <fx:String>repeat</fx:String>
+                                       </s:ArrayCollection>
+                               </s:dataProvider>
+                       </s:ComboBox>
+                       <s:ComboBox id="blends" selectedItem="normal">
+                               <s:dataProvider>
+                                       <s:ArrayCollection>
+                                               <fx:String>add</fx:String>
+                                               <fx:String>alpha</fx:String>
+                                               
<fx:String>difference</fx:String>
+                                               <fx:String>erase</fx:String>
+                                               <fx:String>hardlight</fx:String>
+                                               <fx:String>invert</fx:String>
+                                               <fx:String>layer</fx:String>
+                                               <fx:String>lighten</fx:String>
+                                               <fx:String>multiply</fx:String>
+                                               <fx:String>normal</fx:String>
+                                               <fx:String>overlay</fx:String>
+                                               <fx:String>screen</fx:String>
+                                               <fx:String>shader</fx:String>
+                                               <fx:String>subtract</fx:String>
+                                       </s:ArrayCollection>
+                               </s:dataProvider>
+                               </s:ComboBox>
+                       <s:CheckBox id="cbSmooth" label="Smooth?"/>
+               </s:VGroup>
+                       
+        <!-- Single image, scaled to fit specified dimensions. -->
+        <s:Graphic x="150" y="0">
+            <s:BitmapImage id="bg2" 
source="@Embed('assets/ApacheFlexLogo.png')" width="120" height="120" 
fillMode="{fillModes.selectedItem}"
+                                                  smooth="{cbSmooth.selected}" 
blendMode="{blends.selectedItem}"/>
+        </s:Graphic>
+
+        
+               <s:Label color="0x323232" width="200" text="A BitmapImage 
element defines a rectangular region in its parent element's coordinate space, 
filled with bitmap data drawn from a source file."/>
+    </s:Panel>
+
+</s:Application>

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/BitmapImageExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,66 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/halo">
+       
+       <s:Panel width="100%" height="100%"
+                        title="DropShadows with MXML Graphics Example"
+                        skinClass="skins.TDFPanelSkin" x="0">
+                         
+           <s:Group horizontalCenter="0" y="5" width="117">
+                       <s:Graphic id="ellipse1">
+                               <s:filters>
+                                       <s:DropShadowFilter color="0x6080a0" 
alpha="0.6" distance="5" />
+                               </s:filters>
+                               <s:Ellipse x="30" y="20" width="60" height="60">
+                                       <s:fill>
+                                               <s:SolidColor color="0x60a0e0" 
/>
+                                       </s:fill>
+                               </s:Ellipse>
+                       </s:Graphic>
+                       <s:Graphic id="rect1" x="47" y="0" width="100">
+                               <s:filters>
+                                       <s:DropShadowFilter color="0x002020" 
alpha="0.9" distance="8" angle="10"/>
+                               </s:filters>
+                               <s:Rect right="15" x="120" y="100" width="90" 
height="90">
+                                       <s:fill>
+                                               <s:SolidColor color="0x4060c0" 
/>
+                                       </s:fill>
+                               </s:Rect>
+                       </s:Graphic>
+                       <s:Graphic id="image1">
+                               <s:filters>
+                                       <s:DropShadowFilter color="0xFF6600" 
alpha="0.7" distance="10" angle="-30"/>
+                               </s:filters>
+                               <s:BitmapImage 
source="@Embed('assets/ApacheFlexIcon.png')" x="180" y="20" />
+                       </s:Graphic>
+                       
+               </s:Group>
+           <s:Label width="250" verticalAlign="justify" color="#323232" x="10" 
y="30" 
+                                 text="The DropShadowFilter class lets you add 
a drop shadow to display
+objects. The shadow algorithm is based on the same box filter that the blur 
filter uses. You have 
+several options for the style of the drop shadow, including inner or outer 
shadow and knockout mode. 
+You can apply the filter to any display object (that is, objects that inherit 
from the DisplayObject 
+class), such as MovieClip, SimpleButton, TextField, and Video objects, as well 
as to BitmapData objects."/>
+               
+           
+       </s:Panel>
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/fxg/DropShadowGraphicExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.mxml Sat Aug 23 
08:47:51 2014
@@ -0,0 +1,46 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx">
+       
+       <s:Panel title="Ellipse Graphic Sample" skinClass="skins.TDFPanelSkin"
+                        width="100%" height="100%">
+               
+               <s:Graphic horizontalCenter="0" verticalCenter="0">
+                       <s:Ellipse height="100" width="250">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="5"/>
+                               </s:stroke>
+                               <s:fill>
+                                       <s:RadialGradient>
+                                               <s:entries>
+                                                       <s:GradientEntry 
color="0x336699" ratio="0.33" alpha="0.8"/>
+                                                       <s:GradientEntry 
color="0x339999" ratio="0.66" alpha="0.8"/>
+                                                       <s:GradientEntry 
color="0x323232" ratio="0.99" alpha="0.8"/>
+                                               </s:entries>
+                                       </s:RadialGradient>
+                               </s:fill>
+                       </s:Ellipse>
+               </s:Graphic>
+               <s:Label right="25" top="10" width="270" color="0x323232" 
text="The Ellipse class is a filled graphic element that draws an ellipse. 
Graphic
+objects are placed in a Graphic tag which defines the root of an FXG 
document."/>
+       </s:Panel>
+</s:Application>

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/EclipseExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,66 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/halo" 
minWidth="1024" minHeight="768">
+       <s:layout>
+               <s:BasicLayout/>
+       </s:layout>
+    
+       <fx:Script>
+               <![CDATA[
+                       
+                       private function addMatrix(): void
+                       {
+                               ellipse1.transform.matrix = rotation20Matrix;
+                               descriptionText.text = "A matrix transform was 
applied moving the Ellipse to coordinates: 100, 310 and skewing it to a 20 
degree rotation.";
+                               trace(ellipse1.width);
+                       }
+               ]]>
+       </fx:Script>
+       <fx:Declarations>
+               <!-- This matrix should cause the rotation of the Ellipse be 20 
degrees -->
+               <s:Matrix id="rotation20Matrix"
+                                 a="0.939692620786"
+                                 b="0.34202014332"
+                                 c="0.34202014332"
+                                 d="0.939692620786"
+                                 tx="100"
+                                 ty="310"
+                                 />
+       </fx:Declarations>
+       
+       <s:Label text="An Ellipse Using a Transform for Rotation" 
fontWeight="bold" fontSize="14" horizontalCenter="0"
+                                 y="20" />
+       
+       <s:Label id="descriptionText" horizontalCenter="0" y="45" width="300"/>
+       <s:Ellipse id="ellipse1" width="60" height="70" horizontalCenter="0" 
y="90">
+               <s:fill>
+                       <s:LinearGradient>
+                               <s:GradientEntry color="#00FF00" alpha="1" 
ratio="0"/>
+                               <s:GradientEntry color="#000000" alpha="0" 
ratio="1"/>
+                       </s:LinearGradient>
+               </s:fill>
+               <s:stroke>
+                       <s:SolidColorStroke color="0x666666" weight="1"/>
+               </s:stroke>
+       </s:Ellipse>
+       <s:Button label="Apply Transform" click="addMatrix()" x="40" y="330" />
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/fxg/EllipseTransformExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.mxml Sat Aug 23 
08:47:51 2014
@@ -0,0 +1,96 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx">
+       
+       
+       <s:Panel title="Line Graphic Sample" width="100%" height="100%" 
skinClass="skins.TDFPanelSkin">
+               <s:Group left="133" top="100">
+                       
+                       <s:Line xFrom="0" xTo="0" yFrom="0" yTo="100">
+                               <!-- Define the border color of the line. -->
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="1" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="6" xTo="6" yFrom="0" yTo="100" >
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="1" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="12" xTo="12" yFrom="0" yTo="100">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="2" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="20" xTo="20" yFrom="0" yTo="100">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="3" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="30" xTo="30" yFrom="0" yTo="100">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="5" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="43" xTo="43" yFrom="0" yTo="100">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="8" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="58" xTo="58" yFrom="0" yTo="100">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="13" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="84" xTo="84" yFrom="0" yTo="100">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="21" joints="miter"/>
+                               </s:stroke>
+                       </s:Line>
+                       
+                       <s:Line xFrom="123" xTo="123" yFrom="0" yTo="100" >
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="34" joints="bevel" />
+                               </s:stroke>
+                       </s:Line>
+                       <s:Line xFrom="168" xTo="168" yFrom="0" yTo="100" x="3" 
y="0">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="45"/>
+                               </s:stroke>
+                       </s:Line>
+                       <s:Line xFrom="210" xTo="210" yFrom="0" yTo="100" 
x="19" y="0">
+                               <s:stroke>
+                                       <s:SolidColorStroke color="0x000000" 
weight="60"/>
+                               </s:stroke>
+                       </s:Line>
+               </s:Group>
+               <s:Label color="0x323232" right="20" top="15" width="250" 
text="The Line class is a graphic element that draws a line between two points.
+The default stroke for a line is undefined; therefore, if you do not specify 
the stroke, the line is invisible."/>
+       </s:Panel>
+</s:Application>

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/LineExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.mxml
 (added)
+++ 
flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.mxml
 Sat Aug 23 08:47:51 2014
@@ -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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/halo" 
viewSourceURL="srcview/index.html">
+       <fx:Script>
+               <![CDATA[
+                       import mx.collections.ArrayCollection;
+               ]]>
+       </fx:Script>
+       
+       <s:Panel title="LinearGradient Control" 
+                         width="100%" height="100%"
+                        skinClass="skins.TDFPanelSkin">
+               
+               <s:HGroup horizontalCenter="0" top="10">
+               <s:Label verticalAlign="justify" color="#323232" x="10" y="30" 
width="200"
+                                         text="The LinearGradient class lets 
you specify the fill of a graphical element, where a gradient specifies a 
gradual color transition in the fill color. You add a series of GradientEntry 
objects to the LinearGradient object's entries Array to define the colors that 
make up the gradient fill."/>      
+               <s:Rect id="rect1" height="150" width="160" >
+                       <s:fill>
+                               <s:LinearGradient id="gradient1" scaleX="20" 
x="0">
+                                       <s:entries>
+                                               <s:GradientEntry 
color="0xFF0000" />
+                                               <s:GradientEntry 
color="0xFFFFFF" />
+                                               <s:GradientEntry 
color="0x0000FF" />
+                                       </s:entries>
+                               </s:LinearGradient>
+                       </s:fill>
+               </s:Rect>
+               <s:VGroup>
+                       
+                       <s:Label text="scaleX value: " />
+                       <s:HSlider id="scaleXVal" value="20" maximum="200" 
change="gradient1.scaleX=scaleXVal.value"/>
+                       <s:Label text="x value: " />
+                       <s:HSlider id="XVal" value="0" maximum="200" 
change="gradient1.x=XVal.value"/>
+                       <s:Label text="select a spreadMethod: " />
+                       <s:DropDownList id="spreadValue" selectedIndex="0" 
+                                               dataProvider="{new 
ArrayCollection(['pad', 'reflect', 'repeat'])}"  
+                                               
change="gradient1.spreadMethod=spreadValue.selectedItem"/>      
+               </s:VGroup>
+                       
+               </s:HGroup>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/fxg/LinearGradientsSpreadMethodExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/fxg/OrangeCrayonStar.fxg
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/OrangeCrayonStar.fxg?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/OrangeCrayonStar.fxg (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/OrangeCrayonStar.fxg Sat Aug 
23 08:47:51 2014
@@ -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.
+
+-->
+<Graphic version="1.0" xmlns="http://ns.adobe.com/fxg/2008"; 
xmlns:fw="http://ns.adobe.com/fxg/2008/fireworks";  viewHeight= "134" viewWidth= 
"136">
+       <Library>
+       </Library>
+
+       <Group id="Page_1" fw:type="page">
+               <Group id="State_1" fw:type="state">
+                       <Group id="Layer_1" fw:type="layer">
+                               <Group id="undefined">
+                                       <Path winding="evenOdd" data="M 68 12 L 
85 48 L 125 54 L 96 82 L 103 121 L 68 103 L 32 121 L 39 82 L 10 54 L 50 48 L 68 
12 Z " blendMode="normal" alpha="1">
+                                               <fill>
+                                                       <LinearGradient x = 
"67" y = "42" scaleX = "113" rotation = "70">
+                                                               <GradientEntry 
color="#ff6600" ratio="0" alpha="1"/>
+                                                               <GradientEntry 
color="#ff6600" ratio="0.08" alpha="1"/>
+                                                               <GradientEntry 
color="#ffcc00" ratio="0.32" alpha="1"/>
+                                                               <GradientEntry 
color="#ffff99" ratio="0.53" alpha="1"/>
+                                                               <GradientEntry 
color="#dedede" ratio="0.99" alpha="1"/>
+                                                               <GradientEntry 
color="#ffffcc" ratio="0.72" alpha="1"/>
+                                                       </LinearGradient>
+                                               </fill>
+                                               <stroke>
+                                                       <SolidColorStroke 
color="#ff6600" weight="6"/>
+                                               </stroke>
+                                       </Path>
+                               </Group>
+                       </Group>
+               </Group>
+       </Group>
+</Graphic>
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/OrangeCrayonStar.fxg
------------------------------------------------------------------------------
    svn:eol-style = native


Reply via email to