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 [17/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/me...
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,250 @@
+<?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 TitleWindow container.
+
+ @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" blendMode="normal" mouseEnabled="false"
+ minWidth="76" minHeight="76" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.TitleWindow")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script fb:purpose="styling">
+
+ /**
+ * @private
+ */
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ if (getStyle("borderVisible") == true)
+ {
+ border.visible = true;
+ background.left = background.top = background.right = background.bottom = 1;
+ contents.left = contents.top = contents.right = contents.bottom = 1;
+ }
+ else
+ {
+ border.visible = false;
+ background.left = background.top = background.right = background.bottom = 0;
+ contents.left = contents.top = contents.right = contents.bottom = 0;
+ }
+
+ dropShadow.visible = getStyle("dropShadowVisible");
+
+ var cr:Number = getStyle("cornerRadius");
+
+ if (cornerRadius != cr)
+ {
+ cornerRadius = cr;
+
+ var withControls:Boolean =
+ (currentState == "disabledWithControlBar" ||
+ currentState == "normalWithControlBar");
+
+ dropShadow.tlRadius = cornerRadius;
+ dropShadow.trRadius = cornerRadius;
+ dropShadow.blRadius = withControls ? cornerRadius : 0;
+ dropShadow.brRadius = withControls ? cornerRadius : 0;
+
+ setPartCornerRadii(topMaskRect, withControls);
+ setPartCornerRadii(border, withControls);
+ setPartCornerRadii(background, withControls);
+ }
+
+ if (bottomMaskRect) setPartCornerRadii(bottomMaskRect, withControls);
+
+ borderStroke.color = getStyle("borderColor");
+ borderStroke.alpha = getStyle("borderAlpha");
+ backgroundFill.color = getStyle("backgroundColor");
+ backgroundFill.alpha = getStyle("backgroundAlpha");
+
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+ }
+
+ /**
+ * @private
+ */
+ private function setPartCornerRadii(target:Rect, includeBottom:Boolean):void
+ {
+ target.topLeftRadiusX = cornerRadius;
+ target.topRightRadiusX = cornerRadius;
+ target.bottomLeftRadiusX = includeBottom ? cornerRadius : 0;
+ target.bottomRightRadiusX = includeBottom ? cornerRadius : 0;
+ }
+
+ private var cornerRadius:Number;
+ </fx:Script>
+
+ <s:states>
+ <s:State name="normal" stateGroups="normalGroup"/>
+ <s:State name="active" />
+ <s:State name="inactive" />
+ <s:State name="disabled" />
+ <s:State name="normalWithControlBar" stateGroups="withControls, normalGroup"/>
+ <s:State name="activeWithControlBar" stateGroups="withControls" />
+ <s:State name="inactiveWithControlBar" />
+ <s:State name="disabledWithControlBar" stateGroups="withControls" />
+ </s:states>
+
+ <!-- drop shadow can't be hittable so it stays sibling of other graphics -->
+ <s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.32"
+ alpha.normalGroup="0.22" distance="11" distance.normalGroup="7"
+ angle="90" color="0x000000" left="0" top="0" right="0" bottom="0"/>
+
+ <!-- drop shadow can't be hittable so all other graphics go in this group -->
+ <s:Group left="0" right="0" top="0" bottom="0">
+
+ <!-- top group mask -->
+ <s:Group left="1" top="1" right="1" bottom="1" id="topGroupMask" >
+ <s:Rect id="topMaskRect" left="0" top="0" right="0" bottom="0">
+ <s:fill>
+ <s:SolidColor alpha="0"/>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+
+ <!-- bottom group mask -->
+ <s:Group left="1" top="1" right="1" bottom="1" id="bottomGroupMask"
+ includeIn="withControls">
+ <s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0">
+ <s:fill>
+ <s:SolidColor alpha="0"/>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+
+ <!-- layer 1: 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>
+
+ <!-- layer 2: background fill -->
+ <!--- Defines the appearance of the TitleWindowSkin class's background. -->
+ <s:Rect id="background" left="1" top="1" right="1" bottom="1">
+ <s:fill>
+ <!-- Defines the TitleWindowSkin class's background fill. The default color is 0xFFFFFF. -->
+ <s:SolidColor id="backgroundFill" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: contents -->
+ <!--- contains the vertical stack of titlebar content and controlbar -->
+ <s:Group left="1" right="1" top="1" bottom="1" id="contents">
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="justify" />
+ </s:layout>
+
+ <s:Group id="topGroup" mask="{topGroupMask}" height="30">
+
+ <!-- layer 0: title bar fill -->
+ <s:Rect id="tbFill" left="4" right="4" top="3" bottom="0" topLeftRadiusX="18" topRightRadiusX="18">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x696a69"
+ color.normalGroup="0x696a69"/>
+ <s:GradientEntry color="0x282828"
+ color.normalGroup="0x262626"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: title bar divider -->
+ <s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0x262626" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: text -->
+ <!--- Defines the appearance of the TitleWindowSkin class's title bar. -->
+ <s:Label id="titleDisplay" maxDisplayedLines="1"
+ left="9" right="16" top="1" bottom="0" minHeight="23"
+ verticalAlign="middle" fontWeight="bold" >
+ </s:Label>
+
+ <!-- layer 4: moveArea -->
+ <!--- Defines the area where the user can drag the TitleWindow. -->
+ <s:Group id="moveArea" left="0" right="0" top="0" bottom="0" />
+
+ <!-- close button -->
+ <s:Button id="closeButton" skinClass="graphite.skins.TitleWindowCloseButtonSkin"
+ width="15" height="15" right="15" bottom="6" />
+ </s:Group>
+
+ <!--
+ Note: setting the minimum size to 0 here so that changes to the host component's
+ size will not be thwarted by this skin part's minimum size. This is a compromise,
+ more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+ -->
+ <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+ </s:Group>
+
+ <s:Group id="bottomGroup" minWidth="0" minHeight="0"
+ includeIn="withControls">
+
+ <s:Group left="0" right="0" top="0" bottom="0" mask="{bottomGroupMask}">
+
+ <!-- layer 0: control bar divider line -->
+ <s:Rect left="0" right="0" top="0" height="1" alpha="0.22">
+ <s:fill>
+ <s:SolidColor color="0x000000" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 1: control bar highlight -->
+ <s:Rect left="0" right="0" top="1" bottom="0">
+ <s:stroke>
+ <s:SolidColorStroke color="0x282828" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 2: control bar fill -->
+ <s:Rect left="1" right="1" top="2" bottom="1">
+ <s:fill>
+ <s:SolidColor color="0x696a69" />
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+
+ <!-- layer 3: control bar -->
+ <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+ </s:layout>
+ </s:Group>
+ </s:Group>
+ </s:Group>
+ </s:Group>
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/TitleWindowSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ToggleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ToggleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ToggleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ToggleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,103 @@
+<?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 ToggleButton 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="21" alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.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 fill-->
+ <s:Rect id="borderFill" left="1" right="1" top="1" bottom="1" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0xBFBFBF"
+ color.over="0xBFBFBF"
+ color.downStates="0xBFBFBF"
+ color.overAndSelected="0xFFFFFF"
+ alpha="1"
+ alpha.overAndSelected="1" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.overAndSelected="0x7B7C7B"
+ color.downStates="0x7B7C7B"
+ alpha="1"
+ alpha.overAndSelected="1" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="3" right="3" top="3" bottom="3" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- layer 3: text -->
+ <s:Label id="labelDisplay"
+ textAlign="center"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ horizontalCenter="0" verticalCenter="0"
+ left="10" right="10" top="2" bottom="2">
+ </s:Label>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ToggleButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ToggleButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarSkin.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 default skin class for the Spark VScrollBar component. The thumb and track skins are defined by the
+VScrollBarThumbSkin and VScrollBarTrackSkin classes, respectively.
+
+ @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="15" minHeight="35"
+ alpha.disabled="0.5" alpha.inactive="0.5" >
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.VScrollBar")]
+ ]]>
+ </fx:Metadata>
+
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ <s:State name="inactive" />
+ </s:states>
+
+ <!--- Defines the skin class for the VScrollBarSkin's track. The default skin class is VScrollBarTrackSkin. -->
+ <s:Button id="track" top="15" bottom="15" height="90" width="15"
+ focusEnabled="false"
+ skinClass="graphite.skins.VScrollBarTrackSkin" />
+ <!--- Defines the skin class for the VScrollBarSkin's thumb. The default skin class is VScrollBarThumbSkin. -->
+ <s:Button id="thumb"
+ focusEnabled="false" visible.inactive="false"
+ skinClass="graphite.skins.VScrollBarThumbSkin" />
+ <!--- Defines the skin class for the up button of the VScrollBarSkin. The default skin class is ScrollBarUpButtonSkin. -->
+ <s:Button id="decrementButton" top="0" enabled.inactive="false" width="15" height="15"
+ focusEnabled="false"
+ skinClass="graphite.skins.ScrollBarUpButtonSkin" />
+ <!--- Defines the skin class for the down button of the VScrollBarSkin. The default skin class is ScrollBarDownButtonSkin. -->
+ <s:Button id="incrementButton" bottom="0" enabled.inactive="false" width="15" height="15"
+ focusEnabled="false"
+ skinClass="graphite.skins.ScrollBarDownButtonSkin" />
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,333 @@
+<?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 VScrollBar 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">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.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>
+
+ <s:Group>
+
+ <!-- background -->
+ <s:Rect left="3" top="0" right="3" bottom="0" width="9" minHeight="30" radiusX="4">
+ <s:stroke>
+ <s:SolidColorStroke color="0x848484"
+ color.over="0xCCCCCC"
+ color.down="0xCCCCCC"
+ color.disabled="0x666666"
+ weight="1"/>
+ </s:stroke>
+ <s:fill>
+ <s:RadialGradient rotation="90">
+ <s:GradientEntry color="0x848484"
+ color.over="0x848484"
+ color.down="0x848484"
+ color.disabled="0x666666"/>
+ <s:GradientEntry color="0xA7A8A8"
+ color.over="0xA7A8A8"
+ color.down="0xA7A8A8"
+ color.disabled="0x666666" />
+ </s:RadialGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!--thumb grippers-->
+ <s:Group verticalCenter="0" horizontalCenter="0">
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="4" y="0">
+ <s:fill>
+ <s:SolidColor color="0x7C7D7C"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="1">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="4" y="2">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="3">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="4">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="4" y="5">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="6">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="7">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 1 L 1 1 L 1 0 L 0 0 L 0 1" x="4" y="8">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="9">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="10">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="4" y="11">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="12">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="13">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="4" y="14">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="4" y="15">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="4" y="16">
+ <s:fill>
+ <s:SolidColor color="0x7C7D7C"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="0">
+ <s:fill>
+ <s:SolidColor color="0x7C7D7C"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="2">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="1">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="2" y="5">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="2" y="4">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="3">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="2" y="6">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="8">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="7">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="2" y="11">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="2" y="10">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="9">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="2" y="12">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="14">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="13">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="2" y="16">
+ <s:fill>
+ <s:SolidColor color="0x7C7D7C"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="2" y="15">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="1">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="3">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="0" y="5">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="7">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="9">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="0" y="11">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="13">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="15">
+ <s:fill>
+ <s:SolidColor color="0xD3D3D3"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 1 L 1 1 L 1 0 L 0 0 L 0 1" x="0" y="0">
+ <s:fill>
+ <s:SolidColor color="0x7C7D7C"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="0" y="2">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="0" y="4">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="6">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="8">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="0" y="10">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 0 L 0 0 L 0 1 L 1 1 L 1 0" x="0" y="12">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="0" y="14">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 1 1 L 1 0 L 0 0 L 0 1 L 1 1" x="0" y="16">
+ <s:fill>
+ <s:SolidColor color="0x7C7D7C"/>
+ </s:fill>
+ </s:Path>
+ </s:Group>
+ </s:Group>
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,74 @@
+<?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 track of a Spark VScrollBar 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">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.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>
+
+ <!-- background -->
+ <s:Rect left="0" top="0" right="0" bottom="0" width="15" minHeight="15">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.down="0x7B7C7B"
+ color.disabled="0x666666"
+ weight="2"/>
+ </s:stroke>
+
+ <!-- fill -->
+ <s:fill>
+ <s:LinearGradient rotation="360">
+ <s:GradientEntry color="0x575757"
+ color.over="0x575757"
+ color.down="0x575757"
+ color.disabled="0x595959"/>
+ <s:GradientEntry color="0x747574"
+ color.over="0x747574"
+ color.down="0x747574"
+ color.disabled="0x595959" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,89 @@
+<?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 VSlider component. The thumb and track skins are defined by the
+VSliderThumbSkin and VSliderTrackSkin classes, respectively.
+
+ @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="11" alpha.disabled="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.VSlider")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script>
+ /**
+ * @private
+ */
+ override protected function measure() : void
+ {
+ // Temporarily move the thumb to the top of the Slider so measurement
+ // doesn't factor in its y position. This allows resizing the
+ // VSlider to less than 100px in height.
+ var thumbPos:Number = thumb.getLayoutBoundsY();
+ thumb.setLayoutBoundsPosition(thumb.getLayoutBoundsX(), 0);
+ super.measure();
+ thumb.setLayoutBoundsPosition(thumb.getLayoutBoundsX(), thumbPos);
+ }
+ </fx:Script>
+
+ <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 VSliderSkin class. -->
+ <fx:Component id="dataTip">
+ <s:DataRenderer minHeight="24" minWidth="40" x="20">
+ <s:Rect top="0" left="0" right="0" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0x333333" alpha=".9"/>
+ </s:fill>
+ </s:Rect>
+ <s:Label id="labelDisplay" text="{data}"
+ horizontalCenter="0" verticalCenter="1"
+ left="5" right="5" top="5" bottom="5"
+ textAlign="center" verticalAlign="middle"
+ fontWeight="normal" color="white" fontSize="11">
+ </s:Label>
+ </s:DataRenderer>
+ </fx:Component>
+ </fx:Declarations>
+
+ <!--- Defines the skin class for the VSliderSkin's track. The default skin class is VSliderTrackSkin. -->
+ <s:Button id="track" left="0" right="0" top="0" bottom="0" minHeight="33" maxWidth="3" height="100"
+ skinClass="graphite.skins.VSliderTrackSkin" />
+ <!--- Defines the skin class for the VSliderSkin's thumb. The default skin class is VSliderThumbSkin. -->
+ <s:Button id="thumb" left="-5" right="0" width="11" height="11"
+ skinClass="graphite.skins.VSliderThumbSkin" />
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,70 @@
+<?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 VSlider 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">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.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>
+
+ <!--- Defines the appearance of the slider thumb skin the VSliderSkin component. -->
+ <s:Path data="M 10 0 C 10 0 8.938 0.719 7.031 1.969 C 5.125 3.219 0 4.938 0 4.938 L 0 7.531 C 0 7.531 5.125 9.25 7.031 10.5 C 8.938 11.75 10 12.469 10 12.469 L 12.938 10.5 L 12.938 1.969 L 10 0 Z">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ color.disabled="0x666666"
+ weight="1">
+ </s:SolidColorStroke>
+ </s:stroke>
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"/>
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Path>
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,71 @@
+<?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 track of a Spark VSlider 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">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.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>
+
+ <s:Group left="0" right="0" bottom="0" top="0">
+
+
+ <!--layer 1 background-->
+ <s:Rect width="3" left="0" right="0" top="0" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0x000000" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect width="2" left="0" right="0" top="0" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0x464646" />
+ </s:fill>
+ </s:Rect>
+
+
+ <!-- hit area -->
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:fill>
+ <s:SolidColor alpha="0"/>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VSliderTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VideoPlayerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VideoPlayerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VideoPlayerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VideoPlayerSkin.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 Spark VideoPlayer 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"
+ chromeColor.fullScreenStates="0xCCCCCC">
+ <!-- A base color of 0xCCCCCC in the fullScreenStates means we ignore the chromeColor property
+ all together as 0xCCCCCC is essentially just a no-op color transform -->
+
+ <!-- host component -->
+ <fx:Metadata>
+ [HostComponent("spark.components.VideoPlayer")]
+ </fx:Metadata>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="uninitialized" stateGroups="uninitializedStates, normalStates" />
+ <s:State name="loading" stateGroups="loadingStates, normalStates" />
+ <s:State name="ready" stateGroups="readyStates, normalStates" />
+ <s:State name="playing" stateGroups="playingStates, normalStates" />
+ <s:State name="paused" stateGroups="pausedStates, normalStates" />
+ <s:State name="buffering" stateGroups="bufferingStates, normalStates" />
+ <s:State name="playbackError" stateGroups="playbackErrorStates, normalStates" />
+ <s:State name="disabled" stateGroups="disabledStates, normalStates"/>
+ <s:State name="uninitializedAndFullScreen" stateGroups="uninitializedStates, fullScreenStates" />
+ <s:State name="loadingAndFullScreen" stateGroups="loadingStates, fullScreenStates" />
+ <s:State name="readyAndFullScreen" stateGroups="readyStates, fullScreenStates" />
+ <s:State name="playingAndFullScreen" stateGroups="playingStates, fullScreenStates" />
+ <s:State name="pausedAndFullScreen" stateGroups="pausedStates, fullScreenStates" />
+ <s:State name="bufferingAndFullScreen" stateGroups="bufferingStates, fullScreenStates" />
+ <s:State name="playbackErrorAndFullScreen" stateGroups="playbackErrorStates, fullScreenStates" />
+ <s:State name="disabledAndFullScreen" stateGroups="disabledStates, fullScreenStates"/>
+ </s:states>
+
+ <!-- drop shadow -->
+ <s:RectangularDropShadow id="shadow" blurX="17" blurY="17" alpha="0.32" distance="4"
+ angle="90" color="#131313" left="0" top="0" right="0" bottom="0"
+ excludeFrom="fullScreenStates"/>
+
+ <!-- video and player controls are clipped if they exceed the size of the
+ component, but the drop shadow above is not clipped and sizes to the component -->
+ <s:Group clipAndEnableScrolling="true" left="0" top="0" right="0" bottom="0">
+
+ <!-- There's a minimum size for the video and controls. If we go below that
+ we are clipped. -->
+ <s:Group minWidth="263" minHeight="184" left="0" right="0" top="0" bottom="0">
+
+ <!-- background when the videoElement doesn't fill its whole spot -->
+ <s:Rect bottom="1" left="1" right="1" top="1"
+ bottom.fullScreenStates="0" left.fullScreenStates="0"
+ right.fullScreenStates="0" top.fullScreenStates="0">
+ <s:fill>
+ <s:SolidColor color="0x333333" />
+ </s:fill>
+ </s:Rect>
+
+ <!--- The subcomponent that loads the video but does not define the appearance of the VideoPlayer component. -->
+ <s:VideoDisplay id="videoDisplay" bottom="24" left="1" right="1" top="1"
+ bottom.fullScreenStates="0" left.fullScreenStates="0"
+ right.fullScreenStates="0" top.fullScreenStates="0"/>
+
+ <!-- video player controls -->
+ <s:Group left="0" right="0" height="24" bottom="0" bottom.fullScreenStates="150">
+
+ <!-- actual controls with a maxWidth in non-fullScreen mode -->
+ <s:Group bottom="0" horizontalCenter="0" left="0" right="0" maxWidth.fullScreenStates="755" id="playerControls">
+
+ <!--- Defines the label and appearance of the Play/Pause button. -->
+ <s:ToggleButton id="playPauseButton" left="0" bottom="0"
+ skinClass="graphite.skins.mediaClasses.normal.PlayPauseButtonSkin"
+ skinClass.fullScreenStates="graphite.skins.mediaClasses.fullScreen.PlayPauseButtonSkin"
+ focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+
+ <!-- scrubbar + the playHeadTime/totalTime labels -->
+ <s:Group left="39" right="75" top="0" bottom="0">
+
+ <!-- background for scrubbar + the playHeadTime/totalTime -->
+ <s:Rect left="0" right="0" top="0" bottom="0" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B" weight="1"/>
+ </s:stroke>
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A" color.fullScreenStates="0x6A6B6A" />
+ <s:GradientEntry color="0x282828" color.fullScreenStates="0x282828" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- scrub bar + playHeadTime/totalTime in a HorizontalLayout -->
+ <s:Group left="0" right="0" height="23" bottom="2">
+ <s:layout>
+ <s:HorizontalLayout verticalAlign="middle" gap="1" />
+ </s:layout>
+
+ <!-- spacer -->
+ <s:Rect width="7" height="1" />
+
+ <s:ScrubBar id="scrubBar" width="100%" liveDragging="true"
+ skinClass="graphite.skins.mediaClasses.normal.ScrubBarSkin"
+ skinClass.fullScreenStates="graphite.skins.mediaClasses.fullScreen.ScrubBarSkin" />
+
+ <!-- spacer -->
+ <s:Rect width="8" height="1" />
+
+ <s:Label id="currentTimeDisplay" color.normalStates="0xCCCCCC" color.fullScreenStates="0xFFFFFF" />
+
+ <s:Label id="timeDivider" text="/" color.normalStates="0xCCCCCC" color.fullScreenStates="0xFFFFFF" />
+
+ <s:Label id="durationDisplay" color.normalStates="0xCCCCCC" color.fullScreenStates="0xFFFFFF" />
+
+ <!-- spacer -->
+ <s:Rect width="8" height="1" />
+ </s:Group>
+
+ </s:Group>
+
+ <!--- Defines the appearance of the volume bar. -->
+ <s:VolumeBar id="volumeBar" snapInterval=".01" stepSize=".01" liveDragging="true"
+ right="37" bottom="0"
+ skinClass="graphite.skins.mediaClasses.normal.VolumeBarSkin"
+ skinClass.fullScreenStates="graphite.skins.mediaClasses.fullScreen.VolumeBarSkin"
+ focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+
+ <!--- Defines the label and appearance of the Fullscreen button. -->
+ <s:Button id="fullScreenButton" right="0" bottom="0" label="Fullscreen"
+ skinClass="graphite.skins.mediaClasses.normal.FullScreenButtonSkin"
+ skinClass.fullScreenStates="graphite.skins.mediaClasses.fullScreen.FullScreenButtonSkin"
+ focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+
+ </s:Group>
+
+ </s:Group>
+
+ <!-- border -->
+ <s:Rect left="0" right="0" top="0" bottom="0" excludeFrom="fullScreenStates">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B" weight="3"/>
+ </s:stroke>
+ </s:Rect>
+
+ </s:Group>
+ </s:Group>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VideoPlayerSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/VideoPlayerSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/FullScreenButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/FullScreenButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/FullScreenButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/FullScreenButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,211 @@
+<?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 fullScreen button of a Spark VideoPlayer
+component while in the fullScreen state.
+
+@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"
+ alpha.disabled="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ [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: fill -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B"
+ weight="2"/>
+ </s:stroke>
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x5c5c5c"
+ color.down="0x5c5c5c"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x282828"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- full screen symbol -->
+ <s:Group horizontalCenter="0" verticalCenter="-1" id="fullScreenSymbol">
+ <!-- size of area so left, right, bottom, top work well -->
+ <s:Rect left="0" top="0" width="26" height="17">
+ <s:fill>
+ <s:SolidColor alpha="0" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- background for big rectangle -->
+ <s:Rect left="5" top="3" right="5" bottom="3">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".8"/>
+ </s:fill>
+ </s:Rect>
+ <!-- dropshadow -->
+ <s:Rect bottom="2" left="5" right="5" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".8"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inside rect1 -->
+ <s:Rect left="6" top="4" right="6" bottom="4">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".6"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inside rect2 -->
+ <s:Rect left="7" top="5" right="7" bottom="5">
+ <s:fill>
+ <s:SolidColor color="0x333333" alpha=".6"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- top-left -->
+ <!-- dropshadow -->
+ <s:Rect left="0" top="3" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <!-- <s:Rect left="2" top="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect> -->
+ <!-- symbol -->
+ <s:Rect left="0" top="2" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="2" top="0" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- top-right -->
+ <!-- dropshadow -->
+ <s:Rect right="0" top="3" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <!-- <s:Rect right="2" top="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect> -->
+ <!-- symbol -->
+ <s:Rect right="0" top="2" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="2" top="0" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- bottom-left -->
+ <!-- dropshadow -->
+ <s:Rect left="0" bottom="2" width="2" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="2" bottom="0" width="1" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <!-- symbol -->
+ <s:Rect left="0" bottom="3" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="2" bottom="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- bottom-right -->
+ <!-- dropshadow -->
+ <s:Rect right="0" bottom="2" width="2" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="2" bottom="0" width="1" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <!-- symbol -->
+ <s:Rect right="0" bottom="3" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="2" bottom="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- bar down below -->
+ <s:Rect left="10" bottom="1" right="10" height="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".75"/>
+ </s:fill>
+ </s:Rect>
+ <!-- dropshadow -->
+ <s:Rect left="10" bottom="0" right="10" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".8"/>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/FullScreenButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/FullScreenButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,194 @@
+<?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 mute button of a Spark VideoPlayer 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" creationComplete="init()"
+ alpha.disabled="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ [HostComponent("spark.components.mediaClasses.MuteButton")]
+ </fx:Metadata>
+
+
+ <fx:Script>
+ <![CDATA[
+ import mx.events.FlexEvent;
+ import spark.components.mediaClasses.VolumeBar;
+
+ private function init():void
+ {
+ // this is essentially just binding code. Anytime the volume changes,
+ // let us know.
+ volume = hostComponent.volume;
+ hostComponent.addEventListener(FlexEvent.VALUE_COMMIT, valueCommitHandler);
+ hostComponent.addEventListener(FlexEvent.MUTED_CHANGE, valueCommitHandler);
+ }
+
+ private function valueCommitHandler(event:Event):void
+ {
+ volume = hostComponent.volume;
+ }
+
+ private var _volume:Number = 1;
+
+ public function get volume():Number
+ {
+ return _volume;
+ }
+
+ public function set volume(value:Number):void
+ {
+ if (value == _volume)
+ return;
+
+ _volume = value;
+
+ var bar1:Array = [bar1_1, bar1_2, bar1_3]; // 0-.25
+ var bar2:Array = [bar2_1, bar2_2, bar2_3]; // .25-.5
+ var bar3:Array = [bar3_1, bar3_2, bar3_3]; // .5-.75
+ var bar4:Array = [bar4_1, bar4_2, bar4_3]; // .75-.1
+ var bars:Array = [bar1, bar2, bar3, bar4];
+
+ var curValue:Number = 0;
+ for (var i:int = 0; i < bars.length; i++)
+ {
+ if (value <= curValue)
+ setAlphaTo(bars[i], 0);
+ else if (value >= (curValue + 0.25))
+ setAlphaTo(bars[i], 1);
+ else
+ setAlphaTo(bars[i], (value-curValue)*4);
+
+ curValue += 0.25;
+ }
+ }
+
+ private function setAlphaTo(bar:Array, alpha:Number):void
+ {
+ for (var i:int = 0; i < bar.length; i++)
+ {
+ bar[i].alpha = alpha;
+ }
+ }
+ ]]>
+ </fx:Script>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over"/>
+ <s:State name="down" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!-- layer 1: fill -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B"
+ weight="2"/>
+ </s:stroke>
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x5c5c5c"
+ color.down="0x5c5c5c"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x282828"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- volume symbol -->
+ <s:Group horizontalCenter="0" verticalCenter="0" id="volumeSymbol">
+
+ <!-- big trapezoid in center -->
+ <s:Path winding="evenOdd" data="M 9 13 L 9 0 L 4 4 L 4 9 L 9 13 Z">
+ <s:fill>
+ <s:SolidColor color="0xCCCCCC" alpha=".85" id="trapezoid1"/>
+ </s:fill>
+ </s:Path>
+
+ <!-- small trapezoid on left -->
+ <s:Path winding="evenOdd" data="M 3 9 L 3 4 L 0 5 L 0 8 L 3 9 Z">
+ <s:fill>
+ <s:SolidColor color="0xCCCCCC" alpha=".75" id="trapezoid2"/>
+ </s:fill>
+ </s:Path>
+
+ <!-- volume bars -->
+
+ <!-- big volume bar representing volume values [.75, 1] -->
+ <s:Line yFrom="0" yTo="12" x="16">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0x272727" ratio=".1" id="bar4_1" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".2" id="bar4_2" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".3" id="bar4_3" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Line>
+
+ <!-- middle volume bar representing volume values [.5, .75] -->
+ <s:Line yFrom="2" yTo="10" x="14" id="bar3">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0xCCCCCC" ratio=".1" id="bar3_1" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".2" id="bar3_2" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".3" id="bar3_3" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Line>
+
+ <!-- middle volume bar representing volume values [.25, .5] -->
+ <s:Line yFrom="3" yTo="9" x="12" id="bar2">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0xCCCCCC" ratio=".1" id="bar2_1" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".2" id="bar2_2" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".3" id="bar2_3" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Line>
+
+ <!-- small volume bar representing volume values [0, .25] -->
+ <s:Line yFrom="5" yTo="7" x="10">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0xCCCCCC" ratio=".1" id="bar1_1" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".2" id="bar1_2" />
+ <s:GradientEntry color="0xCCCCCC" ratio=".3" id="bar1_3" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Line>
+ </s:Group>
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/MuteButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,114 @@
+<?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 play/pause button of a Spark VideoPlayer
+ component while in the fullScreen state.
+
+ @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"
+ alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ [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: fill -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B"
+ weight="2"/>
+ </s:stroke>
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x5c5c5c"
+ color.down="0x5c5c5c"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x282828"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- play symbol -->
+ <s:Group horizontalCenter="0" verticalCenter="0" excludeFrom="selectedStates" id="playSymbol">
+
+ <!-- triangle -->
+ <s:Path data="M 0.5 1.085 C 1.28 0.305 2.54 0.305 3.33 1.085 L 7.97 5.725 C 8.75 6.505 8.75 7.765 7.97 8.555 L 3.33 13.195 C 2.54 13.975 1.28 13.975 0.5 13.195 L 0.5 1.085 Z">
+ <s:fill>
+ <s:SolidColor color="0xCCCCCC"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ color.disabled="0x666666"
+ alpha="1"
+ id="playSymbolFill"/>
+ </s:fill>
+ </s:Path>
+
+ </s:Group>
+
+ <!-- pause symbol -->
+ <s:Group horizontalCenter="0" verticalCenter="0" includeIn="selectedStates" id="pauseSymbol">
+
+ <!-- big line on left -->
+ <s:Rect left="0" top="0" height="11" width="3">
+ <s:fill>
+ <s:SolidColor color="0xCCCCCC"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ color.disabled="0x666666"
+ alpha="1" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- big line on right -->
+ <s:Rect left="4" top="0" height="11" width="3">
+ <s:fill>
+ <s:SolidColor color="0xCCCCCC"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ color.disabled="0x666666"
+ alpha="1" />
+ </s:fill>
+ </s:Rect>
+
+ </s:Group>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/PlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,129 @@
+<?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 scrub bar of a Spark VideoPlayer
+ component while in the fullScreen state.
+
+ @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"
+ minHeight="14" minWidth="60"
+ alpha.disabled="0.5">
+
+ <fx:Metadata>
+ [HostComponent("spark.components.mediaClasses.ScrubBar")]
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <fx:Declarations>
+ <fx:Component id="dataTip" className="DataTipClass">
+ <s:DataRenderer minHeight="24" minWidth="40" y="-34">
+ <s:RectangularDropShadow id="shadow" distance="3"
+ angle="90" color="#999999" left="0" top="0" right="0" bottom="0"/>
+
+ <s:Rect top="0" left="0" right="0" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha=".9"/>
+ </s:fill>
+ </s:Rect>
+
+ <s:Label id="labelDisplay" text="{data}"
+ horizontalCenter="0" verticalCenter="1"
+ left="5" right="5" top="5" bottom="5"
+ textAlign="center" verticalAlign="middle"
+ fontWeight="normal" color="white" fontSize="11">
+ </s:Label>
+ </s:DataRenderer>
+ </fx:Component>
+ </fx:Declarations>
+
+ <s:Button id="track" left="0" right="0" top="0" height="11"
+ skinClass="graphite.skins.mediaClasses.normal.ScrubBarTrackSkin" />
+
+ <s:Group id="bufferedArea" x="0" y="0" height="11" includeInLayout="false">
+
+ <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
+
+ <!-- fill -->
+ <s:Rect left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <s:SolidColor color="0xCCCCCC" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- inner glow -->
+ <!-- set height to 100%, maxHeight=1, minHeight=0 b/c only want this line to show up
+ if there's room for it -->
+ <!-- <s:Rect left="1" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="2" right="1" top="1" height="100%" maxHeight="1" minHeight="0">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.12" />
+ </s:fill>
+ </s:Rect>-->
+
+ </s:Group>
+ </s:Group>
+
+ <s:Group id="playedArea" x="0" y="0" height="11" includeInLayout="false">
+
+ <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
+
+ <!-- inner glow -->
+ <s:Rect left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x939393"/>
+ <s:GradientEntry color="0x666666"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- fill -->
+ <s:Rect left="2" right="2" top="2" bottom="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A" alpha="0.85"/>
+ <s:GradientEntry color="0x282828" alpha="0.85"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+
+ </s:Group>
+ </s:Group>
+
+ <s:Button id="thumb" x="0" y="0" width="14" height="19" includeInLayout="false"
+ skinClass="graphite.skins.mediaClasses.normal.ScrubBarThumbSkin" />
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,114 @@
+<?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 scrub bar thumb part of a Spark VideoPlayer
+ component while in the fullScreen state.
+
+ @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">
+
+ <fx:Metadata>
+ [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>
+
+ <!-- black line on top -->
+ <s:Rect width="1" x="7" y="0" height="7">
+ <s:fill>
+ <s:SolidColor color="0x000000"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- now the base shape of the component -->
+ <s:Group y="6">
+
+ <!-- drop shadow for shape -->
+ <s:Line xFrom="4" xTo="11" y="10">
+ <s:stroke>
+ <s:SolidColorStroke color="0x000000" alpha="0.5" />
+ </s:stroke>
+ </s:Line>
+ <s:Line yFrom="4" yTo="11" x="3">
+ <s:stroke>
+ <s:SolidColorStroke color="0x000000" alpha="0.12" />
+ </s:stroke>
+ </s:Line>
+ <s:Line yFrom="4" yTo="11" x="11">
+ <s:stroke>
+ <s:SolidColorStroke color="0x000000" alpha="0.12" />
+ </s:stroke>
+ </s:Line>
+
+ <!-- shape border -->
+ <s:Path winding="evenOdd" data="M 4 2 L 4 10 L 11 10 L 11 3 L 10 3 L 10 2 L 9 2 L 9 1 L 6 1 L 6 2 L 5 2 L 5 3 L 4 3 L 4 2 Z">
+ <s:fill>
+ <s:SolidColor color="0x000000"/>
+ </s:fill>
+ </s:Path>
+
+ <!-- shape fill -->
+ <s:Path winding="evenOdd" data="M 5 4 L 5 9 L 10 9 L 10 4 L 9 4 L 9 3 L 8 3 L 8 2 L 8 1 L 8 2 L 7 2 L 7 3 L 6 3 L 6 4 L 5 4 Z">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xFFFFFF" />
+ <s:GradientEntry color="0xE1E1E1" />
+ </s:LinearGradient>
+ </s:fill>
+ <s:fill.over>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x676767" />
+ <s:GradientEntry color="0x363636" />
+ </s:LinearGradient>
+ </s:fill.over>
+ <s:fill.down>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x9A9A9A" />
+ <s:GradientEntry color="0xAAAAAA" />
+ </s:LinearGradient>
+ </s:fill.down>
+ </s:Path>
+
+ <!-- shape fill highlight -->
+ <s:Path winding="evenOdd" data="M 5 4 L 5 9 L 10 9 L 10 4 L 9 4 L 9 3 L 8 3 L 8 2 L 8 1 L 8 2 L 7 2 L 7 3 L 6 3 L 6 4 L 5 4 Z">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF" alpha="0.22"/>
+ </s:fill>
+ </s:Path>
+ </s:Group>
+
+ <!-- for sizing/hit-test only -->
+ <s:Rect width="13" height="19">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0" />
+ </s:fill>
+ </s:Rect>
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/mediaClasses/fullScreen/ScrubBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,84 @@
+<?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 scrub bar track part of a Spark VideoPlayer
+ component while in the fullScreen state.
+
+ @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">
+
+ <fx:Metadata>
+ [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>
+
+ <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="6" top="0" bottom="0">
+
+ <!-- fill -->
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x000000" alpha=".33"/>
+ <s:GradientEntry color="0x000000" alpha="0"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inset shadow -->
+ <s:Rect left="0" right="0" top="0" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.22" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="0" top="1" bottom="0" width="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.22" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="0" top="1" bottom="0" width="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.22" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- outside highlight -->
+ <s:Rect left="-1" right="-1" top="-1" bottom="-1">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0x000000" alpha="0.11"/>
+ <s:GradientEntry color="0x000000" alpha="0.187"/>
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ </s:Group>
+</s:Skin>