http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample2.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample2.html index 452d1c8..6b4a126 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample2.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample2.html @@ -14,108 +14,108 @@ See the License for the specific language governing permissions and limitations under the License. --> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> -<!-- saved from url=(0014)about:internet --> -<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en"> - <!-- - Smart developers always View Source. - - This application was built using Adobe Flex, an open source framework - for building rich Internet applications that get delivered via the - Flash Player or to desktops via Adobe AIR. - - Learn more about Flex at http://flex.org - // --> - <head> - <title></title> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and - the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as - the percentage of the height of its parent container, which has to be set explicitly. Initially, - don't display flashContent div so it won't show if JavaScript disabled. - --> - <style type="text/css" media="screen"> - html, body { height:100%; } - body { margin:0; padding:0; overflow:auto; text-align:center; - background-color: #ffffff; } - #flashContent { display:none; } - </style> - - <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens --> - <!-- BEGIN Browser History required section --> - <link rel="stylesheet" type="text/css" href="history/history.css" /> - <script type="text/javascript" src="history/history.js"></script> - <!-- END Browser History required section --> - - <script type="text/javascript" src="swfobject.js"></script> - <script type="text/javascript"> - <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> - var swfVersionStr = "10.0.0"; - <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. --> - var xiSwfUrlStr = "playerProductInstall.swf"; - var flashvars = {}; - var params = {}; - params.quality = "high"; - params.bgcolor = "#ffffff"; - params.allowscriptaccess = "sameDomain"; - params.allowfullscreen = "true"; - var attributes = {}; - attributes.id = "sample2"; - attributes.name = "sample2"; - attributes.align = "middle"; - swfobject.embedSWF( - "sample2.swf", "flashContent", - "100%", "100%", - swfVersionStr, xiSwfUrlStr, - flashvars, params, attributes); - <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. --> - swfobject.createCSS("#flashContent", "display:block;text-align:left;"); - </script> - </head> - <body> - <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough - JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show - when JavaScript is disabled. - --> - <div id="flashContent"> - <p> - To view this page ensure that Adobe Flash Player version - 10.0.0 or greater is installed. - </p> - <script type="text/javascript"> - var pageHost = ((document.location.protocol == "https:") ? "https://"; : "http://";); - document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" - + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); - </script> - </div> - - <noscript> - <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="sample2"> - <param name="movie" value="sample2.swf" /> - <param name="quality" value="high" /> - <param name="bgcolor" value="#ffffff" /> - <param name="allowScriptAccess" value="sameDomain" /> - <param name="allowFullScreen" value="true" /> - <!--[if !IE]>--> - <object type="application/x-shockwave-flash" data="sample2.swf" width="100%" height="100%"> - <param name="quality" value="high" /> - <param name="bgcolor" value="#ffffff" /> - <param name="allowScriptAccess" value="sameDomain" /> - <param name="allowFullScreen" value="true" /> - <!--<![endif]--> - <!--[if gte IE 6]>--> - <p> - Either scripts and active content are not permitted to run or Adobe Flash Player version - 10.0.0 or greater is not installed. - </p> - <!--<![endif]--> - <a href="http://www.adobe.com/go/getflashplayer";> - <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"; alt="Get Adobe Flash Player" /> - </a> - <!--[if !IE]>--> - </object> - <!--<![endif]--> - </object> - </noscript> - </body> -</html> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> +<!-- saved from url=(0014)about:internet --> +<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en"> + <!-- + Smart developers always View Source. + + This application was built using Adobe Flex, an open source framework + for building rich Internet applications that get delivered via the + Flash Player or to desktops via Adobe AIR. + + Learn more about Flex at http://flex.org + // --> + <head> + <title></title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and + the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as + the percentage of the height of its parent container, which has to be set explicitly. Initially, + don't display flashContent div so it won't show if JavaScript disabled. + --> + <style type="text/css" media="screen"> + html, body { height:100%; } + body { margin:0; padding:0; overflow:auto; text-align:center; + background-color: #ffffff; } + #flashContent { display:none; } + </style> + + <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens --> + <!-- BEGIN Browser History required section --> + <link rel="stylesheet" type="text/css" href="history/history.css" /> + <script type="text/javascript" src="history/history.js"></script> + <!-- END Browser History required section --> + + <script type="text/javascript" src="swfobject.js"></script> + <script type="text/javascript"> + <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> + var swfVersionStr = "10.0.0"; + <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. --> + var xiSwfUrlStr = "playerProductInstall.swf"; + var flashvars = {}; + var params = {}; + params.quality = "high"; + params.bgcolor = "#ffffff"; + params.allowscriptaccess = "sameDomain"; + params.allowfullscreen = "true"; + var attributes = {}; + attributes.id = "sample2"; + attributes.name = "sample2"; + attributes.align = "middle"; + swfobject.embedSWF( + "sample2.swf", "flashContent", + "100%", "100%", + swfVersionStr, xiSwfUrlStr, + flashvars, params, attributes); + <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. --> + swfobject.createCSS("#flashContent", "display:block;text-align:left;"); + </script> + </head> + <body> + <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough + JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show + when JavaScript is disabled. + --> + <div id="flashContent"> + <p> + To view this page ensure that Adobe Flash Player version + 10.0.0 or greater is installed. + </p> + <script type="text/javascript"> + var pageHost = ((document.location.protocol == "https:") ? "https://"; : "http://";); + document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); + </script> + </div> + + <noscript> + <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="sample2"> + <param name="movie" value="sample2.swf" /> + <param name="quality" value="high" /> + <param name="bgcolor" value="#ffffff" /> + <param name="allowScriptAccess" value="sameDomain" /> + <param name="allowFullScreen" value="true" /> + <!--[if !IE]>--> + <object type="application/x-shockwave-flash" data="sample2.swf" width="100%" height="100%"> + <param name="quality" value="high" /> + <param name="bgcolor" value="#ffffff" /> + <param name="allowScriptAccess" value="sameDomain" /> + <param name="allowFullScreen" value="true" /> + <!--<![endif]--> + <!--[if gte IE 6]>--> + <p> + Either scripts and active content are not permitted to run or Adobe Flash Player version + 10.0.0 or greater is not installed. + </p> + <!--<![endif]--> + <a href="http://www.adobe.com/go/getflashplayer";> + <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"; alt="Get Adobe Flash Player" /> + </a> + <!--[if !IE]>--> + </object> + <!--<![endif]--> + </object> + </noscript> + </body> +</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt index bdee77e..41c8928 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more @@ -17,80 +17,80 @@ See the License for the specific language governing permissions and limitations under the License. --> -<list> - <employee employeeId="1"> - <firstName>Michael</firstName> - <lastName>Scott</lastName> - <image>assets/scott.jpg</image> - </employee> - <employee employeeId="2"> - <firstName>Pam</firstName> - <lastName>Beesly</lastName> - <image>assets/beesly.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Andy</firstName> - <lastName>Bernard</lastName> - <image>assets/bernard.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Creed</firstName> - <lastName>Bratton</lastName> - <image>assets/bratton.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Toby</firstName> - <lastName>Flenderson</lastName> - <image>assets/flenderson.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Jim</firstName> - <lastName>Halpert</lastName> - <image>assets/halpert.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Ryan</firstName> - <lastName>Howard</lastName> - <image>assets/howard.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Stanley</firstName> - <lastName>Hudson</lastName> - <image>assets/hudson.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Kelly</firstName> - <lastName>Kapoor</lastName> - <image>assets/kapoor.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Phyllis</firstName> - <lastName>Lapin</lastName> - <image>assets/lapin.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Kevin</firstName> - <lastName>Malone</lastName> - <image>assets/malone.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Angela</firstName> - <lastName>Martin</lastName> - <image>assets/martin.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Oscar</firstName> - <lastName>Martinez</lastName> - <image>assets/martinez.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Meredith</firstName> - <lastName>Palmer</lastName> - <image>assets/palmer.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Dwight</firstName> - <lastName>Schrute</lastName> - <image>assets/schrute.jpg</image> - </employee> +<list> + <employee employeeId="1"> + <firstName>Michael</firstName> + <lastName>Scott</lastName> + <image>assets/scott.jpg</image> + </employee> + <employee employeeId="2"> + <firstName>Pam</firstName> + <lastName>Beesly</lastName> + <image>assets/beesly.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Andy</firstName> + <lastName>Bernard</lastName> + <image>assets/bernard.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Creed</firstName> + <lastName>Bratton</lastName> + <image>assets/bratton.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Toby</firstName> + <lastName>Flenderson</lastName> + <image>assets/flenderson.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Jim</firstName> + <lastName>Halpert</lastName> + <image>assets/halpert.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Ryan</firstName> + <lastName>Howard</lastName> + <image>assets/howard.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Stanley</firstName> + <lastName>Hudson</lastName> + <image>assets/hudson.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Kelly</firstName> + <lastName>Kapoor</lastName> + <image>assets/kapoor.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Phyllis</firstName> + <lastName>Lapin</lastName> + <image>assets/lapin.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Kevin</firstName> + <lastName>Malone</lastName> + <image>assets/malone.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Angela</firstName> + <lastName>Martin</lastName> + <image>assets/martin.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Oscar</firstName> + <lastName>Martinez</lastName> + <image>assets/martinez.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Meredith</firstName> + <lastName>Palmer</lastName> + <image>assets/palmer.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Dwight</firstName> + <lastName>Schrute</lastName> + <image>assets/schrute.jpg</image> + </employee> </list> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html index 798735c..4552e37 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html @@ -23,42 +23,42 @@ <link rel="stylesheet" type="text/css" href="../../SourceStyles.css"/> </head> -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> -<span class="MXMLComponent_Tag"><s:ItemRenderer</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">" - xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" - autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" - depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLComponent_Tag"><s:states></span> - <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:states></span> - - <span class="MXMLComponent_Tag"><s:postLayoutTransformOffsets></span> - <span class="MXMLComponent_Tag"><mx:TransformOffsets</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">offsets</span><span class="MXMLDefault_Text">" x.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" y.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" scaleX.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" scaleY.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:postLayoutTransformOffsets></span> - - <span class="MXMLComponent_Tag"><s:transitions></span> - <span class="MXMLComponent_Tag"><mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:Animate></span> - <span class="MXMLComponent_Tag"></mx:Transition></span> - <span class="MXMLComponent_Tag"><mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:Animate></span> - <span class="MXMLComponent_Tag"></mx:Transition></span> - <span class="MXMLComponent_Tag"></s:transitions></span> - - <span class="MXMLComponent_Tag"><mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> +<span class="MXMLComponent_Tag"><s:ItemRenderer</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">" + xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" + autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" + depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLComponent_Tag"><s:states></span> + <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:states></span> + + <span class="MXMLComponent_Tag"><s:postLayoutTransformOffsets></span> + <span class="MXMLComponent_Tag"><mx:TransformOffsets</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">offsets</span><span class="MXMLDefault_Text">" x.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" y.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" scaleX.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" scaleY.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:postLayoutTransformOffsets></span> + + <span class="MXMLComponent_Tag"><s:transitions></span> + <span class="MXMLComponent_Tag"><mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:Animate></span> + <span class="MXMLComponent_Tag"></mx:Transition></span> + <span class="MXMLComponent_Tag"><mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:Animate></span> + <span class="MXMLComponent_Tag"></mx:Transition></span> + <span class="MXMLComponent_Tag"></s:transitions></span> + + <span class="MXMLComponent_Tag"><mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:ItemRenderer></span></pre></body> </html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html index 093ee71..e1b721f 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html @@ -23,40 +23,40 @@ <link rel="stylesheet" type="text/css" href="../../SourceStyles.css"/> </head> -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> -<span class="MXMLComponent_Tag"><s:ItemRenderer</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">" - xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" - autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" - depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLComponent_Tag"><s:states></span> - <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:states></span> - - <span class="MXMLComponent_Tag"><s:transitions></span> - <span class="MXMLComponent_Tag"><s:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:Parallel></span> - <span class="MXMLComponent_Tag"><s:Rotate3D</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" angleYFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleYTo="</span><span class="MXMLString">360</span><span class="MXMLDefault_Text">" autoCenterProjection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" autoCenterTransform="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">group</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:Parallel></span> - <span class="MXMLComponent_Tag"></s:Transition></span> - <span class="MXMLComponent_Tag"></s:transitions></span> - - <span class="MXMLComponent_Tag"><s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rect</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:fill></span> - <span class="MXMLComponent_Tag"><s:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:fill></span> - <span class="MXMLComponent_Tag"></s:Rect></span> - - <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">group</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.normal="</span><span class="MXMLString">false</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">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</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">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:Group></span> - - <span class="MXMLComponent_Tag"><mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.hovered="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> +<span class="MXMLComponent_Tag"><s:ItemRenderer</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">" + xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" + autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" + depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLComponent_Tag"><s:states></span> + <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:states></span> + + <span class="MXMLComponent_Tag"><s:transitions></span> + <span class="MXMLComponent_Tag"><s:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:Parallel></span> + <span class="MXMLComponent_Tag"><s:Rotate3D</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" angleYFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleYTo="</span><span class="MXMLString">360</span><span class="MXMLDefault_Text">" autoCenterProjection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" autoCenterTransform="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">group</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:Parallel></span> + <span class="MXMLComponent_Tag"></s:Transition></span> + <span class="MXMLComponent_Tag"></s:transitions></span> + + <span class="MXMLComponent_Tag"><s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rect</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:fill></span> + <span class="MXMLComponent_Tag"><s:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:fill></span> + <span class="MXMLComponent_Tag"></s:Rect></span> + + <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">group</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.normal="</span><span class="MXMLString">false</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">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</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">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:Group></span> + + <span class="MXMLComponent_Tag"><mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.hovered="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:ItemRenderer></span></pre></body> </html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html index ae7a6a6..6eb2493 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html @@ -23,46 +23,46 @@ <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> </head> -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></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:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" - xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" - applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</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:Script></span> - <![CDATA[ - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>; - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>; - - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>; - - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>; - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</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:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag"></fx:Declarations></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">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</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:layout></span> - <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:layout></span> - <span class="MXMLComponent_Tag"><s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:layout></span> - <span class="MXMLComponent_Tag"><s:TileLayout</span><span class="MXMLDefault_Text"> horizontalGap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalGap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:layout></span> - <span class="MXMLComponent_Tag"></s:DataGroup></span> - <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses the Spark Animate to scale the image -when hovered over each item. See the ImageRenderer1.mxml source for more information.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:Panel></span> - +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></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:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" + xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" + applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</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:Script></span> + <![CDATA[ + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>; + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>; + + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>; + + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>; + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</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:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag"></fx:Declarations></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">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</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:layout></span> + <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:layout></span> + <span class="MXMLComponent_Tag"><s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:layout></span> + <span class="MXMLComponent_Tag"><s:TileLayout</span><span class="MXMLDefault_Text"> horizontalGap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalGap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:layout></span> + <span class="MXMLComponent_Tag"></s:DataGroup></span> + <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses the Spark Animate to scale the image +when hovered over each item. See the ImageRenderer1.mxml source for more information.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:Panel></span> + <span class="MXMLComponent_Tag"></s:Application></span></pre></body> </html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html index 50dd6c9..e51bf83 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html @@ -23,60 +23,60 @@ <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> </head> -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></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:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" - xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" - applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</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="CSSSelector">s </span><span class="CSSString">"library://ns.adobe.com/flex/spark"</span>; - <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">mx </span><span class="CSSString">"library://ns.adobe.com/flex/halo"</span>; - - <span class="CSS@font-face">@font-face</span> <span class="CSSDelimiters">{</span> - <span class="CSSProperty_Name">src</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">url(</span><span class="CSSString">"assets/MyriadPro-Semibold.otf"</span><span class="CSSProperty_Value">)</span><span class="CSSDelimiters">;</span> - <span class="CSSProperty_Name">fontFamily</span><span class="CSSDelimiters">:</span> <span class="CSSString">"main"</span><span class="CSSDelimiters">;</span> - <span class="CSSDelimiters">}</span> - - <span class="CSSSelector">s|Application </span><span class="CSSDelimiters">{</span> - <span class="CSSProperty_Name">font-family</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">main</span><span class="CSSDelimiters">;</span> - <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">14</span><span class="CSSDelimiters">;</span> - <span class="CSSDelimiters">}</span> - - <span class="MXMLSpecial_Tag"></fx:Style></span> - - <span class="MXMLSpecial_Tag"><fx:Script></span> - <![CDATA[ - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>; - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>; - - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>; - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</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:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag"></fx:Declarations></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">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</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:layout></span> - <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:layout></span> - - <span class="MXMLComponent_Tag"><s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">440</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer2</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><s:layout></span> - <span class="MXMLComponent_Tag"><s:TileLayout</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:layout></span> - <span class="MXMLComponent_Tag"></s:DataGroup></span> - <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses effects to provide a -Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also -shows the use of a special font for the text.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:Panel></span> +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></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:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" + xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" + applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</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="CSSSelector">s </span><span class="CSSString">"library://ns.adobe.com/flex/spark"</span>; + <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">mx </span><span class="CSSString">"library://ns.adobe.com/flex/halo"</span>; + + <span class="CSS@font-face">@font-face</span> <span class="CSSDelimiters">{</span> + <span class="CSSProperty_Name">src</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">url(</span><span class="CSSString">"assets/MyriadPro-Semibold.otf"</span><span class="CSSProperty_Value">)</span><span class="CSSDelimiters">;</span> + <span class="CSSProperty_Name">fontFamily</span><span class="CSSDelimiters">:</span> <span class="CSSString">"main"</span><span class="CSSDelimiters">;</span> + <span class="CSSDelimiters">}</span> + + <span class="CSSSelector">s|Application </span><span class="CSSDelimiters">{</span> + <span class="CSSProperty_Name">font-family</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">main</span><span class="CSSDelimiters">;</span> + <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">14</span><span class="CSSDelimiters">;</span> + <span class="CSSDelimiters">}</span> + + <span class="MXMLSpecial_Tag"></fx:Style></span> + + <span class="MXMLSpecial_Tag"><fx:Script></span> + <![CDATA[ + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>; + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>; + + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>; + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</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:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag"></fx:Declarations></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">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</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:layout></span> + <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:layout></span> + + <span class="MXMLComponent_Tag"><s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">440</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer2</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><s:layout></span> + <span class="MXMLComponent_Tag"><s:TileLayout</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:layout></span> + <span class="MXMLComponent_Tag"></s:DataGroup></span> + <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses effects to provide a +Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also +shows the use of a special font for the text.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:Panel></span> <span class="MXMLComponent_Tag"></s:Application></span></pre></body> </html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml index 376bb2c..c499fdb 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml +++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more @@ -17,80 +17,80 @@ limitations under the License. --> -<list> - <employee employeeId="1"> - <firstName>Michael</firstName> - <lastName>Scott</lastName> - <image>assets/scott.jpg</image> - </employee> - <employee employeeId="2"> - <firstName>Pam</firstName> - <lastName>Beesly</lastName> - <image>assets/beesly.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Andy</firstName> - <lastName>Bernard</lastName> - <image>assets/bernard.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Creed</firstName> - <lastName>Bratton</lastName> - <image>assets/bratton.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Toby</firstName> - <lastName>Flenderson</lastName> - <image>assets/flenderson.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Jim</firstName> - <lastName>Halpert</lastName> - <image>assets/halpert.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Ryan</firstName> - <lastName>Howard</lastName> - <image>assets/howard.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Stanley</firstName> - <lastName>Hudson</lastName> - <image>assets/hudson.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Kelly</firstName> - <lastName>Kapoor</lastName> - <image>assets/kapoor.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Phyllis</firstName> - <lastName>Lapin</lastName> - <image>assets/lapin.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Kevin</firstName> - <lastName>Malone</lastName> - <image>assets/malone.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Angela</firstName> - <lastName>Martin</lastName> - <image>assets/martin.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Oscar</firstName> - <lastName>Martinez</lastName> - <image>assets/martinez.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Meredith</firstName> - <lastName>Palmer</lastName> - <image>assets/palmer.jpg</image> - </employee> - <employee employeeId="3"> - <firstName>Dwight</firstName> - <lastName>Schrute</lastName> - <image>assets/schrute.jpg</image> - </employee> +<list> + <employee employeeId="1"> + <firstName>Michael</firstName> + <lastName>Scott</lastName> + <image>assets/scott.jpg</image> + </employee> + <employee employeeId="2"> + <firstName>Pam</firstName> + <lastName>Beesly</lastName> + <image>assets/beesly.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Andy</firstName> + <lastName>Bernard</lastName> + <image>assets/bernard.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Creed</firstName> + <lastName>Bratton</lastName> + <image>assets/bratton.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Toby</firstName> + <lastName>Flenderson</lastName> + <image>assets/flenderson.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Jim</firstName> + <lastName>Halpert</lastName> + <image>assets/halpert.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Ryan</firstName> + <lastName>Howard</lastName> + <image>assets/howard.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Stanley</firstName> + <lastName>Hudson</lastName> + <image>assets/hudson.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Kelly</firstName> + <lastName>Kapoor</lastName> + <image>assets/kapoor.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Phyllis</firstName> + <lastName>Lapin</lastName> + <image>assets/lapin.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Kevin</firstName> + <lastName>Malone</lastName> + <image>assets/malone.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Angela</firstName> + <lastName>Martin</lastName> + <image>assets/martin.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Oscar</firstName> + <lastName>Martinez</lastName> + <image>assets/martinez.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Meredith</firstName> + <lastName>Palmer</lastName> + <image>assets/palmer.jpg</image> + </employee> + <employee employeeId="3"> + <firstName>Dwight</firstName> + <lastName>Schrute</lastName> + <image>assets/schrute.jpg</image> + </employee> </list> \ No newline at end of file
![http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"](http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"){kind=link}