| <!-- |
| 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>SampleZoom.mxml</title>
|
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
|
| </head>
|
|
|
| <body>
|
| <pre><span class="MXMLComponent_Tag"><s:View</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
|
| xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
|
| title="</span><span class="MXMLString">Sample Zoom</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
|
|
|
| <span class="MXMLSpecial_Tag"><fx:Script></span>
|
| <![CDATA[
|
| <span class="MXMLComponent_Tag">import</span> spark.transitions.ZoomViewTransition;
|
| <span class="MXMLComponent_Tag">import</span> spark.transitions.ZoomViewTransitionMode;
|
|
|
| <span class="MXMLComponent_Tag">public</span> <span class="ActionScriptvar">var</span> zoomTrans:ZoomViewTransition = <span class="MXMLComponent_Tag">new</span> ZoomViewTransition();
|
|
|
| <span class="MXMLComponent_Tag">protected</span> <span class="ActionScriptfunction">function</span> onZoom():<span class="MXMLComponent_Tag">void </span>
|
| {
|
| <span class="MXMLComponent_Tag">if</span> (txtDuration.text!=<span class="MXMLComponent_Tag">null</span> && txtDuration.text.length>0)
|
| zoomTrans.duration = parseFloat(txtDuration.text)*1000;
|
| zoomTrans.mode = rgMode.selectedValue <span class="MXMLComponent_Tag">as</span> String;
|
| navigator.popToFirstView(zoomTrans);
|
| }</span>
|
|
|
| <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">add_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
|
| <span class="ActionScriptBracket/Brace">{</span>
|
| <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">n</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">parseInt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">txtDuration</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
|
| <span class="ActionScriptDefault_Text">txtDuration</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">n</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span>;
|
| <span class="ActionScriptBracket/Brace">}</span>
|
|
|
| <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">subtract_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
|
| <span class="ActionScriptBracket/Brace">{</span>
|
|
|
| <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">n</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">parseInt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">txtDuration</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
|
| <span class="ActionScriptDefault_Text">txtDuration</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">n</span><span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>;
|
| <span class="ActionScriptBracket/Brace">}</span>
|
| <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">></span>
|
| <span class="MXMLSpecial_Tag"></fx:Script></span>
|
|
|
| <span class="MXMLSpecial_Tag"><fx:Declarations></span>
|
| <span class="MXMLComponent_Tag"><s:RadioButtonGroup</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rgMode</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLSpecial_Tag"></fx:Declarations></span>
|
|
|
| <span class="MXMLComponent_Tag"><s:navigationContent></span>
|
| <span class="MXMLComponent_Tag"><s:Button</span> label="<span class="MXMLString">Home</span>" height="<span class="MXMLString">100</span>" click="navigator.popToFirstView(zoomTrans)"<span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"> </s:navigationContent></span>
|
|
|
| <span class="MXMLComponent_Tag"><s:VGroup</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">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">65</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">" top="</span><span class="MXMLString">50</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 (seconds)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"><s:HGroup></span>
|
| <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">addBtn</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">+</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">add_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</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">txtDuration</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">addBtn</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">addBtn</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" restrict="</span><span class="MXMLString">.0-9</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"
|
| textAlign="</span><span class="MXMLString">center</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">subtractBtn</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">-</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">subtract_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</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="MXMLComponent_Tag"><s:VGroup></span>
|
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Zoom Mode</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"><s:HGroup></span>
|
| <span class="MXMLComponent_Tag"><s:RadioButton</span> label="<span class="MXMLString">{</span>ZoomViewTransitionMode.IN<span class="MXMLString">}</span>" groupName="<span class="MXMLString">rgMode</span>" selected="<span class="MXMLString">true</span>"<span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"><s:RadioButton</span> label="<span class="MXMLString">{</span>ZoomViewTransitionMode.OUT<span class="MXMLString">}</span>" groupName="<span class="MXMLString">rgMode</span>"<span class="MXMLComponent_Tag">/></span>
|
| <span class="MXMLComponent_Tag"></s:HGroup></span>
|
| <span class="MXMLComponent_Tag"></s:VGroup></span>
|
|
|
| <span class="MXMLComponent_Tag"><s:HGroup></span>
|
| <span class="MXMLComponent_Tag"><s:Button</span> label="<span class="MXMLString">Start</span>" width="<span class="MXMLString">200</span>" click="onZoom()"/>
|
| <span class="MXMLComponent_Tag"></s:HGroup></span>
|
| <span class="MXMLComponent_Tag"></s:VGroup></span>
|
|
|
| <span class="MXMLComponent_Tag"></s:View></span></pre></body>
|
| </html>
|