You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by cf...@apache.org on 2012/06/14 20:53:56 UTC
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...
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