http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..e0e725c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html
@@ -0,0 +1,91 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span>
+<span class="MXMLComment"><!--</span><span class="MXMLComment"> http://evtimmy.com/2010/01/verticalalign-for-vgroup-and-horizontalalign-for-hgroup/ </span><span class="MXMLComment">--></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">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</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="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">526</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">230</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">57</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</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">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</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">VGroup</span><span class="MXMLDefault_Text">" rotation="</span><span class="MXMLString">-90</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFF0000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:BorderContainer</span><span class="MXMLDefault_Text"> minWidth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> height="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">heightSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+ verticalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">verticalAlignChoice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+ gap="</span><span class="MXMLString">0</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">Lorem ipsum dolor sit amet, </span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">22</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">consectetur adipiscing elit.</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">22</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+
+ <span class="MXMLComponent_Tag"></s:VGroup></span>
+ <span class="MXMLComponent_Tag"></s:BorderContainer></span>
+
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">VGroup in Scroller</span><span class="MXMLDefault_Text">" rotation="</span><span class="MXMLString">-90</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFF0000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:BorderContainer</span><span class="MXMLDefault_Text"> minWidth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:Scroller</span><span class="MXMLDefault_Text"> height="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">heightSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">verticalAlignChoice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+ gap="</span><span class="MXMLString">0</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">Lorem ipsum dolor sit amet, </span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">22</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">consectetur adipiscing elit.</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">22</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+
+ <span class="MXMLComponent_Tag"></s:VGroup></span>
+ <span class="MXMLComponent_Tag"></s:Scroller></span>
+ <span class="MXMLComponent_Tag"></s:BorderContainer></span>
+
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">List</span><span class="MXMLDefault_Text">" rotation="</span><span class="MXMLString">-90</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFF0000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+
+ <span class="MXMLComponent_Tag"><s:List</span><span class="MXMLDefault_Text"> minWidth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">heightSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="ActionScriptOperator">+</span>2<span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:layout></span>
+ <span class="MXMLComponent_Tag"><s:VerticalLayout</span><span class="MXMLDefault_Text"> requestedMinRowCount="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+ verticalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">verticalAlignChoice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+ gap="</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:ArrayCollection></span>
+ <span class="MXMLComponent_Tag"><fx:String></span><span class="MXMLDefault_Text">Lorem ipsum dolor sit amet, </span><span class="MXMLComponent_Tag"></fx:String></span>
+ <span class="MXMLComponent_Tag"><fx:String></span><span class="MXMLDefault_Text">consectetur adipiscing elit.</span><span class="MXMLComponent_Tag"></fx:String></span>
+ <span class="MXMLComponent_Tag"></s:ArrayCollection></span>
+ <span class="MXMLComponent_Tag"></s:List></span>
+ <span class="MXMLComponent_Tag"></s:HGroup></span>
+ <span class="MXMLComponent_Tag"></s:VGroup></span>
+
+ <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:HGroup></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">VerticalAlign:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">verticalAlignChoice</span><span class="MXMLDefault_Text">" requireSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:dataProvider></span>
+ <span class="MXMLComponent_Tag"><s:ArrayCollection</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptString">'top bottom middle'</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">split</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">' '</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:dataProvider></span>
+ <span class="MXMLComponent_Tag"></s:DropDownList></span>
+ <span class="MXMLComponent_Tag"></s:HGroup></span>
+ <span class="MXMLComponent_Tag"><s:HGroup></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Height:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">heightSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">425</span><span class="MXMLDefault_Text">" value="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</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:Label</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">26</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"
+ text="</span><span class="MXMLString">This sample show the use of the verticalAlign and horizontalAlign properties for use with a VGroup and
+HGroup accordingly.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+<span class="MXMLComponent_Tag"></s:Application></span></pre></body>
+</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/src/sample.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/src/sample.mxml
new file mode 100644
index 0000000..a30bc57
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/src/sample.mxml
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<!-- http://evtimmy.com/2010/01/verticalalign-for-vgroup-and-horizontalalign-for-hgroup/ -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="0x323232" color="0xFFFFFF" viewSourceURL="srcview/index.html">
+
+ <s:VGroup verticalAlign="middle" width="526" height="230" top="57" left="10">
+ <s:HGroup verticalAlign="middle" height="100%" color="0x000000">
+ <s:Label text="VGroup" rotation="-90" color="0xFF0000"/>
+ <s:BorderContainer minWidth="0" minHeight="0">
+ <s:VGroup height="{heightSlider.value}"
+ verticalAlign="{verticalAlignChoice.selectedItem}"
+ gap="0">
+ <s:Label text="Lorem ipsum dolor sit amet, " height="22" verticalAlign="middle"/>
+ <s:Label text="consectetur adipiscing elit." height="22" verticalAlign="middle"/>
+
+ </s:VGroup>
+ </s:BorderContainer>
+
+ <s:Label text="VGroup in Scroller" rotation="-90" color="0xFF0000"/>
+ <s:BorderContainer minWidth="0" minHeight="0">
+ <s:Scroller height="{heightSlider.value}">
+ <s:VGroup verticalAlign="{verticalAlignChoice.selectedItem}"
+ gap="0">
+ <s:Label text="Lorem ipsum dolor sit amet, " height="22" verticalAlign="middle"/>
+ <s:Label text="consectetur adipiscing elit." height="22" verticalAlign="middle"/>
+
+ </s:VGroup>
+ </s:Scroller>
+ </s:BorderContainer>
+
+ <s:Label text="List" rotation="-90" color="0xFF0000"/>
+
+ <s:List minWidth="0" minHeight="0" height="{heightSlider.value+2}">
+ <s:layout>
+ <s:VerticalLayout requestedMinRowCount="0"
+ verticalAlign="{verticalAlignChoice.selectedItem}"
+ gap="0"/>
+ </s:layout>
+ <s:ArrayCollection>
+ <fx:String>Lorem ipsum dolor sit amet, </fx:String>
+ <fx:String>consectetur adipiscing elit.</fx:String>
+ </s:ArrayCollection>
+ </s:List>
+ </s:HGroup>
+ </s:VGroup>
+
+ <s:HGroup horizontalAlign="center" paddingTop="10" paddingLeft="10">
+ <s:HGroup>
+ <s:Label text="VerticalAlign:"/>
+ <s:DropDownList id="verticalAlignChoice" requireSelection="true" color="0x000000">
+ <s:dataProvider>
+ <s:ArrayCollection source="{'top bottom middle'.split(' ')}"/>
+ </s:dataProvider>
+ </s:DropDownList>
+ </s:HGroup>
+ <s:HGroup>
+ <s:Label text="Height:"/>
+ <s:HSlider id="heightSlider" minimum="0" maximum="425" value="100" width="300"/>
+ </s:HGroup>
+ </s:HGroup>
+ <s:Label right="7" top="26" width="200"
+ text="This sample show the use of the verticalAlign and horizontalAlign properties for use with a VGroup and
+HGroup accordingly."/>
+</s:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/sample.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/sample.html b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/sample.html
new file mode 100644
index 0000000..8d05dc2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/sample.html
@@ -0,0 +1,121 @@
+<!--
+ 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.
+-->
+<!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 = "sample";
+ attributes.name = "sample";
+ attributes.align = "middle";
+ swfobject.embedSWF(
+ "sample.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="sample">
+ <param name="movie" value="sample.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="sample.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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceIndex.xml
new file mode 100644
index 0000000..21f3f97
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceIndex.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<index>
+ <title>Source of Sample-Flex4-Menu</title>
+ <nodes>
+ <node label="html-template">
+ <node label="history">
+ <node icon="cssIcon" label="history.css" url="source/html-template/history/history.css.html"/>
+ <node label="history.js" url="source/html-template/history/history.js.txt"/>
+ <node icon="htmlIcon" label="historyFrame.html" url="source/html-template/history/historyFrame.html"/>
+ </node>
+ <node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+ <node icon="swfIcon" label="playerProductInstall.swf" url="source/html-template/playerProductInstall.swf"/>
+ <node label="swfobject.js" url="source/html-template/swfobject.js.txt"/>
+ </node>
+ <node label="libs">
+ </node>
+ <node label="src">
+ <node icon="packageIcon" label="skins" expanded="true">
+ <node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+ </node>
+ <node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+ </node>
+ </nodes>
+ <zipfile label="Download source (ZIP, 22K)" url="Sample-Flex4-Menu.zip">
+ </zipfile>
+ <sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+ </sdklink>
+</index>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+ font-family: Courier New, Courier, monospace;
+ font-size: medium;
+}
+
+.ActionScriptASDoc {
+ color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+ color: #009900;
+ font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+ color: #0033ff;
+ font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+ color: #0033ff;
+ font-weight: bold;
+}
+
+.ActionScriptString {
+ color: #990000;
+ font-weight: bold;
+}
+
+.ActionScriptclass {
+ color: #9900cc;
+ font-weight: bold;
+}
+
+.ActionScriptfunction {
+ color: #339966;
+ font-weight: bold;
+}
+
+.ActionScriptinterface {
+ color: #9900cc;
+ font-weight: bold;
+}
+
+.ActionScriptpackage {
+ color: #9900cc;
+ font-weight: bold;
+}
+
+.ActionScripttrace {
+ color: #cc6666;
+ font-weight: bold;
+}
+
+.ActionScriptvar {
+ color: #6699cc;
+ font-weight: bold;
+}
+
+.MXMLASDoc {
+ color: #3f5fbf;
+}
+
+.MXMLComment {
+ color: #800000;
+}
+
+.MXMLComponent_Tag {
+ color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+ color: #006633;
+}
+
+.MXMLString {
+ color: #990000;
+}
+
+.CSS@font-face {
+ color: #990000;
+ font-weight: bold;
+}
+
+.CSS@import {
+ color: #006666;
+ font-weight: bold;
+}
+
+.CSS@media {
+ color: #663333;
+ font-weight: bold;
+}
+
+.CSS@namespace {
+ color: #923196;
+}
+
+.CSSComment {
+ color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+ color: #330099;
+}
+
+.CSSProperty_Value {
+ color: #3333cc;
+}
+
+.CSSSelector {
+ color: #ff00ff;
+}
+
+.CSSString {
+ color: #990000;
+}
+
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceTree.html b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+ 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.
+-->
+<!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">
+ function loadIntoMain(url) {
+ parent.mainFrame.location.href = url;
+ }
+
+ function openUrlWindow(url) {
+ window.top.location = url;
+ }
+
+ <!-- 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 = "SourceTree";
+ attributes.name = "SourceTree";
+ attributes.align = "middle";
+ swfobject.embedSWF(
+ "SourceTree.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="SourceTree">
+ <param name="movie" value="SourceTree.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="SourceTree.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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/index.html
new file mode 100644
index 0000000..553c31e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+ 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 HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Flex4-Menu</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+ <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+ <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+ <body>
+ </body>
+</noframes>
+</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..63dc879
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/sample.mxml.html
@@ -0,0 +1,98 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" 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">" 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">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Menu</span>;
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MenuEvent</span>;
+
+ <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">myMenu</span>:<span class="ActionScriptDefault_Text">Menu</span>;
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">showHandler</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="ActionScriptDefault_Text">myMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">null</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">myMenuData</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">myMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">labelField</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"@label"</span>;
+ <span class="ActionScriptDefault_Text">myMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span>90<span class="ActionScriptOperator">,</span> 35<span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptDefault_Text">myMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MenuEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CHANGE</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">onMenuChange</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">hideHandler</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="ActionScriptDefault_Text">myMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">hide</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+ <span class="ActionScriptBracket/Brace">}</span>
+
+ <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onMenuChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MenuEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+ <span class="ActionScriptBracket/Brace">{</span>
+ <span class="ActionScriptDefault_Text">lblSelected</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</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="MXMLSpecial_Tag"><fx:XML</span><span class="MXMLDefault_Text"> format="</span><span class="MXMLString">e4x</span><span class="MXMLDefault_Text">" id="</span><span class="MXMLString">myMenuData</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">></span>
+ <span class="MXMLProcessing_Instruction"><root>
+ <menuitem label="MenuItem A" >
+ <menuitem label="SubMenuItem A-1" enabled="false"/>
+ <menuitem label="SubMenuItem A-2"/>
+ </menuitem>
+ <menuitem label="MenuItem B" type="check" toggled="true"/>
+ <menuitem label="MenuItem C" type="check" toggled="false"/>
+ <menuitem type="separator"/>
+ <menuitem label="MenuItem D" >
+ <menuitem label="SubMenuItem D-1" type="radio"
+ groupName="one"/>
+ <menuitem label="SubMenuItem D-2" type="radio"
+ groupName="one" toggled="true"/>
+ <menuitem label="SubMenuItem D-3" type="radio"
+ groupName="one"/>
+ </menuitem>
+ </root></span>
+ <span class="MXMLSpecial_Tag"></fx:XML></span>
+ <span class="MXMLSpecial_Tag"></fx:Declarations></span>
+
+ <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Menu Sample</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">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Show Menu</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">showHandler</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:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Hide Menu</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">hideHandler</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:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Menu Item Selected:</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">lblSelected</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:HGroup></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">"
+ text="</span><span class="MXMLString">The Menu control is a pop-up control that contains a menu of individually selectable choices. You use ActionScript
+ to create a Menu control that pops up in response to a user action, typically as part of an event listener.</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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..f690a18
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,137 @@
+<!--
+ 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>TDFPanelSkin.mxml</title>
+<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:Skin</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">"
+ alpha.disabled="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" minWidth="</span><span class="MXMLString">131</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">127</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+
+ <span class="MXMLSpecial_Tag"><fx:Metadata></span>
+ <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">HostComponent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"spark.components.Panel"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+ <span class="MXMLSpecial_Tag"></fx:Metadata></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">disabled</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">normalWithControlBar</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">disabledWithControlBar</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:states></span>
+
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> drop shadow </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Rect</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</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:filters></span>
+ <span class="MXMLComponent_Tag"><s:DropShadowFilter</span><span class="MXMLDefault_Text"> blurX="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.18</span><span class="MXMLDefault_Text">" distance="</span><span class="MXMLString">11</span><span class="MXMLDefault_Text">" angle="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">" knockout="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:filters></span>
+ <span class="MXMLComponent_Tag"><s:fill></span>
+ <span class="MXMLComponent_Tag"><s:SolidColor</span><span class="MXMLDefault_Text"> color="</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:Rect></span>
+
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> layer 1: border </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s: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:stroke></span>
+ <span class="MXMLComponent_Tag"><s:SolidColorStroke</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.50</span><span class="MXMLDefault_Text">" weight="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:stroke></span>
+ <span class="MXMLComponent_Tag"></s:Rect></span>
+
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> layer 2: background fill </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s: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">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:fill></span>
+ <span class="MXMLComponent_Tag"><s:LinearGradient</span><span class="MXMLDefault_Text"> rotation="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0xE2E2E2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:LinearGradient></span>
+ <span class="MXMLComponent_Tag"></s:fill></span>
+ <span class="MXMLComponent_Tag"></s:Rect></span>
+
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> layer 3: contents </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:layout></span>
+ <span class="MXMLComponent_Tag"><s:VerticalLayout</span><span class="MXMLDefault_Text"> gap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:layout></span>
+
+ <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">topGroup</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> layer 0: title bar fill </span><span class="MXMLComment">--></span>
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> Note: We have custom skinned the title bar to be solid black for Tour de Flex </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">tbFill</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">1</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">0x000000</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="MXMLComment"><!--</span><span class="MXMLComment"> layer 1: title bar highlight </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">tbHilite</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:stroke></span>
+ <span class="MXMLComponent_Tag"><s:LinearGradientStroke</span><span class="MXMLDefault_Text"> rotation="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">" weight="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"><s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0xEAEAEA</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"><s:GradientEntry</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0xD9D9D9</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span>
+ <span class="MXMLComponent_Tag"></s:LinearGradientStroke></span>
+ <span class="MXMLComponent_Tag"></s:stroke></span>
+ <span class="MXMLComponent_Tag"></s:Rect></span>
+
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> layer 2: title bar divider </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">tbDiv</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">" height="</span><span class="MXMLString">1</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">0xC0C0C0</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="MXMLComment"><!--</span><span class="MXMLComment"> layer 3: text </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">titleDisplay</span><span class="MXMLDefault_Text">" maxDisplayedLines="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"
+ left="</span><span class="MXMLString">9</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">"
+ verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#E2E2E2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"></s:Label></span>
+
+ <span class="MXMLComponent_Tag"></s:Group></span>
+
+ <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">contentGroup</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">" minWidth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComponent_Tag"></s:Group></span>
+
+ <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bottomGroup</span><span class="MXMLDefault_Text">" minWidth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+ includeIn="</span><span class="MXMLString">normalWithControlBar, disabledWithControlBar</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span>
+ <span class="MXMLComment"><!--</span><span class="MXMLComment"> layer 0: control bar background </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s: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">" bottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">1</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">0xE2EdF7</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="MXMLComment"><!--</span><span class="MXMLComment"> layer 1: control bar divider line </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s: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">" height="</span><span class="MXMLString">1</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">0xD1E0F2</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="MXMLComment"><!--</span><span class="MXMLComment"> layer 2: control bar </span><span class="MXMLComment">--></span>
+ <span class="MXMLComponent_Tag"><s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">controlBarGroup</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">1</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" minWidth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" minHeight="</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:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" gap="</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:Group></span>
+ <span class="MXMLComponent_Tag"></s:Group></span>
+ <span class="MXMLComponent_Tag"></s:Group></span>
+<span class="MXMLComponent_Tag"></s:Skin></span></pre></body>
+</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/sample.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/sample.mxml
new file mode 100644
index 0000000..203b6d5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/sample.mxml
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
+ <fx:Script>
+ <![CDATA[
+ import mx.controls.Menu;
+ import mx.events.FlexEvent;
+ import mx.events.MenuEvent;
+
+ import skins.TDFPanelSkin;
+
+ protected var myMenu:Menu;
+
+ protected function showHandler(event:MouseEvent):void
+ {
+ myMenu = Menu.createMenu(null, myMenuData, false);
+ myMenu.labelField="@label";
+ myMenu.show(90, 35);
+ myMenu.addEventListener(MenuEvent.CHANGE,onMenuChange);
+ }
+
+ protected function hideHandler(event:MouseEvent):void
+ {
+ myMenu.hide();
+ }
+
+ protected function onMenuChange(event:MenuEvent):void
+ {
+ lblSelected.text = event.label;
+ }
+
+ ]]>
+ </fx:Script>
+
+
+ <fx:Declarations>
+ <fx:XML format="e4x" id="myMenuData">
+ <root>
+ <menuitem label="MenuItem A" >
+ <menuitem label="SubMenuItem A-1" enabled="false"/>
+ <menuitem label="SubMenuItem A-2"/>
+ </menuitem>
+ <menuitem label="MenuItem B" type="check" toggled="true"/>
+ <menuitem label="MenuItem C" type="check" toggled="false"/>
+ <menuitem type="separator"/>
+ <menuitem label="MenuItem D" >
+ <menuitem label="SubMenuItem D-1" type="radio"
+ groupName="one"/>
+ <menuitem label="SubMenuItem D-2" type="radio"
+ groupName="one" toggled="true"/>
+ <menuitem label="SubMenuItem D-3" type="radio"
+ groupName="one"/>
+ </menuitem>
+ </root>
+ </fx:XML>
+ </fx:Declarations>
+
+ <s:Panel title="Menu Sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+ <s:HGroup bottom="15" horizontalCenter="0" verticalAlign="middle">
+ <s:Button label="Show Menu" click="showHandler(event)" />
+ <s:Button label="Hide Menu" click="hideHandler(event)" />
+ <s:Label text="Menu Item Selected:" fontWeight="bold" fontSize="12" color="0x336699"/>
+ <s:Label id="lblSelected" />
+ </s:HGroup>
+ <s:Label width="220" color="#323232" top="15" right="50"
+ text="The Menu control is a pop-up control that contains a menu of individually selectable choices. You use ActionScript
+ to create a Menu control that pops up in response to a user action, typically as part of an event listener."/>
+
+ </s:Panel>
+
+</s:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Menu/srcview/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ alpha.disabled="0.5" minWidth="131" minHeight="127">
+
+ <fx:Metadata>
+ [HostComponent("spark.components.Panel")]
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ <s:State name="normalWithControlBar" />
+ <s:State name="disabledWithControlBar" />
+ </s:states>
+
+ <!-- drop shadow -->
+ <s:Rect left="0" top="0" right="0" bottom="0">
+ <s:filters>
+ <s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+ </s:filters>
+ <s:fill>
+ <s:SolidColor color="0" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 1: border -->
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:stroke>
+ <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 2: background fill -->
+ <s:Rect left="0" right="0" bottom="0" height="15">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xE2E2E2" />
+ <s:GradientEntry color="0x000000" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: contents -->
+ <s:Group left="1" right="1" top="1" bottom="1" >
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="justify" />
+ </s:layout>
+
+ <s:Group id="topGroup" >
+ <!-- layer 0: title bar fill -->
+ <!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+ <s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+ <s:fill>
+ <s:SolidColor color="0x000000" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 1: title bar highlight -->
+ <s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90" weight="1">
+ <s:GradientEntry color="0xEAEAEA" />
+ <s:GradientEntry color="0xD9D9D9" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 2: title bar divider -->
+ <s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0xC0C0C0" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: text -->
+ <s:Label id="titleDisplay" maxDisplayedLines="1"
+ left="9" right="3" top="1" minHeight="30"
+ verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+ </s:Label>
+
+ </s:Group>
+
+ <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+ </s:Group>
+
+ <s:Group id="bottomGroup" minWidth="0" minHeight="0"
+ includeIn="normalWithControlBar, disabledWithControlBar" >
+ <!-- layer 0: control bar background -->
+ <s:Rect left="0" right="0" bottom="0" top="1" >
+ <s:fill>
+ <s:SolidColor color="0xE2EdF7" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 1: control bar divider line -->
+ <s:Rect left="0" right="0" top="0" height="1" >
+ <s:fill>
+ <s:SolidColor color="0xD1E0F2" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: control bar -->
+ <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+ </s:layout>
+ </s:Group>
+ </s:Group>
+ </s:Group>
+</s:Skin>
|