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 [8/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/cobalt/src/assets/VScrollBar_downArrowUpSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_downArrowUpSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_downArrowUpSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbDownSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbDownSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbDownSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbIcon.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbIcon.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbIcon.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbOverSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbOverSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbOverSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbUpSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbUpSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_thumbUpSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackDisabledSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackDisabledSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackDisabledSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_trackSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDisabledSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDisabledSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDisabledSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDownSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDownSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowDownSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowOverSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowOverSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowOverSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowUpSkin.png
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowUpSkin.png?rev=1350373&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/assets/VScrollBar_upArrowUpSkin.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,147 @@
+<?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 Application component. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ alpha.disabled="0.5" >
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * A strongly typed property that references the component to which this skin is applied.
+ */
+ [HostComponent("spark.components.Application")]
+ ]]>
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ <s:State name="normalWithControlBar" />
+ <s:State name="disabledWithControlBar" />
+ </s:states>
+
+ <!-- fill -->
+ <!---
+ A rectangle with a solid color fill that forms the background of the application.
+ The color of the fill is set to the Application's backgroundColor property.
+ -->
+ <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0" >
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xeaeaea"
+ />
+ <s:GradientEntry color="0xcccccc"
+ />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <s:Group left="0" right="0" top="0" bottom="0">
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="justify" />
+ </s:layout>
+
+ <!---
+ Application Control Bar
+ -->
+ <s:Group id="topGroup" minWidth="0" minHeight="0"
+ includeIn="normalWithControlBar, disabledWithControlBar" >
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0"
+ topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1"
+ topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2"
+ topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3"
+ topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ alpha="1.0"
+ ratio="0"/>
+ <s:GradientEntry color="0x496C9A"
+ alpha="1.0"
+ ratio="0.2"/>
+ <s:GradientEntry color="0x3D5A80"
+ alpha="1.0"
+ ratio="0.8"/>
+ <s:GradientEntry color="0x385275"
+ alpha="1.0"
+ ratio="1.0"/>
+ </s:LinearGradient>
+ </s:fill>
+ <!-- inner Glow -->
+ <s:filters>
+ <s:GlowFilter color="0x000000"
+ alpha="0.85"
+ blurX="2" blurY="2"
+ inner="true"
+ />
+ </s:filters>
+ </s:Rect>
+
+ <!--- @copy spark.components.Application#controlBarGroup -->
+ <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+ </s:layout>
+ </s:Group>
+ </s:Group>
+
+ <!--- @copy spark.components.SkinnableContainer#contentGroup -->
+ <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />
+
+ </s:Group>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ApplicationSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,152 @@
+<?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 Spark skin class for the Halo Border base class.
+
+@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"
+ implements="mx.core.IRectangularBorder" mouseEnabled="false" mouseChildren="false">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.core.EdgeMetrics;
+ import mx.core.IUIComponent;
+ import mx.graphics.RectangularDropShadow;
+
+ static private const metrics:EdgeMetrics = new EdgeMetrics(1, 1, 1, 1);
+
+ [Bindable]
+ public var cornerRadius:Number = 0;
+
+ private var dropShadow:RectangularDropShadow;
+
+ public function get borderMetrics():EdgeMetrics
+ {
+ if (getStyle("borderVisible") == false ||
+ getStyle("borderStyle") == "none")
+ return EdgeMetrics.EMPTY;
+
+ return metrics;
+ }
+
+ public function get backgroundImageBounds():Rectangle
+ {
+ return null;
+ }
+
+ public function set backgroundImageBounds(value:Rectangle):void
+ {
+
+ }
+
+ public function get hasBackgroundImage():Boolean
+ {
+ return false;
+ }
+
+ public function layoutBackgroundImage():void
+ {
+
+ }
+
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ // Force a redraw to clear any existing shadow, and to force a redraw of the
+ // border/background.
+ redrawRequested = true;
+
+ if (getStyle("borderVisible") == false || getStyle("borderStyle") == "none")
+ {
+ border.visible = false;
+ background.left = background.top = background.right = background.bottom = 0;
+ }
+ else
+ {
+ border.visible = true;
+ background.left = background.top = background.right = background.bottom = 1;
+ }
+
+ border.radiusX = cornerRadius;
+ background.radiusX = cornerRadius;
+
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+ if (parent && parent is IUIComponent && !IUIComponent(parent).enabled)
+ alpha = 0.5;
+ else
+ alpha = 1;
+
+ // Draw drop shadow, if needed
+ if (getStyle("dropShadowVisible") == false ||
+ width == 0 ||
+ height == 0)
+ {
+ return;
+ }
+
+ // Create a RectangularDropShadow object, set its properties,
+ // and draw the shadow
+ if (!dropShadow)
+ dropShadow = new RectangularDropShadow();
+
+ dropShadow.distance = 5;
+ dropShadow.angle = 90;
+ dropShadow.color = 0;
+ dropShadow.alpha = 0.8;
+ dropShadow.blurX = 20;
+ dropShadow.blurY = 20;
+
+ // Clear out any pending line style
+ graphics.lineStyle();
+ dropShadow.drawShadow(graphics, 0, 0, width, height);
+ }
+
+ private function getDropShadowAngle(distance:Number,
+ direction:String):Number
+ {
+ if (direction == "left")
+ return distance >= 0 ? 135 : 225;
+
+ else if (direction == "right")
+ return distance >= 0 ? 45 : 315;
+
+ else // direction == "center"
+ return distance >= 0 ? 90 : 270;
+ }
+ ]]>
+ </fx:Script>
+
+ <!-- border -->
+ <s:Rect left="0" right="0" top="0" bottom="0" radiusX="0" id="border">
+ <s:stroke>
+ <s:SolidColorStroke id="borderStroke" color="0x000000"/>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- fill -->
+ <s:Rect id="background" left="1" right="1" top="1" bottom="1" radiusX="0">
+ <s:fill>
+ <s:SolidColor id="bgFill" color="0xFFFFFF" />
+ </s:fill>
+ </s:Rect>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/BorderSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,170 @@
+<?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 first button in a Spark ButtonBar 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" minWidth="21" minHeight="24"
+ alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ButtonBarButton")]
+ ]]>
+ </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>
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0"
+ topLeftRadiusX="4" topRightRadiusX="0" bottomLeftRadiusX="4" bottomRightRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ color.upAndSelected="0x263852"
+ color.overAndSelected="0x263852"
+ color.downAndSelected="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ color.upAndSelected="0x2E4260"
+ color.overAndSelected="0x2E4260"
+ color.downAndSelected="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1"
+ topLeftRadiusX="3" topRightRadiusX="0" bottomLeftRadiusX="3" bottomRightRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ color.upAndSelected="0x344E6D"
+ color.overAndSelected="0x496D98"
+ color.downAndSelected="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ color.upAndSelected="0x3E5A80"
+ color.overAndSelected="0x577EB3"
+ color.downAndSelected="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2"
+ topLeftRadiusX="2" topRightRadiusX="0" bottomLeftRadiusX="2" bottomRightRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ color.upAndSelected="0x263852"
+ color.overAndSelected="0x263852"
+ color.downAndSelected="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ color.upAndSelected="0x2E4260"
+ color.overAndSelected="0x2E4260"
+ color.downAndSelected="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3"
+ topLeftRadiusX="1" topRightRadiusX="0" bottomLeftRadiusX="1" bottomRightRadiusX="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ color.upAndSelected="0x2B405C"
+ color.overAndSelected="0x2B405C"
+ color.downAndSelected="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ color.upAndSelected="0x2F4563"
+ color.overAndSelected="0x2F4563"
+ color.downAndSelected="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ color.upAndSelected="0x354D6F"
+ color.overAndSelected="0x354D6F"
+ color.downAndSelected="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ color.upAndSelected="0x314867"
+ color.overAndSelected="0x314867"
+ color.downAndSelected="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: text -->
+ <!--- The defines the appearance of the label for the first button 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/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarFirstButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,170 @@
+<?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 first button in a Spark ButtonBar 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" minWidth="21" minHeight="24"
+ alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ButtonBarButton")]
+ ]]>
+ </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>
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0"
+ topLeftRadiusX="0" topRightRadiusX="4" bottomLeftRadiusX="0" bottomRightRadiusX="4">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ color.upAndSelected="0x263852"
+ color.overAndSelected="0x263852"
+ color.downAndSelected="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ color.upAndSelected="0x2E4260"
+ color.overAndSelected="0x2E4260"
+ color.downAndSelected="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1"
+ topLeftRadiusX="0" topRightRadiusX="3" bottomLeftRadiusX="0" bottomRightRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ color.upAndSelected="0x344E6D"
+ color.overAndSelected="0x496D98"
+ color.downAndSelected="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ color.upAndSelected="0x3E5A80"
+ color.overAndSelected="0x577EB3"
+ color.downAndSelected="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2"
+ topLeftRadiusX="0" topRightRadiusX="2" bottomLeftRadiusX="0" bottomRightRadiusX="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ color.upAndSelected="0x263852"
+ color.overAndSelected="0x263852"
+ color.downAndSelected="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ color.upAndSelected="0x2E4260"
+ color.overAndSelected="0x2E4260"
+ color.downAndSelected="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3"
+ topLeftRadiusX="0" topRightRadiusX="1" bottomLeftRadiusX="0" bottomRightRadiusX="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ color.upAndSelected="0x2B405C"
+ color.overAndSelected="0x2B405C"
+ color.downAndSelected="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ color.upAndSelected="0x2F4563"
+ color.overAndSelected="0x2F4563"
+ color.downAndSelected="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ color.upAndSelected="0x354D6F"
+ color.overAndSelected="0x354D6F"
+ color.downAndSelected="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ color.upAndSelected="0x314867"
+ color.overAndSelected="0x314867"
+ color.downAndSelected="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: text -->
+ <!--- The defines the appearance of the label for the first button 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/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarLastButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,161 @@
+<?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>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" >
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ color.upAndSelected="0x263852"
+ color.overAndSelected="0x263852"
+ color.downAndSelected="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ color.upAndSelected="0x2E4260"
+ color.overAndSelected="0x2E4260"
+ color.downAndSelected="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ color.upAndSelected="0x344E6D"
+ color.overAndSelected="0x496D98"
+ color.downAndSelected="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ color.upAndSelected="0x3E5A80"
+ color.overAndSelected="0x577EB3"
+ color.downAndSelected="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ color.upAndSelected="0x263852"
+ color.overAndSelected="0x263852"
+ color.downAndSelected="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ color.upAndSelected="0x2E4260"
+ color.overAndSelected="0x2E4260"
+ color.downAndSelected="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ color.upAndSelected="0x2B405C"
+ color.overAndSelected="0x2B405C"
+ color.downAndSelected="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ color.upAndSelected="0x2F4563"
+ color.overAndSelected="0x2F4563"
+ color.downAndSelected="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ color.upAndSelected="0x354D6F"
+ color.overAndSelected="0x354D6F"
+ color.downAndSelected="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ color.upAndSelected="0x314867"
+ color.overAndSelected="0x314867"
+ color.downAndSelected="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- 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/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.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.
+
+-->
+<!--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: cobalt.skins.xxxSkin -->
+ <fx:Component id="firstButton">
+ <s:ButtonBarButton skinClass="cobalt.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: cobalt.skins.xxxSkin -->
+ <fx:Component id="middleButton" >
+ <s:ButtonBarButton skinClass="cobalt.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: cobalt.skins.xxxSkin -->
+ <fx:Component id="lastButton" >
+ <s:ButtonBarButton skinClass="cobalt.skins.ButtonBarLastButtonSkin" />
+ </fx:Component>
+
+ </fx:Declarations>
+
+ <!---
+ @copy spark.components.SkinnableDataContainer#dataGroup
+ -->
+ <s:DataGroup id="dataGroup" width="100%" height="100%">
+ <s:layout>
+ <s:ButtonBarHorizontalLayout gap="0"/>
+ </s:layout>
+ </s:DataGroup>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,136 @@
+<?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.
+
+@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" minWidth="21" minHeight="24" 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:states>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="4">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" radiusX="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3" radiusX="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 5: 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/cobalt/src/cobalt/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,158 @@
+<?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.
+
+@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">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.CheckBox")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script>
+ <![CDATA[
+ /**
+ * @inheritDoc
+ */
+ override public function get focusSkinExclusions():Array {return [labelDisplay]};
+ ]]>
+ </fx:Script>
+
+
+ <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" minHeight="14" minWidth="14">
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="4">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" radiusX="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3" radiusX="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- checkmark dropshadow-->
+ <!-- The checkmark in the box for this skin. -->
+ <s:Path left="1" right="1" top="4" includeIn="selectedStates" id="checkDropShadow" itemCreationPolicy="immediate"
+ data="M 9.2 0.1 L 4.05 6.55 L 3.15 5.0 L 0.05 5.0 L 4.6 9.7 L 12.05 0.1 L 9.2 0.1">
+ <s:fill>
+ <!-- The solid color fill for the CheckBox's checkmark -->
+ <s:SolidColor color="0x000000" alpha="0.5"/>
+ </s:fill>
+ </s:Path>
+ <!-- checkmark -->
+ <s:Path left="1" right="1" top="3" includeIn="selectedStates" id="check" itemCreationPolicy="immediate"
+ data="M 9.2 0.1 L 4.05 6.55 L 3.15 5.0 L 0.05 5.0 L 4.6 9.7 L 12.05 0.1 L 9.2 0.1">
+ <s:fill>
+ <!-- The solid color fill for the CheckBox's checkmark -->
+ <s:SolidColor color="0xFFFFFF"/>
+ </s:fill>
+ </s:Path>
+ </s:Group>
+ <!-- Label -->
+ <s:Label id="labelDisplay"
+ textAlign="start"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ left="18" right="0" top="3" bottom="3" verticalCenter="2" />
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,175 @@
+<?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: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>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0"
+ topLeftRadiusX="0" topRightRadiusX="4" bottomLeftRadiusX="0" bottomRightRadiusX="4">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1"
+ topLeftRadiusX="0" topRightRadiusX="3" bottomLeftRadiusX="0" bottomRightRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2"
+ topLeftRadiusX="0" topRightRadiusX="2" bottomLeftRadiusX="0" bottomRightRadiusX="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3"
+ topLeftRadiusX="0" topRightRadiusX="1" bottomLeftRadiusX="0" bottomRightRadiusX="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Arrow -->
+ <!-- Arrow Shadow-->
+ <s:Path right="6" verticalCenter="1" id="arrowShadow"
+ data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+ <s:fill>
+ <s:SolidColor color="0x000000"
+ alpha="0.5"/>
+ </s:fill>
+ </s:Path>
+ <s:Path right="6" verticalCenter="0" id="arrow"
+ data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xFFFFFF"
+ color.over="0xFFFFFF"
+ color.down="0x223248"
+ alpha="0.9"/>
+ <s:GradientEntry color="0xFFFFFF"
+ color.over="0xFFFFFF"
+ color.down="0x293D57"
+ ratio="1"
+ alpha="0.9"/>
+ <s:GradientEntry color="0xFFFFFF"
+ color.over="0xFFFFFF"
+ color.down="0x2E4562"
+ alpha="0.9"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Path>
+ <!-- Arrow overlay -->
+ <s:Path right="6" verticalCenter="0" id="arrowOverlay" includeIn="up"
+ data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xcccccc"
+ alpha=".50"
+ ratio="0"/>
+ <s:GradientEntry color="0xffffff"
+ alpha="1.0"
+ ratio=".25"/>
+ <s:GradientEntry color="0xffffff"
+ alpha="1.0"
+ ratio=".70"/>
+ <s:GradientEntry color="0x999999"
+ alpha=".75"
+ ratio="1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Path>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,164 @@
+<?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: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); */
+ }
+ }
+
+ ]]>
+ </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="cobalt.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="cobalt.skins.ComboBoxButtonSkin" />
+ <!--- The text input area of the ComboBox. -->
+ <s:TextInput id="textInput"
+ left="0" right="19" top="0" bottom="0"
+ skinClass="cobalt.skins.ComboBoxTextInputSkin"/>
+
+</s:Skin>
+
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,156 @@
+<?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
+ */
+ 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)
+ {
+ textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 1;
+ }
+ else
+ {
+ textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 0;
+ }
+
+ 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>
+
+ <!-- Text Fill & Border -->
+ <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+ <s:stroke>
+ <s:SolidColorStroke color="0xC9CBCC"
+ weight="1" />
+ </s:stroke>
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Top edge shadow -->
+ <s:Rect left="1" right="1" top="0" height="1">
+ <s:fill>
+ <s:SolidColor color="#6D6F70"/>
+ </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/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,45 @@
+<?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="cobalt.skins.*">
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ </fx:Declarations>
+
+ <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/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/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="0xFFFFFF"
+ color.normalAndShowsCaret="0xFFFFFF"
+ 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/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultComplexItemRenderer.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/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="0xFFFFFF"
+ color.normalAndShowsCaret="0xFFFFFF"
+ color.hovered="0xcccccc"
+ color.hoveredAndShowsCaret="0xcccccc"
+ color.selected="0xD1E5F2"
+ color.selectedAndShowsCaret="0x666666"
+ />
+ </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/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,171 @@
+<?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 DropDownList component.
+
+@see spark.components.DropDownList
+@see spark.skins.spark.DropDownListSkin
+
+@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="21" minHeight="24">
+
+ <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>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="4">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x5C85B8"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x43658F"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerBorder -->
+ <s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77B1D2"
+ color.down="0x344E6D"
+ alpha="1.0" />
+ <s:GradientEntry color="0x42628A"
+ color.over="0x5C89B9"
+ color.down="0x3E5A80"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 3: insetBorder -->
+ <s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" radiusX="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x426089"
+ color.over="0x426089"
+ color.down="0x263852"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ color.over="0x304663"
+ color.down="0x2E4260"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 4: fill -->
+ <s:Rect id="fill" left="3" right="3" top="3" bottom="3" radiusX="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ color.over="0x446690"
+ color.down="0x2B405C"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ color.over="0x496C9A"
+ color.down="0x2F4563"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ color.over="0x3D5A80"
+ color.down="0x354D6F"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ color.over="0x385275"
+ color.down="0x314867"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Arrow -->
+ <!-- Arrow Shadow-->
+ <s:Path right="8" verticalCenter="1" id="arrowShadow"
+ data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+ <s:fill>
+ <s:SolidColor color="0x000000"
+ alpha="0.5"/>
+ </s:fill>
+ </s:Path>
+ <!-- Arrow -->
+ <s:Path right="8" verticalCenter="0" id="arrow"
+ data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xFFFFFF"
+ color.over="0xFFFFFF"
+ color.down="0x223248"
+ alpha="0.9"/>
+ <s:GradientEntry color="0xFFFFFF"
+ color.over="0xFFFFFF"
+ color.down="0x293D57"
+ ratio="1"
+ alpha="0.9"/>
+ <s:GradientEntry color="0xFFFFFF"
+ color.over="0xFFFFFF"
+ color.down="0x2E4562"
+ alpha="0.9"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Path>
+ <!-- Arrow overlay -->
+ <s:Path right="8" verticalCenter="0" id="arrowOverlay" includeIn="up"
+ data="M 6 0 L 5 0 L 4 0 L 3 0 L 2 0 L 1 0 L 0 0 L 0 1 L 0 2 L 1 2 L 1 3 L 2 3 L 2 4 L 3 4 L 3 5 L 4 5 L 4 4 L 5 4 L 5 3 L 6 3 L 6 2 L 7 2 L 7 1 L 7 0 L 6 0 Z">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xcccccc"
+ alpha=".50"
+ ratio="0"/>
+ <s:GradientEntry color="0xffffff"
+ alpha="1.0"
+ ratio=".25"/>
+ <s:GradientEntry color="0xffffff"
+ alpha="1.0"
+ ratio=".70"/>
+ <s:GradientEntry color="0x999999"
+ alpha=".75"
+ ratio="1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Path>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain