| <!-- |
| 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. |
| --> |
| <!-- saved from url=(0014)about:internet --> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| <title>sample.mxml</title> |
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> |
| </head> |
| |
| <body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0"?></span> |
| <span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> |
| xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" |
| xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" |
| xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Style></span> |
| <span class="CSS@namespace">@namespace</span> <span class="CSSString">"library://ns.adobe.com/flex/spark"</span>; |
| <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span> |
| <span class="CSSProperty_Name">baseColor</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#000000</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">fontFamily</span><span class="CSSDelimiters">:</span> <span class="CSSString">"Arial"</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">fontWeight</span><span class="CSSDelimiters">:</span> <span class="CSSString">"bold"</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">fontSize</span><span class="CSSDelimiters">:</span> <span class="CSSString">"11"</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">advancedAntiAliasing</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">true</span><span class="CSSDelimiters">;</span> |
| <span class="CSSDelimiters">}</span> |
| |
| <span class="MXMLSpecial_Tag"></fx:Style></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Declarations></span> |
| <span class="MXMLComponent_Tag"><s:Move3D</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">moveEffect</span><span class="MXMLDefault_Text">" target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">targetImg</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| xFrom="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">targetImg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" xBy="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">xVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| yFrom="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">targetImg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" yBy="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">yVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| zFrom="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">targetImg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">z</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" zBy="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">zVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| duration="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">duration</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| repeatCount="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">repeatCnt</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" repeatBehavior="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">chkReverse</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptOperator">?</span><span class="ActionScriptString">'reverse'</span>:<span class="ActionScriptString">'loop'</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| effectStart="</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">targetImg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alpha</span><span class="ActionScriptOperator">=</span>.7<span class="MXMLDefault_Text">" effectEnd="</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">targetImg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alpha</span><span class="ActionScriptOperator">=</span>1.0;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLSpecial_Tag"></fx:Declarations></span> |
| |
| <span class="MXMLComment"><!--</span><span class="MXMLComment"> Note: A custom panel skin is used for the Tour de Flex samples and is included in the |
| source tabs for each sample. </span><span class="MXMLComment">--></span> |
| <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" |
| horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" |
| title="</span><span class="MXMLString">Move3D Effect Sample</span><span class="MXMLDefault_Text">" |
| skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">40%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Move X By</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">bottom</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">xVal</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" widthInChars="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Move Y By</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">bottom</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">yVal</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" widthInChars="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Move Z By</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">bottom</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">zVal</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">-150</span><span class="MXMLDefault_Text">" widthInChars="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Repeat Num</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">bottom</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:NumericStepper</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">repeatCnt</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">35</span><span class="MXMLDefault_Text">" |
| value="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Duration</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">bottom</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:NumericStepper</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">duration</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">58</span><span class="MXMLDefault_Text">" |
| minimum="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">9999</span><span class="MXMLDefault_Text">" |
| value="</span><span class="MXMLString">1000</span><span class="MXMLDefault_Text">" |
| snapInterval="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">chkReverse</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Repeat in Reverse?</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">playButton</span><span class="MXMLDefault_Text">" |
| label="</span><span class="MXMLString">Move Image</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">moveEffect</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:VGroup></span> |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">30%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">40%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:BitmapImage</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">targetImg</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">@Embed(source='assets/backpack.jpg')</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">right</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">30%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Move3D Effect Sample</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#B7B6B6</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" |
| text="</span><span class="MXMLString">The Move3D class moves a target object in three dimensions around the transform center. A scale of |
| 2.0 means the object has been magnified by a factor of 2, and a scale of 0.5 means the object has been |
| reduced by a factor of 2. A scale value of 0.0 is invalid.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:VGroup></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"></s:Panel></span> |
| <span class="MXMLComponent_Tag"></s:Application></span></pre></body> |
| </html> |