You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by bi...@apache.org on 2014/08/23 10:48:22 UTC
svn commit: r1619987 [6/22] - in /flex/site/trunk/content/tourdeflex: ./ mx/
mx/charts/ mx/containers/ mx/containers/assets/ mx/controls/
mx/controls/assets/ mx/core/ mx/effects/ mx/effects/assets/ mx/formatters/
mx/printing/ mx/states/ mx/validators/ ...
Added: flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.effects.DefaultListEffect;
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var myDP:ArrayCollection = new ArrayCollection(
+ ['A','B','C','D','E','F','G','H']);
+
+ private function deleteItem():void {
+ // As each item is removed, the index of the other items changes.
+ // So first get the items to delete, then determine their indices
+ // as you remove them.
+ var toRemove:Array = [];
+ for (var i:int = 0; i < list0.selectedItems.length; i++)
+ toRemove.push(list0.selectedItems[i]);
+ for (i = 0; i < toRemove.length; i++)
+ myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
+ }
+
+ private var zcount:int = 0;
+ private function addItem():void {
+ // Always add the new item after the third item,
+ // or after the last item if the length is less than 3.
+ myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length));
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <!-- Define an instance of the DefaultListEffect effect,
+ and set its fadeOutDuration and color properties. -->
+ <mx:DefaultListEffect id="myDLE"
+ fadeOutDuration="1000"
+ color="0x0000ff"/>
+ </fx:Declarations>
+
+ <mx:Panel title="DefaultListEffect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:List id="list0"
+ width="150"
+ dataProvider="{myDP}"
+ variableRowHeight="true"
+ fontSize="18"
+ allowMultipleSelection="true"
+ itemsChangeEffect="{myDLE}"/>
+
+ <mx:Button
+ label="Delete item"
+ click="deleteItem();"/>
+ <mx:Button
+ label="Add item"
+ click="addItem();"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/DefaultListEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,79 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.effects.DefaultTileListEffect;
+ import mx.effects.easing.Elastic;
+ import mx.collections.ArrayCollection;
+ import mx.effects.Move;
+
+ [Bindable]
+ private var myDP:ArrayCollection = new ArrayCollection(
+ ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']);
+
+ private function deleteItems():void {
+ // As each item is removed, the index of the other items changes.
+ // So first get the items to delete, then determine their indices
+ // as you remove them.
+ var toRemove:Array = [];
+ for (var i:int = 0; i < tlist0.selectedItems.length; i++)
+ toRemove.push(tlist0.selectedItems[i]);
+ for (i = 0; i < toRemove.length; i++)
+ myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
+ }
+
+ private var zcount:int = 0;
+ private function addItems():void {
+ myDP.addItemAt("Z"+zcount++,Math.min(2,myDP.length));
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <!-- Define an instance of the DefaultTileListEffect effect,
+ and set its moveDuration and color properties. -->
+ <mx:DefaultTileListEffect id="myDTLE"
+ moveDuration="100"
+ color="0x0000ff"/>
+ </fx:Declarations>
+
+ <mx:Panel title="DefaultTileListEffect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:TileList id="tlist0"
+ height="100%" width="100%"
+ columnCount="4" rowCount="4"
+ fontSize="18" fontWeight="bold"
+ direction="horizontal"
+ dataProvider="{myDP}"
+ allowMultipleSelection="true"
+ offscreenExtraRowsOrColumns="2"
+ itemsChangeEffect="{myDTLE}" />
+
+ <mx:Button
+ label="Delete selected item(s)"
+ click="deleteItems();"/>
+ <mx:Button
+ label="Add item"
+ click="addItems();"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/DefaultTileListEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.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.
+ -->
+
+<!-- Simple example to demonstrate the Dissolve effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
+ <mx:Dissolve id="dissolveIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Dissolve Effect Example"
+ width="95%" height="95%" layout="horizontal"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:VBox height="100%">
+ <mx:Label text="Apache Flex"
+ fontSize="14"
+ visible="{cb1.selected}"
+ hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
+ </mx:VBox>
+
+ <mx:VBox height="100%" width="100%">
+ <mx:Text width="100%" color="blue"
+ text="Use the Dissolve effect to show or hide the text, image, and button."/>
+
+ <mx:Spacer height="100%"/>
+
+ <mx:Button label="Purchase"
+ visible="{cb1.selected}"
+ hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
+ </mx:VBox>
+
+ <mx:ControlBar>
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+ </mx:ControlBar>
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/DissolveEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,53 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Fade effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Style>
+ @font-face {
+ src:url("./assets/OpenSans-Regular.ttf");
+ fontFamily: OpenSans;
+ embedAsCFF: false;
+ }
+ </fx:Style>
+
+ <fx:Declarations>
+ <mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
+ <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Fade Effect Example" width="95%" height="95%"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Fade effect to show or hide the text and image. Use an embedded font when applying the Fade effect to text."/>
+
+ <mx:Label text="Apache Flex"
+ fontFamily="OpenSans" fontSize="14"
+ visible="{cb1.selected}"
+ hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
+
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/FadeEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.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.
+ -->
+
+<!-- Simple example to demonstrate the Glow effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:Glow id="glowImage" duration="1000"
+ alphaFrom="1.0" alphaTo="0.3"
+ blurXFrom="0.0" blurXTo="50.0"
+ blurYFrom="0.0" blurYTo="50.0"
+ color="0x00FF00"/>
+ <mx:Glow id="unglowImage" duration="1000"
+ alphaFrom="0.3" alphaTo="1.0"
+ blurXFrom="50.0" blurXTo="0.0"
+ blurYFrom="50.0" blurYTo="0.0"
+ color="0x0000FF"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Glow Effect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ mouseDownEffect="{glowImage}"
+ mouseUpEffect="{unglowImage}"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/GlowEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,40 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Iris effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:Iris id="irisOut" duration="1000" showTarget="true"/>
+ <mx:Iris id="irisIn" duration="1000" showTarget="false"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Iris Effect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Iris effect to show or hide the logo."/>
+
+ <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ showEffect="{irisIn}" hideEffect="{irisOut}"/>
+
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/IrisEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,50 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Move effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+
+ private function moveImage():void {
+ myMove.end();
+ myMove.xTo=mouseX-60;
+ myMove.play();
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:Move id="myMove" target="{img}"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Move Effect Example" width="95%" height="95%"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Click anywhere on the canvas to move the logo horizontally to that position"/>
+
+ <mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();">
+
+ <mx:Image id="img" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+
+ </mx:Canvas>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/MoveEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,51 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Parallel effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:Parallel id="expand" target="{img}">
+ <mx:Move xTo="{canvas.width/2 - 50}" yTo="{canvas.height/2 - 100}"/>
+ <mx:Resize widthTo="100" heightTo="200"/>
+ </mx:Parallel>
+
+ <mx:Parallel id="contract" target="{img}">
+ <mx:Move xTo="20" yTo="20"/>
+ <mx:Resize widthTo="30" heightTo="60"/>
+ </mx:Parallel>
+ </fx:Declarations>
+
+ <mx:Panel title="Parallel Effect Example" width="100%" height="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Button controls to move and resize the logo in parallel."/>
+
+ <mx:Canvas id="canvas" width="100%" height="100%">
+ <mx:Image id="img" x="20" y="20" width="30" height="60"
+ source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ </mx:Canvas>
+
+ <mx:ControlBar>
+ <mx:Button label="Expand" click="expand.end(); expand.play();"/>
+ <mx:Button label="Contract" click="contract.end(); contract.play();"/>
+ </mx:ControlBar>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/ParallelEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.mxml 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.
+ -->
+
+<!-- Simple example to demonstrate the Pause effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.effects.easing.*;
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:Sequence id="movePauseMove">
+ <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
+ <mx:Pause duration="2000"/>
+ <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>
+ </mx:Sequence>
+ </fx:Declarations>
+
+ <mx:Panel title="Pause Effect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/>
+
+ <mx:Image
+ source="@Embed(source='assets/ApacheFlexLogo.png')"
+ mouseDownEffect="{movePauseMove}"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/PauseEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Resize effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"/>
+ <mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Resize Effect Example" width="100%" height="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Button controls to resize the image."/>
+
+ <mx:Image id="img" width="30" height="60"
+ source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+
+ <mx:ControlBar>
+ <mx:Button label="Expand" click="expand.end(); expand.play();"/>
+ <mx:Button label="Contract" click="contract.end(); contract.play();"/>
+ </mx:ControlBar>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/ResizeEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.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.
+ -->
+
+<!-- Simple example to demonstrate the Rotate effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+ [Bindable]
+ public var angle:int=0;
+
+ private function rotateImage():void {
+ rotate.end();
+ angle += 45;
+ rotate.play();
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Style>
+ @font-face {
+ src:url("./assets/OpenSans-Regular.ttf");
+ fontFamily: OpenSans;
+ embedAsCFF: false;
+ }
+ </fx:Style>
+
+ <fx:Declarations>
+ <mx:Rotate id="rotate" angleFrom="{angle-45}" angleTo="{angle}" target="{myVB}"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Rotate Effect Example" horizontalAlign="center"
+ width="75%" height="75%" layout="horizontal"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:VBox id="myVB" width="50%" horizontalAlign="center">
+ <mx:Label text="Apache Flex"
+ fontFamily="OpenSans" fontSize="14"/>
+
+ <mx:Image id="img"
+ source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ </mx:VBox>
+
+ <mx:Text width="50%" color="blue"
+ text="Click the button to rotate the image 45 degrees. Use an embedded font when applying the Rotate effect to text."/>
+
+ <mx:ControlBar>
+ <mx:Button label="Rotate 45 Degrees" click="rotateImage();"/>
+ </mx:ControlBar>
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/RotateEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.mxml 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.
+ -->
+
+<!-- Simple example to demonstrate the Sequence effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.effects.easing.*;
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:Sequence id="movePauseMove">
+ <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
+ <mx:Pause duration="2000"/>
+ <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>
+ </mx:Sequence>
+ </fx:Declarations>
+
+ <mx:Panel title="Sequence Effect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/>
+
+ <mx:Image
+ source="@Embed(source='assets/ApacheFlexLogo.png')"
+ mouseDownEffect="{movePauseMove}"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SequenceEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Effect class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.controls.Alert;
+
+ // Event handler for the effectEnd event.
+ private function endEffectHandler():void {
+ Alert.show("Effect Ended!");
+ }
+
+ // Event handler for the reset button.
+ private function resetHandler():void {
+ expand.end();
+ img.width=30;
+ img.height=60;
+ button1.enabled=true;
+ }
+ ]]>
+ </fx:Script>
+
+
+ <fx:Declarations>
+ <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"
+ duration="10000" effectEnd="endEffectHandler();"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Resize Effect Example" width="100%" height="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Button controls to control the Resize effect."/>
+
+ <mx:Image id="img" width="30" height="60"
+ source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+
+ <mx:ControlBar>
+ <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
+ <mx:Button label="Pause" click="expand.pause();"/>
+ <mx:Button label="Resume" click="expand.resume();"/>
+ <mx:Button label="Reverse" click="expand.reverse();"/>
+ <mx:Button label="End" click="expand.end();"/>
+ <mx:Button label="Reset" click="resetHandler();"/>
+ </mx:ControlBar>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SimpleEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,73 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the TweenEffect class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.events.TweenEvent;
+
+ // Event handler for the tweenUpdate and tweenEnd effects.
+ private function tweenUpdateHandler(event:TweenEvent):void {
+ // Access current width of the image.
+ currentWidth.text="Current width (in pixels): " + String(event.value[0]);
+ }
+
+ // Event handler for the reset button.
+ private function resetHandler():void {
+ expand.end();
+ img.width=30;
+ currentWidth.text="Current width (in pixels): 30";
+ img.height=60;
+ button1.enabled=true;
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"
+ duration="10000"
+ tweenUpdate="tweenUpdateHandler(event);"
+ tweenEnd="tweenUpdateHandler(event);"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Resize Effect Example" width="100%" height="100%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the Button controls to resize the image."/>
+
+ <mx:HBox width="100%">
+ <mx:Image id="img" width="30" height="60"
+ source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ <mx:Text id="currentWidth" height="20" width="100%"/>
+ </mx:HBox>
+
+ <mx:ControlBar>
+ <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
+ <mx:Button label="Pause" click="expand.pause();"/>
+ <mx:Button label="Resume" click="expand.resume();"/>
+ <mx:Button label="Reverse" click="expand.reverse();"/>
+ <mx:Button label="End" click="expand.end();"/>
+ <mx:Button label="Reset" click="resetHandler();"/>
+ </mx:ControlBar>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SimpleTweenEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the SoundEffect effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:SoundEffect id="mySounds" source="@Embed(source='./assets/ping.mp3')"/>
+ </fx:Declarations>
+
+ <mx:Panel title="Sound Effect Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Label width="100%" color="blue"
+ text="Click on the logo to hear the sound effect."/>
+
+ <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
+ mouseDownEffect="{mySounds}"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/SoundEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the WipeDown effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:WipeDown id="wipeOut" duration="1000"/>
+ <mx:WipeDown id="wipeIn" duration="1000"/>
+ </fx:Declarations>
+
+ <mx:Panel title="WipeDown Effect Example" width="95%" height="95%"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the WipeDown effect to show or hide the text and image."/>
+
+ <mx:Label text="Apache Flex"
+ fontSize="14"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeDownExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the WipeLeft effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:WipeLeft id="wipeOut" duration="1000"/>
+ <mx:WipeLeft id="wipeIn" duration="1000"/>
+ </fx:Declarations>
+
+ <mx:Panel title="WipeLeft Effect Example" width="95%" height="95%"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the WipeLeft effect to show or hide the text and image."/>
+
+ <mx:Label text="Apache Flex"
+ fontSize="14"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeLeftExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the WipeRight effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:WipeRight id="wipeOut" duration="1000"/>
+ <mx:WipeRight id="wipeIn" duration="1000"/>
+ </fx:Declarations>
+
+ <mx:Panel title="WipeRight Effect Example" width="95%" height="95%"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the WipeRight effect to show or hide the text and image."/>
+
+ <mx:Label text="Apache Flex"
+ fontSize="14"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeRightExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the WipeUp effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Declarations>
+ <mx:WipeUp id="wipeOut" duration="1000"/>
+ <mx:WipeUp id="wipeIn" duration="1000"/>
+ </fx:Declarations>
+
+ <mx:Panel title="WipeUp Effect Example" width="95%" height="95%"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Use the WipeUp effect to show or hide the text and image."/>
+
+ <mx:Label text="Apache Flex"
+ fontSize="14"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+ visible="{cb1.selected}"
+ hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+
+ <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/WipeUpExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.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.
+ -->
+
+<!-- Simple example to demonstrate the Zoom effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Script>
+ <![CDATA[
+ import flash.events.MouseEvent;
+
+ public function doZoom(event:MouseEvent):void {
+ if (zoomAll.isPlaying) {
+ zoomAll.reverse();
+ }
+ else {
+ // If this is a ROLL_OUT event, play the effect backwards.
+ // If this is a ROLL_OVER event, play the effect forwards.
+ zoomAll.play([event.target], event.type == MouseEvent.ROLL_OUT ? true : false);
+ }
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:Zoom id="zoomAll" zoomWidthTo="1" zoomHeightTo="1" zoomWidthFrom=".5" zoomHeightFrom=".5" />
+ </fx:Declarations>
+
+ <mx:Panel title="Zoom Effect Example" width="95%" height="95%" horizontalAlign="center"
+ paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+ <mx:Text width="100%" color="blue"
+ text="Move the mouse over the image to enlarge it. Move the mouse off of the image to shrink it."/>
+
+ <mx:Image id="img"
+ source="@Embed(source='assets/ApacheFlexLogo.png')"
+ scaleX=".5" scaleY=".5"
+ rollOver="doZoom(event)"
+ rollOut="doZoom(event)"/>
+
+ </mx:Panel>
+</mx:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/ZoomEffectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/assets/ApacheFlexLogo.png
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/assets/ApacheFlexLogo.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/assets/ApacheFlexLogo.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: flex/site/trunk/content/tourdeflex/mx/effects/assets/OpenSans-Regular.ttf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/assets/OpenSans-Regular.ttf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/assets/OpenSans-Regular.ttf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/effects/assets/ping.mp3
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/effects/assets/ping.mp3?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/effects/assets/ping.mp3
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the CurrencyFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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>
+
+ <fx:Declarations>
+ <mx:CurrencyFormatter id="usdFormatter" precision="2"
+ currencySymbol="$" decimalSeparatorFrom="."
+ decimalSeparatorTo="." useNegativeSign="true"
+ useThousandsSeparator="true" alignSymbol="left"/>
+
+ <mx:NumberValidator id="numVal" source="{priceUS}" property="text"
+ allowNegative="true" domain="real"/>
+ </fx:Declarations>
+
+ <mx:Panel title="CurrencyFormatter Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Form>
+ <mx:FormItem label="Enter U.S. dollar amount:">
+ <mx:TextInput id="priceUS" text="" width="50%"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Formatted amount: ">
+ <mx:TextInput id="formattedUSPrice" text="" width="50%" editable="false"/>
+ </mx:FormItem>
+
+ <mx:FormItem>
+ <mx:Button label="Validate and Format" click="Format();"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/CurrencyFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the DateFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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>
+
+ <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>
+
+ <mx:Panel title="DateFormatter Example" width="95%" height="95%"
+ paddingTop="10" paddingLeft="5" paddingRight="5" paddingBottom="10">
+
+ <mx:Form width="100%">
+ <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">
+ <mx:TextInput id="dob" text=""/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Formatted date: " width="100%">
+ <mx:TextInput id="formattedDate" text="" editable="false"/>
+ </mx:FormItem>
+
+ <mx:FormItem>
+ <mx:Button label="Validate and Format" click="Format();"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/DateFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate NumberFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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) {
+
+ formattedNumber.text= numberFormatter.format(inputVal.text);
+ }
+
+ else {
+ formattedNumber.text= "";
+ }
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <mx:NumberFormatter id="numberFormatter" precision="4"
+ useThousandsSeparator="true" useNegativeSign="true"/>
+
+ <mx:NumberValidator id="numVal" source="{inputVal}" property="text"
+ allowNegative="true" domain="real"/>
+ </fx:Declarations>
+
+ <mx:Panel title="NumberFormatter Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Form>
+ <mx:FormItem label="Enter number:">
+ <mx:TextInput id="inputVal" text="" width="50%"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Formatted number (precision=4): ">
+ <mx:TextInput id="formattedNumber" editable="false" width="50%"/>
+ </mx:FormItem>
+
+ <mx:FormItem>
+ <mx:Button label="Validate and Format" click="Format();"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/NumberFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate PhoneFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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>
+
+ <fx:Declarations>
+ <mx:PhoneFormatter id="phoneFormatter"
+ formatString="(###) ###-####" validPatternChars="#-() "/>
+
+ <mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text"
+ allowedFormatChars=""/>
+ </fx:Declarations>
+
+ <mx:Panel title="PhoneFormatter Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Form>
+ <mx:FormItem label="Enter a 10-digit phone number:">
+ <mx:TextInput id="phone" text="" width="75%"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Formatted phone number: ">
+ <mx:TextInput id="formattedPhone" text="" width="75%" editable="false"/>
+ </mx:FormItem>
+
+ <mx:FormItem>
+ <mx:Button label="Validate and Format" click="Format();"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/PhoneFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ -->
+
+<!-- Simple example to demonstrate the Formatter class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <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>
+
+ <fx:Declarations>
+ <mx:NumberFormatter id="numberFormatter"/>
+ </fx:Declarations>
+
+ <mx:Panel title="NumberFormatter Example" width="75%" height="75%"
+ paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+ <mx:Form>
+ <mx:FormItem label="Enter number - a letter is invalid:">
+ <mx:TextInput id="inputVal" text="" width="75%"/>
+ </mx:FormItem>
+
+ <mx:FormItem label="Formatted number: ">
+ <mx:TextInput id="formattedNumber" editable="false" width="75%"/>
+ </mx:FormItem>
+
+ <mx:FormItem>
+ <mx:Button label="Validate and Format" click="Format();"/>
+ </mx:FormItem>
+ </mx:Form>
+
+ </mx:Panel>
+</mx:Application>
Propchange: flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/formatters/SimpleFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.