Return-Path: X-Original-To: apmail-flex-commits-archive@www.apache.org Delivered-To: apmail-flex-commits-archive@www.apache.org Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by minotaur.apache.org (Postfix) with SMTP id F078811C46 for ; Fri, 1 Aug 2014 05:43:27 +0000 (UTC) Received: (qmail 44611 invoked by uid 500); 1 Aug 2014 05:43:24 -0000 Delivered-To: apmail-flex-commits-archive@flex.apache.org Received: (qmail 44556 invoked by uid 500); 1 Aug 2014 05:43:24 -0000 Mailing-List: contact commits-help@flex.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@flex.apache.org Delivered-To: mailing list commits@flex.apache.org Received: (qmail 43506 invoked by uid 99); 1 Aug 2014 05:43:23 -0000 Received: from tyr.zones.apache.org (HELO tyr.zones.apache.org) (140.211.11.114) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 01 Aug 2014 05:43:23 +0000 Received: by tyr.zones.apache.org (Postfix, from userid 65534) id 34C009BC4E5; Fri, 1 Aug 2014 05:43:23 +0000 (UTC) Content-Type: text/plain; charset="us-ascii" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit From: aharui@apache.org To: commits@flex.apache.org Date: Fri, 01 Aug 2014 05:43:46 -0000 Message-Id: <749a6091824c4f1788e599ed233c94dc@git.apache.org> In-Reply-To: References: X-Mailer: ASF-Git Admin Mailer Subject: [25/51] [partial] this folder was called TourDeFlex_content.com and was hidden by .gitignore 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 @@ + + + + + + +sample.mxml + + + +
<?xml version="1.0" encoding="utf-8"?>
+<!-- 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/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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Lorem ipsum dolor sit amet, + consectetur adipiscing elit. + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + + + + + + + + + + + + + + + + + + + +
+

+ To view this page ensure that Adobe Flash Player version + 10.0.0 or greater is installed. +

+ +
+ + + + 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 @@ + + + + Source of Sample-Flex4-Menu + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + + + + + + + + + + + + + + + + +
+

+ To view this page ensure that Adobe Flash Player version + 10.0.0 or greater is installed. +

+ +
+ + + + 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 @@ + + + + + + +Source of Sample-Flex4-Menu + + + + + + + <body> + </body> + + 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 @@ + + + + + + +sample.mxml + + + +
<?xml version="1.0" encoding="utf-8"?>
+<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/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 @@ + + + + + + +TDFPanelSkin.mxml + + + +
<?xml version="1.0" encoding="utf-8"?>
+
+<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>
+ 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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + + + + + [HostComponent("spark.components.Panel")] + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +