incubator-flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cframp...@apache.org
Subject svn commit: r1350373 [2/23] - in /incubator/flex/trunk/samples/themes: ./ arcade/ arcade/src/ arcade/src/arcade/ arcade/src/arcade/skins/ arcade/src/arcade/skins/mediaClasses/ arcade/src/arcade/skins/mediaClasses/fullScreen/ arcade/src/arcade/skins/med...
Date Thu, 14 Jun 2012 18:53:56 GMT
Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarMiddleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarMiddleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarMiddleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarMiddleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,75 @@
+<?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" 
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	  minWidth="22" minHeight="22"
+	  alpha.disabledStates="0.5">
+
+	<!-- host component -->
+	<fx:Metadata>
+	    <![CDATA[ 
+		/** 
+		 * @copy spark.skins.default.ApplicationSkin#hostComponent
+		 */
+		[HostComponent("spark.components.ToggleButton")]
+	    ]]>
+	</fx:Metadata>
+	
+	<!-- states -->
+	<s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+	
+	 <s:Group left="0" right="0" top="-1" bottom="-1">
+		<!-- skin -->
+		<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonUpSkin')"	
+			source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonOverSkin')"
+			source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonDownSkin')"
+	    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonDisabledSkin')"
+			source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedUpSkin')"
+			source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedUpSkin')"
+			source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedUpSkin')"
+			source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='ButtonBar_buttonSelectedDisabledSkin')"
+			/>
+	</s:Group>
+	
+	<!-- layer 2: text -->
+	<!--- The defines the appearance of the label(s) for the middle button(s) in the ButtonBar component. -->
+	<s:Label id="labelDisplay"
+             textAlign="center"
+             verticalAlign="middle"
+             lineBreak="explicit"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2">
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+
+
+<!--The buttons on the ButtonBar component
+	use the ButtonBarLastButtonSkin, ButtonBarFirstButtonSkin and ButtonBarMiddleButtonSkin classes. -->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	alpha.disabled="0.5">
+	
+	 <fx:Metadata>
+        [HostComponent("spark.components.ButtonBar")]
+    </fx:Metadata> 
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+	<fx:Declarations>
+		<!--- 
+			Specifies the skin class for the first button on the ButtonBar.
+			@default spark.skins.default.ButtonBarFirstButtonSkin
+		-->
+		 <!-- custom theme - set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+		<fx:Component id="firstButton">
+			<s:ButtonBarButton skinClass="arcade.skins.ButtonBarFirstButtonSkin"/>
+		</fx:Component>
+
+		<!--- 
+			Specifies the skin class for the middle button(s) on the ButtonBar.
+			@default spark.skins.default.ButtonBarMiddleButtonSkin
+		-->
+		  <!-- custom theme - set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+		<fx:Component id="middleButton" >
+			<s:ButtonBarButton skinClass="arcade.skins.ButtonBarMiddleButtonSkin" />
+		</fx:Component>
+
+		<!--- 
+			Specifies the skin class for the last button on the ButtonBar.
+			@default spark.skins.default.ButtonBarLastButtonSkin
+		-->
+		  <!-- custom theme - set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+		<fx:Component id="lastButton" >
+			<s:ButtonBarButton skinClass="arcade.skins.ButtonBarLastButtonSkin" />
+		</fx:Component>
+
+	</fx:Declarations>
+
+	<!--- 
+		@copy spark.components.SkinnableDataContainer#dataGroup
+	-->
+	<s:DataGroup id="dataGroup" width="100%" height="100%">
+	    <s:layout>
+	    	<s:ButtonBarHorizontalLayout gap="-1"/>
+	    </s:layout>
+    </s:DataGroup>
+
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for the Spark Button component. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	  minWidth="22" minHeight="22"
+	  alpha.disabled="0.5">
+
+	<!-- host component -->
+	<fx:Metadata>
+	    <![CDATA[ 
+		/** 
+		 * @copy spark.skins.default.ApplicationSkin#hostComponent
+		 */
+		[HostComponent("spark.components.Button")]
+	    ]]>
+	</fx:Metadata>
+    
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+		<s:State  name="upAndSelected" />
+        <s:State  name="overAndSelected" stateGroups="overStates" />
+        <s:State  name="downAndSelected" stateGroups="downStates"/>
+        <s:State  name="disabledAndSelected" />
+	</s:states>
+	
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='Button_upSkin')"	
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='Button_overSkin')"
+		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='Button_disabledSkin')"
+		source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='Button_downSkin')"
+		source.disabledAndSelected="@Embed(source='/assets/flex_skins.swf', symbol='Button_disabledSkin')"
+		/>
+		
+	<!-- layer 2: text -->
+	<!--- 
+		@copy spark.components.supportClasses.ButtonBase#labelDisplay
+	-->
+	<s:Label id="labelDisplay"
+	         textAlign="center"
+             verticalAlign="middle"
+             lineBreak="toFit"
+             maxDisplayedLines="1"
+			 horizontalCenter="0" verticalCenter="1"
+			 left="10" right="10" top="2" bottom="2"
+			 >
+	</s:Label>
+	
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/CheckBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/CheckBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/CheckBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/CheckBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,78 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for the Spark CheckBox component. -->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	alpha.disabledStates="0.5">
+	
+	
+
+    <fx:Metadata>
+	    <![CDATA[ 
+		/** 
+		 * @copy spark.skins.default.ApplicationSkin#hostComponent
+		 */
+	    	[HostComponent("spark.components.CheckBox")]
+	    ]]>
+    </fx:Metadata> 
+
+
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="disabledStates, selectedStates" />
+    </s:states>
+    
+    <s:Group verticalCenter="0" width="13" height="13">
+         <!-- skin -->
+	 	<mx:Image 
+	 		left="0"
+	 		verticalCenter="0"
+	 		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_upIcon')"
+	 		source.over="@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_overIcon')"
+	 		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_downIcon')"
+	 		source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_disabledIcon')"
+			source.disabledAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedDisabledIcon')"
+			source.downAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedDownIcon')"
+			source.overAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedOverIcon')"
+			source.upAndSelected= "@Embed(source='/assets/flex_skins.swf', symbol='CheckBox_selectedUpIcon')"
+			
+	 		/>
+    </s:Group>
+
+    <!-- Label -->
+    <s:Label id="labelDisplay"
+             textAlign="start"
+             verticalAlign="middle"
+             lineBreak="explicit"
+             left="18" right="0" top="3" bottom="3" verticalCenter="2" 
+             />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,59 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for the anchor button on a Spark ComboBox component.  
+
+    @see spark.components.ComboBox        
+    @see spark.skins.spark.ComboBoxSkin
+    
+    @langversion 3.0
+    @playerversion Flash 10
+    @playerversion AIR 1.5
+    @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
+             xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="20" minHeight="23">
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.Button")]
+        ]]>
+    </fx:Metadata> 
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+			  source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableUpSkin')"	
+			  source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableOverSkin')"
+			  source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableDownSkin')"
+			  source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_editableDisabledSkin')"
+			  />
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,223 @@
+<?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.
+
+-->
+<!--- The default skin class for the Spark ComboBox component. 
+The skin for the anchor button for a ComboBox component 
+is defined by the ComboBoxButtonSkin class.  The skin for the text input
+is defined by the ComboBoxTextInputSkin class.
+
+@see spark.components.ComboBox        
+@see spark.skins.spark.ComboBoxButtonSkin
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
+        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5"> 
+    
+    <!-- host component -->
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.ComboBox")]
+        ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[       
+            private var paddingChanged:Boolean;
+            private var cornerRadiusChanged:Boolean;
+            private var cornerRadius:Number = 0;            
+            
+            /**
+             *  @private
+             */
+            override protected function commitProperties():void
+            {
+                super.commitProperties();
+                
+                if (paddingChanged && textInput)
+                {
+                    // Push padding styles into the textDisplay
+                    var padding:Number;
+                    
+                    padding = getStyle("paddingLeft");
+                    if (textInput.getStyle("paddingLeft") != padding)
+                        textInput.setStyle("paddingLeft", padding);
+                    
+                    padding = getStyle("paddingTop");
+                    if (textInput.getStyle("paddingTop") != padding)
+                        textInput.setStyle("paddingTop", padding);
+                    
+                    padding = getStyle("paddingRight");
+                    if (textInput.getStyle("paddingRight") != padding)
+                        textInput.setStyle("paddingRight", padding);
+                    
+                    padding = getStyle("paddingBottom");
+                    if (textInput.getStyle("paddingBottom") != padding)
+                        textInput.setStyle("paddingBottom", padding);
+                    paddingChanged = false;
+                }
+                
+                if (cornerRadiusChanged)
+                {
+                    cornerRadiusChanged = false;
+                    
+                    /* var cr:Number = getStyle("cornerRadius");
+                    
+                    if (openButton)
+                    openButton.setStyle("cornerRadius", cr);
+                    if (textInput)
+                    textInput.setStyle("cornerRadius", cr); */
+                }
+            }
+            
+            /**
+             *  @private
+             */
+            override public function styleChanged(styleProp:String):void
+            {
+                super.styleChanged(styleProp);
+                
+                if (!styleProp || styleProp.indexOf("padding") == 0)
+                {
+                    paddingChanged = true;
+                    invalidateProperties();
+                }
+                if (!styleProp || styleProp == "cornerRadius")
+                {
+                    cornerRadiusChanged = true;
+                    invalidateProperties();
+                }                
+            }
+            
+            /**
+             * @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+            {
+                if (getStyle("borderVisible") == false)
+                {
+                    if (border)
+                        border.visible = false;
+                    if (background)
+                    {
+                        background.left = background.top = background.right = background.bottom = 0;
+                    }
+                    if (scroller)
+                        scroller.minViewportInset = 0;
+                }
+                else
+                {
+                    if (border)
+                        border.visible = true;
+                    if (background)
+                    {
+                        background.left = background.top = background.right = background.bottom = 1;
+                    }
+                    if (scroller)
+                        scroller.minViewportInset = 1;
+                }
+                
+                if (dropShadow)
+                    dropShadow.visible = getStyle("dropShadowVisible");
+                
+                //openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
+                
+                if (borderStroke)
+                {
+                    borderStroke.color = getStyle("borderColor");
+                    borderStroke.alpha = getStyle("borderAlpha");
+                }
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }
+        ]]>
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="open" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!--- 
+    The PopUpAnchor control that opens the drop-down list. 
+    -->
+    <s:PopUpAnchor id="popUp"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+                   left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
+                   popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
+        
+        <!--- 
+        The drop down area of the skin. 
+        This includes borders, background colors, scrollers, and filters. 
+        -->
+        <s:Group id="dropDown" maxHeight="134" minHeight="22" >
+            
+            <!-- drop shadow -->
+            <s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.6" distance="5" 
+                                     angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+            
+            <!-- border -->
+            <s:Rect id="border" left="0" right="0" top="0" bottom="0">
+                <s:stroke>
+                    <s:SolidColorStroke id="borderStroke" weight="1"/>
+                </s:stroke>
+            </s:Rect>
+            
+            <!-- fill -->
+            <!---  
+            Defines the appearance of drop-down list's background fill.
+            -->
+            <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+                <s:fill>
+                    <!---  
+                    The color of the drop down's background fill.
+                    The default color is 0xFFFFFF.
+                    -->
+                    <s:SolidColor id="bgFill" color="0xFFFFFF" />
+                </s:fill>
+            </s:Rect>
+            
+            <s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
+                <!---  
+                The container for the data items in the drop-down list.
+                -->
+                <s:DataGroup id="dataGroup" itemRenderer="arcade.skins.DefaultItemRenderer">
+                    <s:layout>
+                        <s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
+                    </s:layout>
+                </s:DataGroup> 
+            </s:Scroller>
+        </s:Group>
+    </s:PopUpAnchor>
+    
+    <!--- The anchor button used by the ComboBox. The default skin is ComboBoxButtonSkin. -->
+    <s:Button id="openButton" width="20" right="0" top="0" bottom="0" focusEnabled="false"
+              skinClass="arcade.skins.ComboBoxButtonSkin" />  
+    <!--- The text input area of the ComboBox. -->
+    <s:TextInput id="textInput"
+                 left="0" right="19" top="0" bottom="0" 
+                 skinClass="arcade.skins.ComboBoxTextInputSkin"/> 
+    
+</s:Skin>
+

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxTextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxTextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxTextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxTextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,182 @@
+<?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.
+
+-->
+<!--- The default skin class for the textInput of a Spark ComboBox component.  
+        
+      @langversion 3.0
+      @playerversion Flash 10
+      @playerversion AIR 1.5
+      @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5" blendMode="normal">
+
+    <fx:Metadata>
+    <![CDATA[ 
+    /** 
+     * @copy spark.skins.spark.ApplicationSkin#hostComponent
+     */
+        [HostComponent("spark.components.TextInput")]
+    ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        private var paddingChanged:Boolean;
+        private var cornerRadius:Number = 0;
+        
+        /**
+         *  @private
+         */
+        override protected function commitProperties():void
+        {
+            super.commitProperties();
+            
+            if (paddingChanged)
+            {
+                updatePadding();
+                paddingChanged = false;
+            }
+        }
+        
+        /**
+         *  @private
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+        {
+            if (getStyle("borderVisible") == true)
+            {
+                border.visible = true;
+                shadow.visible = true;
+                background.left = background.top = background.right = background.bottom = 1;
+                textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 1;
+            }
+            else
+            {
+                border.visible = false;
+                shadow.visible = false;
+                background.left = background.top = background.right = background.bottom = 0;
+                textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 0;
+            }
+            
+            borderStroke.color = getStyle("borderColor");
+            borderStroke.alpha = getStyle("borderAlpha");
+            
+            /* var cr:Number = getStyle("cornerRadius");
+            
+            if (cornerRadius != cr)
+            {
+                cornerRadius = cr;
+                shadow.bottomLeftRadiusX = shadow.topLeftRadiusX = cornerRadius;
+                border.bottomLeftRadiusX = border.topLeftRadiusX = cornerRadius;
+                background.bottomLeftRadiusX = background.topLeftRadiusX = cornerRadius;
+            } */
+            
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+
+        /**
+         *  @private
+         */
+        private function updatePadding():void
+        {
+            if (!textDisplay)
+                return;
+            
+            // Push padding styles into the textDisplay
+            var padding:Number;
+            
+            padding = getStyle("paddingLeft");
+            if (textDisplay.getStyle("paddingLeft") != padding)
+                textDisplay.setStyle("paddingLeft", padding);
+            
+            padding = getStyle("paddingTop");
+            if (textDisplay.getStyle("paddingTop") != padding)
+                textDisplay.setStyle("paddingTop", padding);
+            
+            padding = getStyle("paddingRight");
+            if (textDisplay.getStyle("paddingRight") != padding)
+                textDisplay.setStyle("paddingRight", padding);
+            
+            padding = getStyle("paddingBottom");
+            if (textDisplay.getStyle("paddingBottom") != padding)
+                textDisplay.setStyle("paddingBottom", padding);
+        }
+        
+        /**
+         *  @private
+         */
+        override public function styleChanged(styleProp:String):void
+        {
+            super.styleChanged(styleProp);
+            
+            if (!styleProp || styleProp.indexOf("padding") == 0)
+            {
+                paddingChanged = true;
+                invalidateProperties();
+            }
+        }
+    </fx:Script>
+    
+    <fx:Script>
+        <![CDATA[
+        /**
+         * @inheritDoc
+         */
+        override public function get focusSkinExclusions():Array { return [ textDisplay ] };            
+        ]]>
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal"/>
+        <s:State name="disabled" stateGroups="disabledStates"/>
+        <s:State name="normalWithPrompt"/>
+        <s:State name="disabledWithPrompt" stateGroups="disabledStates"/>
+    </s:states>
+    
+    <!-- border --> 
+    <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+        <s:stroke>     
+            <s:SolidColorStroke id="borderStroke" weight="1" />
+        </s:stroke>
+    </s:Rect>
+
+    <!-- fill -->
+    <!--- Defines the appearance of the TextInput component's background. -->
+    <s:Rect id="background" left="1" right="1" top="1" bottom="1">
+        <s:fill>
+        <!--- Defines the background fill color. -->
+            <s:SolidColor id="bgFill" color="0xCCCCCC" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- shadow -->
+    <s:Rect left="1" top="1" right="1" height="1" id="shadow">
+        <s:fill>
+            <s:SolidColor color="0x000000" alpha="0.12" />
+        </s:fill>
+    </s:Rect>
+    
+    <!-- text -->
+    <s:RichEditableText id="textDisplay"
+              lineBreak="explicit"
+              verticalAlign="middle"
+              widthInChars="10"
+              left="1" right="1" top="1" bottom="1" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,42 @@
+<?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.
+
+-->
+
+
+<skins:ButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+				  xmlns:s="library://ns.adobe.com/flex/spark" 
+				  xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:skins="arcade.skins.*">
+
+	<fx:Script>
+		<![CDATA[
+			static private var colorTransform:ColorTransform= new ColorTransform();
+			
+			override protected function initializationComplete():void
+			{
+				colorTransform.redOffset = 25;
+				colorTransform.blueOffset = 25;
+				colorTransform.greenOffset = 25;
+				transform.colorTransform = colorTransform;
+				super.initializationComplete();
+			}
+			
+		]]>
+	</fx:Script>
+	
+</skins:ButtonSkin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultComplexItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultComplexItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultComplexItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultComplexItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -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.
+
+-->
+
+
+<!--- The default skin class for a Spark DefaultComplexItemRenderer class.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<s:states>
+		<s:State name="normal"/>            
+		<s:State name="hovered"/>
+		<s:State name="selected"/>
+		<s:State name="normalAndShowsCaret"/>
+		<s:State name="hoveredAndShowsCaret"/>
+		<s:State name="selectedAndShowsCaret"/>
+	</s:states>
+	
+	<fx:Script>
+		<![CDATA[
+			
+			import mx.core.IVisualElement; 
+			
+			[Bindable("dataChanged")]
+			override public function set data(value:Object):void
+			{
+				super.data = value;
+				
+				//First lets remove everything from the contentGroup
+				contentGroup.removeAllElements();
+				
+				//Then add the new items anew 
+				if (value is Array)
+				{
+					for (var i:int = 0; i < value.length; i++)
+					{
+						contentGroup.addElement(IVisualElement(value[i]));
+					}
+				}
+				else if (value is IVisualElement)
+				{
+					contentGroup.addElement(IVisualElement(value));
+				}
+			}
+		]]>
+	</fx:Script>
+    
+    <s:Rect left="0" right="0" top="0" bottom="0">
+        <s:fill>
+            <s:SolidColor 
+				color.normal="0x2f2f2f"
+				color.normalAndShowsCaret="0x2f2f2f" 
+				color.hovered="{0x333333}"
+				color.hoveredAndShowsCaret="{0x333333}"
+				color.selected="{0x333333}"
+				color.selectedAndShowsCaret="{0x333333}"
+				/>
+        </s:fill>
+    </s:Rect>
+    <s:Group id="contentGroup" verticalCenter="0" left="2" right="2" top="2" bottom="2" />
+
+</s:ItemRenderer>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultComplexItemRenderer.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultComplexItemRenderer.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,50 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for a Spark DefaultItemRenderer class. -->
+<s:ItemRenderer focusEnabled="false" 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark">
+    
+	<s:states>
+		<s:State name="normal" />            
+		<s:State name="hovered" />
+		<s:State name="selected" />
+		<s:State name="normalAndShowsCaret"/>
+		<s:State name="hoveredAndShowsCaret"/>
+		<s:State name="selectedAndShowsCaret"/>
+	</s:states>
+    
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor 
+				color.normal="0x2F2F2F"
+				color.normalAndShowsCaret="0x2F2F2F"
+				color.hovered="{0x3b4664}"
+				color.hoveredAndShowsCaret="{0x3b4664}"
+				color.selected="{0x000000}"
+				color.selectedAndShowsCaret="{0x000000}"
+				/>
+		</s:fill>
+	</s:Rect>
+    <s:Label id="labelDisplay" verticalCenter="0" left="3" right="3" top="6" bottom="4"/>
+
+</s:ItemRenderer>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,54 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for the button on a Spark DropDownList component. -->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+      minWidth="22" minHeight="22">
+      
+    <fx:Metadata>
+	    <![CDATA[ 
+		/** 
+		 * @copy spark.skins.default.ApplicationSkin#hostComponent
+		 */
+	    	[HostComponent("spark.components.Button")]
+	    ]]>
+    </fx:Metadata> 
+      
+	<!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    
+	<!-- skin -->
+	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_upSkin')"	
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_overSkin')"
+		source.down= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_downSkin')"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='ComboBoxArrow_disabledSkin')"
+		/>
+		
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListSkin.mxml Thu Jun 14 18:53:27 2012
@@ -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:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled=".5"> 
+
+    <!-- host component -->
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+        [HostComponent("spark.components.DropDownList")]
+    ]]>
+    </fx:Metadata> 
+
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="open" />
+		<s:State name="disabled" />
+	</s:states>
+    
+    <s:PopUpAnchor id="popup"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+    	left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
+    	popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
+    	
+	<!--- 
+	      The drop down area of the skin. This includes borders, background colors, scrollers, and filters. 
+	      To create a custom drop down, edit this skin and create a custom skin class. 
+	-->
+    	<s:Group id="dropDown" maxHeight="134" minHeight="22" >
+	    	 <!-- border -->
+		    <s:Rect left="0" right="0" top="0" bottom="0">
+		    	<s:stroke>
+		    		<s:SolidColorStroke color="0x686868" weight="1"/>
+		    	</s:stroke>
+		    </s:Rect>
+		    
+		    <!-- fill -->
+			<!---  
+				Defines the appearance of the DropDownList component popup's rectangular background fill.
+			-->
+		    <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+		    	<s:fill>
+				<!---  
+					The color of the drop down's background fill.
+					The default color is 0xFFFFFF.
+				-->
+		    		<s:SolidColor id="bgFill" color="0xFFFFFF" />
+		    	</s:fill>
+		    </s:Rect>
+		    
+		    <s:Scroller left="1" top="1" right="1" bottom="1" hasFocusableChildren="false">
+			    <s:DataGroup id="dataGroup" itemRenderer="arcade.skins.DefaultItemRenderer">
+			    	<s:layout>
+			    	    <s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
+			    	</s:layout>
+			    </s:DataGroup>
+		    </s:Scroller>
+    	
+	        <s:filters>
+	            <s:DropShadowFilter blurX="20" blurY="20" distance="5" angle="90" alpha="0.6" />
+	        </s:filters>
+	    </s:Group>
+	</s:PopUpAnchor>
+    
+	<!--- The button used by the DropDownList. The default skin is DropDownListButtonSkin. -->
+	<s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+		skinClass="arcade.skins.DropDownListButtonSkin" />  
+	<s:Label id="labelDisplay" verticalAlign="middle" 
+		left="7" right="30" top="2" bottom="2" verticalCenter="1" color="#aaaeee"/> 
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/DropDownListSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ErrorSkin.as
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ErrorSkin.as?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ErrorSkin.as (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ErrorSkin.as Thu Jun 14 18:53:27 2012
@@ -0,0 +1,243 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+package arcade.skins
+{
+
+import flash.display.Bitmap;
+import flash.display.BitmapData;
+import flash.display.IBitmapDrawable;
+import flash.events.Event;
+import flash.filters.GlowFilter;
+import flash.geom.ColorTransform;
+import flash.geom.Matrix;
+import flash.geom.Point;
+import flash.geom.Rectangle;
+
+import spark.components.supportClasses.SkinnableComponent;
+import mx.core.UIComponent;
+import mx.core.mx_internal;
+import flash.utils.Dictionary;
+
+/**
+ *  Error skins for Spark components.
+ *  
+ *  @langversion 3.0
+ *  @playerversion Flash 10
+ *  @playerversion AIR 1.5
+ *  @productversion Flex 4
+ */
+public class ErrorSkin extends UIComponent
+{
+    //--------------------------------------------------------------------------
+    //
+    //  Class constants
+    //
+    //--------------------------------------------------------------------------
+    
+    // TODO: Make this a style property?
+    private const ERROR_THICKNESS:int = 1;    
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Class variables
+    //
+    //--------------------------------------------------------------------------
+    
+    private static var colorTransform:ColorTransform = new ColorTransform(
+                1.01, 1.01, 1.01, 2);
+    private static var glowFilter:GlowFilter = new GlowFilter(
+                0xFF0000, 0.85, 2, 2, 3, 1, false, true);
+    private static var rect:Rectangle = new Rectangle();;
+    private static var filterPt:Point = new Point();
+                 
+    //--------------------------------------------------------------------------
+    //
+    //  Constructor
+    //
+    //--------------------------------------------------------------------------
+    
+    public function ErrorSkin()
+    {
+        super();
+        
+        mouseEnabled = false;
+        mouseChildren = false;
+    }
+
+    //--------------------------------------------------------------------------
+    //
+    //  Variables
+    //
+    //--------------------------------------------------------------------------
+    
+    /**
+     *  Bitmap capture of the focused component. This bitmap includes a glow
+     *  filter that shows the focus glow.
+     *  
+     *  @langversion 3.0
+     *  @playerversion Flash 10
+     *  @playerversion AIR 1.5
+     *  @productversion Flex 4
+     */
+    private var bitmap:Bitmap;
+
+    /**
+     * @private
+     */
+    private var _errorObject:SkinnableComponent;
+    
+    /**
+     *  Object to draw error around.  
+     *  
+     *  @langversion 3.0
+     *  @playerversion Flash 10
+     *  @playerversion AIR 1.5
+     *  @productversion Flex 4
+     */
+    public function get errorObject():SkinnableComponent
+    {
+        return _errorObject;
+    }
+    
+    public function set errorObject(value:SkinnableComponent):void
+    {
+        _errorObject = value;
+        
+        // Add an "updateComplete" listener to the skin so we can redraw
+        // whenever the skin is drawn.
+        if (_errorObject.skin)
+            _errorObject.skin.addEventListener("updateComplete", 
+                    skin_updateCompleteHandler, false, 0, true);
+    }
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Overridden methods
+    //
+    //--------------------------------------------------------------------------
+    
+    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+    {
+        // Early exit if we don't have an error object
+        if (!errorObject)
+            return;
+            
+        // Grab a bitmap of the error object
+        var bitmapData:BitmapData = new BitmapData(
+                    errorObject.width + (ERROR_THICKNESS * 2), 
+                    errorObject.height + (ERROR_THICKNESS * 2), true, 0);
+        var m:Matrix = new Matrix();
+        
+        // If the error object has a focus skin, make sure it is hidden.
+        if (errorObject.mx_internal::focusObj)
+            errorObject.mx_internal::focusObj.visible = false;
+       
+        // Temporary solution for error drawing on CheckBox and RadioButton components.
+        // Hide the label before drawing the focus. 
+        // TODO: Figure out a better solution.
+        var hidLabelElement:Boolean = false;
+        if ((weakIsCheck(errorObject, "spark.components::CheckBox") ||
+             weakIsCheck(errorObject, "spark.components::RadioButton"))
+             && Object(errorObject).labelDisplay)
+        {
+            Object(errorObject).labelDisplay.displayObject.visible = false;
+            hidLabelElement = true;
+        }
+            
+        m.tx = ERROR_THICKNESS;
+        m.ty = ERROR_THICKNESS;
+        bitmapData.draw(errorObject as IBitmapDrawable, m);
+       
+        // Show the focus skin, if needed.
+        if (errorObject.mx_internal::focusObj)
+            errorObject.mx_internal::focusObj.visible = true;
+        
+        // Show the label, if needed.
+        if (hidLabelElement)
+            Object(errorObject).labelDisplay.displayObject.visible = true;
+        
+        // Special case for Scroller - fill the entire rect.
+        // TODO: Figure out a better solution.
+        if (weakIsCheck(errorObject, "spark.components::Scroller"))
+        {
+            rect.x = rect.y = ERROR_THICKNESS;
+            rect.width = errorObject.width;
+            rect.height = errorObject.height;
+            bitmapData.fillRect(rect, 0xFFFFFFFF);
+        }
+        
+        // Transform the color to remove the transparency. The GlowFilter has the "knockout" property
+        // set to true, which removes this image from the final display, leaving only the outer glow.
+        rect.x = rect.y = ERROR_THICKNESS;
+        rect.width = errorObject.width;
+        rect.height = errorObject.height;
+        bitmapData.colorTransform(rect, colorTransform);
+        
+        // Apply the glow filter
+        rect.x = rect.y = 0;
+        rect.width = bitmapData.width;
+        rect.height = bitmapData.height;
+        glowFilter.color = errorObject.getStyle("errorColor");
+        bitmapData.applyFilter(bitmapData, rect, filterPt, glowFilter); 
+               
+        if (!bitmap)
+        {
+            bitmap = new Bitmap();
+            addChild(bitmap);
+        }
+        
+        bitmap.bitmapData = bitmapData;
+        
+        // Set the size of the bitmap to be the size of the component. This has the effect
+        // of overlaying the error skin on the border of the component.
+        bitmap.width = errorObject.width;
+        bitmap.height = errorObject.height;
+    }
+    
+    private static var classDefCache:Object = {};
+    
+    /**
+     *  @private
+     */
+    private function weakIsCheck(obj:Object, className:String):Boolean
+    {
+        if (!(className in classDefCache))
+        {            
+            var classObj:Class = Class(systemManager.getDefinitionByName(className));
+            
+            classDefCache[className] = classObj;
+        }
+        
+        if (!classDefCache[className])
+            return false;
+            
+        return obj is classDefCache[className];
+    }
+    
+    /**
+     *  @private
+     */
+    private function skin_updateCompleteHandler(event:Event):void
+    {
+        // Whenever the skin is updated, we need to redraw
+        invalidateDisplayList();
+    }
+}
+}        

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ErrorSkin.as
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/ErrorSkin.as
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/FocusSkin.as
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/FocusSkin.as?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/FocusSkin.as (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/FocusSkin.as Thu Jun 14 18:53:27 2012
@@ -0,0 +1,247 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+package arcade.skins
+{
+
+import flash.display.Bitmap;
+import flash.display.BitmapData;
+import flash.display.IBitmapDrawable;
+import flash.events.Event;
+import flash.filters.GlowFilter;
+import flash.geom.ColorTransform;
+import flash.geom.Matrix;
+import flash.geom.Point;
+import flash.geom.Rectangle;
+
+import mx.core.UIComponent;
+import mx.core.mx_internal;
+
+import spark.components.supportClasses.SkinnableComponent;
+
+/**
+ *  Focus skins for Spark components.
+ *  
+ *  @langversion 3.0
+ *  @playerversion Flash 10
+ *  @playerversion AIR 1.5
+ *  @productversion Flex 4
+ */
+public class FocusSkin extends UIComponent
+{
+    //--------------------------------------------------------------------------
+    //
+    //  Class constants
+    //
+    //--------------------------------------------------------------------------
+    
+    // TODO: Make this a style property?
+    private const FOCUS_THICKNESS:int = 2;    
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Class variables
+    //
+    //--------------------------------------------------------------------------
+    
+    private static var colorTransform:ColorTransform = new ColorTransform(
+                1.01, 1.01, 1.01, 2);
+    private static var glowFilter:GlowFilter = new GlowFilter(
+                0x70B2EE, 0.85, 5, 5, 3, 1, false, true);
+    private static var rect:Rectangle = new Rectangle();;
+    private static var filterPt:Point = new Point();
+                 
+    //--------------------------------------------------------------------------
+    //
+    //  Constructor
+    //
+    //--------------------------------------------------------------------------
+    
+    /**
+     * Constructor.
+     */
+    public function FocusSkin()
+    {
+        super();
+    }
+
+    //--------------------------------------------------------------------------
+    //
+    //  Variables
+    //
+    //--------------------------------------------------------------------------
+    
+    /**
+     *  Bitmap capture of the focused component. This bitmap includes a glow
+     *  filter that shows the focus glow.
+     *  
+     *  @langversion 3.0
+     *  @playerversion Flash 10
+     *  @playerversion AIR 1.5
+     *  @productversion Flex 4
+     */
+    private var bitmap:Bitmap;
+
+    /**
+     *  @private
+     */
+    private var _focusObject:SkinnableComponent;
+    
+    /**
+     *  Object to draw focus around.  If null, uses focusManager.getFocus();
+     *  
+     *  @langversion 3.0
+     *  @playerversion Flash 10
+     *  @playerversion AIR 1.5
+     *  @productversion Flex 4
+     */
+	public function get focusObject():SkinnableComponent
+	{
+	    return _focusObject;
+	}
+	
+	public function set focusObject(value:SkinnableComponent):void
+	{
+	    _focusObject = value;
+        
+        // Add an "updateComplete" listener to the skin so we can redraw
+        // whenever the skin is drawn.
+        if (_focusObject.skin)
+            _focusObject.skin.addEventListener("updateComplete", 
+                    skin_updateCompleteHandler, false, 0, true);
+	}
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Overridden methods
+    //
+    //--------------------------------------------------------------------------
+    
+    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+    {
+        // Early exit if we don't have a focus manager
+        if (!focusManager)
+            return;
+            
+        // Grab a bitmap of the focused object
+        if (!focusObject)
+			focusObject = focusManager.getFocus() as SkinnableComponent;
+			
+        var bitmapData:BitmapData = new BitmapData(
+                    focusObject.width + (FOCUS_THICKNESS * 2), 
+                    focusObject.height + (FOCUS_THICKNESS * 2), true, 0);
+        var m:Matrix = new Matrix();
+        
+        // If the focus object already has a focus skin, make sure it is hidden.
+        if (focusObject.mx_internal::focusObj)
+            focusObject.mx_internal::focusObj.visible = false;
+       
+        // Temporary solution for focus drawing on CheckBox and RadioButton components.
+        // Hide the label before drawing the focus. 
+        // TODO: Figure out a better solution.
+        var hidLabelElement:Boolean = false;
+        if ((weakIsCheck(focusObject, "spark.components::CheckBox") ||
+             weakIsCheck(focusObject, "spark.components::RadioButton"))
+             && Object(focusObject).labelDisplay)
+        {
+            Object(focusObject).labelDisplay.displayObject.visible = false;
+            hidLabelElement = true;
+        }
+            
+        m.tx = FOCUS_THICKNESS;
+        m.ty = FOCUS_THICKNESS;
+        bitmapData.draw(focusObject as IBitmapDrawable, m);
+        
+        // Show the focus skin, if needed.
+        if (focusObject.mx_internal::focusObj)
+            focusObject.mx_internal::focusObj.visible = true;
+        
+        // Show the label, if needed.
+        if (hidLabelElement)
+            Object(focusObject).labelDisplay.displayObject.visible = true;
+        
+        // Special case for Scroller - fill the entire rect.
+        // TODO: Figure out a better solution.
+        if (weakIsCheck(focusObject, "spark.components::Scroller"))
+        {
+            rect.x = rect.y = FOCUS_THICKNESS;
+            rect.width = focusObject.width;
+            rect.height = focusObject.height;
+            bitmapData.fillRect(rect, 0xFFFFFFFF);
+        }
+        
+        // Transform the color to remove the transparency. The GlowFilter has the "knockout" property
+        // set to true, which removes this image from the final display, leaving only the outer glow.
+        rect.x = rect.y = FOCUS_THICKNESS;
+        rect.width = focusObject.width;
+        rect.height = focusObject.height;
+        bitmapData.colorTransform(rect, colorTransform);
+        
+        // Apply the glow filter
+        rect.x = rect.y = 0;
+        rect.width = bitmapData.width;
+        rect.height = bitmapData.height;
+        // If the focusObject has an errorString, use "errorColor" instead of "focusColor" 
+        if (focusObject.errorString != null && focusObject.errorString != "") 
+        {
+            glowFilter.color = focusObject.getStyle("errorColor");
+        }
+        else
+        {
+            glowFilter.color = focusObject.getStyle("focusColor");
+        }
+        bitmapData.applyFilter(bitmapData, rect, filterPt, glowFilter); 
+               
+        if (!bitmap)
+        {
+            bitmap = new Bitmap();
+            addChild(bitmap);
+            bitmap.x = bitmap.y = -FOCUS_THICKNESS;
+        }
+        
+        bitmap.bitmapData = bitmapData;
+    }
+    
+    private static var classDefCache:Object = {};
+    
+    /**
+     *  @private
+     */
+    private function weakIsCheck(obj:Object, className:String):Boolean
+    {
+        if (!(className in classDefCache))
+        {            
+            var classObj:Class = Class(systemManager.getDefinitionByName(className));
+            
+            classDefCache[className] = classObj;
+        }
+        
+        if (!classDefCache[className])
+            return false;
+            
+        return obj is classDefCache[className];
+    }
+    
+    private function skin_updateCompleteHandler(event:Event):void
+    {
+        // We need to redraw whenever the focus object skin redraws.
+        invalidateDisplayList();
+    }
+}
+}        

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/FocusSkin.as
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/FocusSkin.as
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,67 @@
+<?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.
+
+-->
+
+
+<!--- The thumb and track skins are defined by the
+HScrollBarThumbSkin and HScrollBarTrackSkin classes, respectively. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+	  minWidth="35" minHeight="15"
+	  alpha.disabled="0.5"
+	  alpha.inactive="0.5">
+
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.HScrollBar")]
+    ]]>
+    </fx:Metadata> 
+    
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="inactive" />
+	</s:states>
+    
+    <!--- Defines the skin class for the HScrollBarSkin's track. The default skin class is HScrollBarTrackSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+    <s:Button id="track" left="16" right="15" width="54"
+              focusEnabled="false"
+              skinClass="arcade.skins.HScrollBarTrackSkin" />
+    <!--- Defines the skin class for the HScrollBarSkin's thumb. The default skin class is HScrollBarThumbSkin. -->
+   	<!-- when using custom theme set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+    <s:Button id="thumb" 
+              focusEnabled="false"
+              skinClass="arcade.skins.HScrollBarThumbSkin"  />
+
+    <!--- Defines the skin class for the left button of the HScrollBarSkin. The default skin class is ScrollBarLeftButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+    <s:Button id="decrementButton" left="0"
+              focusEnabled="false"
+              skinClass="arcade.skins.ScrollBarLeftButtonSkin"  />
+              
+    <!--- Defines the skin class for the right button of the HScrollBarSkin. The default skin class is ScrollBarRightButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: arcade.skins.xxxSkin -->
+    <s:Button id="incrementButton" right="0"
+              focusEnabled="false"
+              skinClass="arcade.skins.ScrollBarRightButtonSkin" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,55 @@
+<?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"
+	xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.Button")]
+    ]]>
+    </fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    <!-- Skin -->
+    <mx:Image left="-2" right="0" top="1" bottom="0" maintainAspectRatio="false" rotation="90" minHeight="24"
+    	source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollThumb_upSkin')"
+    	source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollThumb_overSkin')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollThumb_downSkin')"
+    />
+
+    <!-- Thumb Icon -->
+    <mx:Image horizontalCenter="0" rotation="90" top="5" left="4"
+    	source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollBar_thumbIcon')"
+    	source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollBar_thumbIcon')"
+    	source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollBar_thumbIcon')"
+    />
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,50 @@
+<?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"
+	xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.Button")]
+    ]]>
+    </fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="down" />
+        <s:State name="over" />
+        <s:State name="disabled" />
+    </s:states>
+
+	 <!-- Skin -->
+    <mx:Image left="-2" right="-2" top="-0" bottom="0" maintainAspectRatio="false" rotation="90" minWidth="15" minHeight="15"
+    	source.disabled="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_disabledSkin')"
+		source.up="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_Skin')"
+		source.over="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_Skin')"
+		source.down="@Embed(source='/assets/flex_skins.swf', symbol='ScrollTrack_Skin')"
+ 		/>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,76 @@
+<?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.
+
+-->
+
+
+<!--- The thumb and track skins are defined by the HSliderThumbSkin and HSliderTrackSkin classes, respectively. -->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	  minHeight="11" minWidth="100"
+	  alpha.disabled="0.5">
+
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.HSlider")]
+    ]]>
+    </fx:Metadata> 
+        
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+    <fx:Declarations>
+	<!--- Defines the appearance of the the Slider's DataTip. To customize the DataTip's appearance, create a custom HSliderSkin class. -->
+        <fx:Component id="dataTip">    	
+			<s:DataRenderer minHeight="24" minWidth="40" y="-34">
+				<s:Rect top="2" left="0" right="0" bottom="0" radiusX="6">
+					<s:fill>
+						<s:SolidColor color="0x000000" alpha=".25"/>
+					</s:fill>
+				</s:Rect>
+				
+				<s:Rect top="0" left="0" right="0" bottom="2" radiusX="6">
+					<s:fill>
+						<s:SolidColor color="0xC9CEEE" alpha="1"/>
+					</s:fill>
+				</s:Rect>
+				
+				<s:Label id="labelDisplay" text="{data}"
+						 horizontalCenter="0" verticalCenter="1"
+						 left="5" right="5" top="1" bottom="5"
+						 textAlign="center" verticalAlign="middle"
+						 fontWeight="normal" color="0x000000" fontSize="11">
+				</s:Label>
+			</s:DataRenderer>
+	   </fx:Component>
+	</fx:Declarations>
+    
+    <!--- Defines the skin class for the HSliderSkin's track. The default skin class is HSliderTrackSkin. -->
+    <!-- using a graphical skin, need to increase constraints top and bottom so track does not scale to the bounding height of the thumb -->
+    <s:Button id="track" left="0" right="0" top="4" bottom="4"
+    		skinClass="arcade.skins.HSliderTrackSkin"/>
+    <!--- Defines the skin class for the HSliderSkin's thumb. The default skin class is HSliderThumbSkin. -->
+    <s:Button id="thumb" top="0" bottom="0" width="11" height="11" 
+             skinClass="arcade.skins.HSliderThumbSkin"/>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,51 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for the thumb of a Spark HSlider component. -->
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.Button")]
+    ]]>
+    </fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+
+    <!-- Skin -->
+ 	<mx:Image left="0" top="0" right="0" bottom="0" maintainAspectRatio="false"
+    	source.disabled= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_disabledSkin')"
+    	source.down= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_downSkin')"
+		source.over= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_overSkin')"
+		source.up= "@Embed(source='/assets/flex_skins.swf', symbol='SliderThumb_upSkin')"
+    />
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/arcade/src/arcade/skins/HSliderThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain



Mime
View raw message