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 [12/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/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the scrub bar track part of a Spark VideoPlayer
+ component while in the fullScreen state. -->
+<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 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="7" 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>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarMuteButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarMuteButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarMuteButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarMuteButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,298 @@
+<?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:mx="library://ns.adobe.com/flex/mx"
+ 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" 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"
+ 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">
+ <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">
+ <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">
+ <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 2: One pixel stroke inside border (exclude in downStates) -->
+ <s:Rect left="1" right="2" top="1" bottom="1" rotation="90">
+ <s:stroke>
+ <s:LinearGradientStroke weight="1">
+ <s:GradientEntry color="0x557FB5"
+ color.overStates="0x77b1d2"
+ />
+ <s:GradientEntry color="0x5075A7"
+ color.overStates="0x5C87B8"
+ />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 3: downstate inset border (include only in downStates) -->
+ <!--Custom theme colors-->
+ <s:Rect left="1" top="1" right="1" height="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.4" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="2" right="1" height="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="1" bottom="1" width="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="1" top="1" bottom="1" width="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 4: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x556873" />
+ </s:stroke>
+ </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="0x212121" 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="0x212121" 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="0x3D3D3D" ratio=".2" id="bar4_2" />
+ <s:GradientEntry color="0x484848" 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="0x272727" ratio=".1" id="bar3_1" />
+ <s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar3_2" />
+ <s:GradientEntry color="0x484848" 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="0x272727" ratio=".1" id="bar2_1" />
+ <s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar2_2" />
+ <s:GradientEntry color="0x484848" 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="0x272727" ratio=".1" id="bar1_1" />
+ <s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar1_2" />
+ <s:GradientEntry color="0x484848" 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/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarMuteButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarMuteButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,109 @@
+<?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 volume bar of a Spark VideoPlayer
+ component while in the fullScreen state. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled=".5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ [HostComponent("spark.components.mediaClasses.VolumeBar")]
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="open" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <s:PopUpAnchor id="popup" displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+ left="0" right="0" top="0" bottom="0" popUpPosition="above">
+
+ <s:Group id="dropDown" width="33" height="84" horizontalCenter="0">
+
+
+ <!-- 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"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ <s:filters>
+ <s:DropShadowFilter blurX="4" blurY="4" color="0x000000" alpha=".25" angle="60"/>
+ </s:filters>
+ </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"
+ 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" >
+ <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" >
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+
+ <s:Button id="track" horizontalCenter="0" top="6" bottom="7"
+ skinClass="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenVolumeBarTrackSkin" />
+
+ <s:Button id="thumb" horizontalCenter="0" width="11" height="11"
+ skinClass="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenVolumeBarThumbSkin" />
+ </s:Group>
+ </s:PopUpAnchor>
+
+ <s:MuteButton id="muteButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+ skinClass="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenVolumeBarMuteButtonSkin" />
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,135 @@
+<?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 volume bar thumb part button of a Spark VideoPlayer
+ component while in the fullScreen state. -->
+<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>
+
+ <!-- drop shadow -->
+ <s:Rect left="-2" top="-2" right="-2" bottom="-2" radiusX="8.5" radiusY="8.5">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90" weight="1">
+ <s:GradientEntry color="0x000000" alpha="0" />
+ <s:GradientEntry color="0x000000" alpha="0" />
+ <s:GradientEntry color="0x000000" alpha="0.03"/>
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+ <s:Rect left="-1" top="-1" right="-1" bottom="-1" radiusX="7.5" radiusY="7.5">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90" weight="1">
+ <s:GradientEntry color="0x000000" alpha="0.011" />
+ <s:GradientEntry color="0x000000" alpha="0.121" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <s:Group verticalCenter="0" minHeight="11" minWidth="11">
+ <!-- outer border -->
+ <s:Rect top="-1" right="-1" bottom="-1" left="-1" radiusX="3">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.25"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="2">
+ <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="1">
+ <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="1">
+ <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>
+ </s:Group>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,68 @@
+<?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 volume bar track part of a Spark VideoPlayer
+ component while in the fullScreen state. -->
+<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>
+
+ <!-- Left Edge Track -->
+ <s:Rect left="0" top="1" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0x585F63"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Inner Track tips-->
+ <s:Rect left="1" right="1" top="0" bottom="0" width="1">
+ <s:fill>
+ <s:SolidColor color="0x999999"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Inner Track-->
+ <s:Rect left="1" top="1" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Right Edge Track -->
+ <s:Rect right="0" top="1" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0x999999"/>
+ </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:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenVolumeBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerFullScreenButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerFullScreenButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerFullScreenButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerFullScreenButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,297 @@
+<?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. -->
+<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: 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"
+ 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">
+ <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">
+ <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">
+ <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 2: One pixel stroke inside border (exclude in downStates) -->
+ <s:Rect left="1" right="1" top="1" bottom="1" rotation="90">
+ <s:stroke>
+ <s:LinearGradientStroke weight="1">
+ <s:GradientEntry color="0x557FB5"
+ color.over="0x77b1d2"
+ />
+ <s:GradientEntry color="0x5075A7"
+ color.over="0x5C87B8"
+ />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+
+ <!-- layer 3: downstate inset border (include only in down state) -->
+ <s:Rect left="1" top="1" right="1" height="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.4" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 4: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x556873" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- full screen symbol -->
+ <s:Group horizontalCenter="0" verticalCenter="0" id="fullScreenSymbol">
+ <!-- size of area so left, right, bottom, top work well -->
+ <s:Rect left="0" top="0" width="19" height="14">
+ <s:stroke>
+ <s:SolidColorStroke alpha="0" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- background for big rectangle -->
+ <s:Rect left="2" top="2" right="2" bottom="2">
+ <s:fill>
+ <s:SolidColor color="0x3F3F3F" id="fullScreenSymbolFill1"/>
+ </s:fill>
+ </s:Rect>
+ <!-- dropshadow -->
+ <s:Rect bottom="1" left="2" right="2" height="1">
+ <s:fill>
+ <s:SolidColor color="0x263852"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inside rect1 -->
+ <s:Rect left="3" top="3" right="3" bottom="3">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inside rect2 -->
+ <s:Rect left="4" top="4" right="4" bottom="4">
+ <s:fill>
+ <s:SolidColor color="0x444444" id="fullScreenSymbolFill2"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inside rect3 -->
+ <s:Rect left="5" top="5" right="5" bottom="5">
+ <s:fill>
+ <s:SolidColor color="0xD1E5F2" alpha=".8" id="fullScreenSymbolFill3"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- top-left -->
+ <!-- dropshadow -->
+ <s:Rect left="0" top="1" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="0" top="2" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <!-- symbol -->
+ <s:Rect left="0" top="0" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolTopLeftFill1"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="0" top="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolTopLeftFill2"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- top-right -->
+ <!-- dropshadow -->
+ <s:Rect right="0" top="1" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="0" top="2" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <!-- symbol -->
+ <s:Rect right="0" top="0" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolTopRightFill1"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="0" top="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolTopRightFill2"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- bottom-left -->
+ <!-- dropshadow -->
+ <s:Rect left="0" bottom="-1" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="0" bottom="0" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <!-- symbol -->
+ <s:Rect left="0" bottom="0" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolBottomLeftFill1"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="0" bottom="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolBottomLeftFill2"/>
+ </s:fill>
+ </s:Rect>
+
+ <!-- bottom-right -->
+ <!-- dropshadow -->
+ <s:Rect right="0" bottom="-1" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="0" bottom="0" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x496c9a"/>
+ </s:fill>
+ </s:Rect>
+ <!-- symbol -->
+ <s:Rect right="0" bottom="0" width="3" height="1">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolBottomRightFill1"/>
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="0" bottom="1" width="1" height="2">
+ <s:fill>
+ <s:SolidColor color="0x363636" id="fullScreenSymbolBottomRightFill2"/>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerFullScreenButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerFullScreenButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerPlayPauseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerPlayPauseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerPlayPauseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerPlayPauseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,200 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ alpha.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: 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"
+ 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">
+ <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">
+ <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">
+ <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 3: downstate inset border (include only in downStates) -->
+ <!--Custom theme colors-->
+ <s:Rect left="1" top="1" right="1" height="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.4" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="2" right="1" height="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="1" bottom="1" width="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="1" top="1" bottom="1" width="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 4: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <!--Custom theme colors-->
+ <s:SolidColorStroke color="0x304865" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- play symbol -->
+ <s:Group horizontalCenter="0" verticalCenter="0" excludeFrom="selectedStates" id="playSymbol">
+
+ <!-- triangle -->
+ <s:Path winding="evenOdd" data="M 1 0 L 1 13 L 8 7 L 1 0 Z">
+ <s:fill>
+ <s:SolidColor color="0x555555" alpha="0.75" id="playSymbolFill"/>
+ </s:fill>
+ </s:Path>
+
+ <!-- triangle drop shadow on bottom/right -->
+ <s:Line xFrom="1" xTo="7" yFrom="0" yTo="7">
+ <s:stroke>
+ <s:SolidColorStroke color="0x000000" alpha="0.33" />
+ </s:stroke>
+ </s:Line>
+
+ <!-- line on left of triangle -->
+ <s:Line x="0" yFrom="0" yTo="13">
+ <s:stroke>
+ <s:SolidColorStroke color="0x000000" alpha="0.5" />
+ </s:stroke>
+ </s:Line>
+ </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:LinearGradient rotation="90">
+ <s:GradientEntry color="0x252525" alpha="0.75" ratio="0.1" id="pauseSymbolFill1_1"/>
+ <s:GradientEntry color="0x404040" alpha="0.75" ratio="0.2" id="pauseSymbolFill1_2"/>
+ <s:GradientEntry color="0x4B4B4B" alpha="0.75" ratio="0.55" id="pauseSymbolFill1_3"/>
+ <s:GradientEntry color="0x424242" alpha="0.75" ratio="0.9" id="pauseSymbolFill1_4"/>
+ <s:GradientEntry color="0xC4C4C4" alpha="0.75" ratio="1.0" id="pauseSymbolFill1_5"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- big line on right -->
+ <s:Rect left="4" top="0" height="11" width="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x252525" alpha="0.75" ratio="0.1" id="pauseSymbolFill2_1"/>
+ <s:GradientEntry color="0x404040" alpha="0.75" ratio="0.2" id="pauseSymbolFill2_2"/>
+ <s:GradientEntry color="0x4B4B4B" alpha="0.75" ratio="0.55" id="pauseSymbolFill2_3"/>
+ <s:GradientEntry color="0x424242" alpha="0.75" ratio="0.9" id="pauseSymbolFill2_4"/>
+ <s:GradientEntry color="0xC4C4C4" alpha="0.75" ratio="1.0" id="pauseSymbolFill2_5"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ </s:Group>
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerPlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerPlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,139 @@
+<?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. -->
+<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">
+ <s:DataRenderer minHeight="18" minWidth="40" y="-34">
+ <s:Rect top="0" left="0" right="0" bottom="0" radiusX="2">
+ <s:fill>
+ <s:SolidColor color="0x333333" alpha=".9"/>
+ </s:fill>
+ <s:filters>
+ <s:DropShadowFilter angle="90" color="0x000000" distance="3"/>
+ </s:filters>
+ </s:Rect>
+ <s:Label id="labelDisplay" text="{data}"
+ horizontalCenter="0" verticalCenter="1"
+ left="3" right="3" top="3" bottom="3"
+ 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="14"
+ skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerScrubBarTrackSkin" />
+
+ <s:Group id="bufferedArea" left="0" top="0" height="14">
+
+ <!-- inset 7 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+
+ <!-- fill -->
+ <s:Rect left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <s:SolidColor color="0x557fb5" />
+ </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>
+
+ <!-- black line on right -->
+ <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up
+ if there's room for it -->
+ <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha=".5"/>
+ </s:fill>
+ </s:Rect>
+
+ </s:Group>
+ </s:Group>
+
+ <s:Group id="playedArea" left="0" top="0" height="14">
+
+ <!-- inset 7 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+
+ <!-- fill -->
+ <s:Rect left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x78B3D3"/>
+ <s:GradientEntry color="0x496C9A"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inner glow -->
+ <s:Rect left="1" right="1" top="1" bottom="1">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0xFEFEFE" alpha=".2"/>
+ <s:GradientEntry color="0xECECEC" alpha=".2"/>
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- black line on right -->
+ <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up
+ if there's room for it -->
+ <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
+ <s:fill>
+ <s:SolidColor color="0x131313"/>
+ </s:fill>
+ </s:Rect>
+
+ </s:Group>
+ </s:Group>
+
+ <s:Button id="thumb" top="0" bottom="0" width="14" includeInLayout="false"
+ skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerScrubBarThumbSkin" />
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,91 @@
+<?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.
+
+@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>
+ [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>
+
+ <!-- blue line on top -->
+ <s:Rect width="1" x="7" y="0" height="7">
+ <s:fill>
+ <s:SolidColor color="0x323F51"/>
+ </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.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="0x323F51"/>
+ </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:SolidColor color="0x547CB1"/>
+ </s:fill>
+ </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/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,85 @@
+<?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. -->
+<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 pixels because that's thumbSize/2 -->
+ <s:Group left="7" right="7" top="0" bottom="0">
+
+ <!-- fill -->
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x354f70"/>
+ <s:GradientEntry color="0x2f4765"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- inset shadow -->
+ <s:Rect left="1" right="1" top="1" height="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="2" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="1" top="2" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- border -->
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:stroke>
+ <!-- custom theme color -->
+ <s:SolidColorStroke color="0x304865" weight="1" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- outside highlight -->
+ <s:Rect left="-1" right="-1" top="-1" bottom="-1">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90">
+ <s:GradientEntry color="0xFFFFFF" alpha="0.12"/>
+ <s:GradientEntry color="0xFFFFFF" alpha="0.4"/>
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ </s:Group>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerScrubBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarMuteButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarMuteButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarMuteButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarMuteButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,298 @@
+<?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:mx="library://ns.adobe.com/flex/mx"
+ 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" 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"
+ 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">
+ <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">
+ <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">
+ <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 2: One pixel stroke inside border (exclude in downStates) -->
+ <s:Rect left="1" right="2" top="1" bottom="1" rotation="90">
+ <s:stroke>
+ <s:LinearGradientStroke weight="1">
+ <s:GradientEntry color="0x557FB5"
+ color.overStates="0x77b1d2"
+ />
+ <s:GradientEntry color="0x5075A7"
+ color.overStates="0x5C87B8"
+ />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 3: downstate inset border (include only in downStates) -->
+ <!--Custom theme colors-->
+ <s:Rect left="1" top="1" right="1" height="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.4" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="2" right="1" height="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect left="1" top="1" bottom="1" width="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect right="1" top="1" bottom="1" width="1" includeIn="downStates">
+ <s:fill>
+ <s:SolidColor color="0x263852" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 4: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+ <s:stroke>
+ <s:SolidColorStroke color="0x556873" />
+ </s:stroke>
+ </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="0x212121" 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="0x212121" 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="0x3D3D3D" ratio=".2" id="bar4_2" />
+ <s:GradientEntry color="0x484848" 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="0x272727" ratio=".1" id="bar3_1" />
+ <s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar3_2" />
+ <s:GradientEntry color="0x484848" 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="0x272727" ratio=".1" id="bar2_1" />
+ <s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar2_2" />
+ <s:GradientEntry color="0x484848" 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="0x272727" ratio=".1" id="bar1_1" />
+ <s:GradientEntry color="0x3D3D3D" ratio=".2" id="bar1_2" />
+ <s:GradientEntry color="0x484848" 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/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarMuteButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarMuteButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,107 @@
+<?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 volume bar of a Spark VideoPlayer component. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled=".5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ [HostComponent("spark.components.mediaClasses.VolumeBar")]
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="open" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <s:PopUpAnchor id="popup" displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+ left="0" right="0" top="0" bottom="0" popUpPosition="above">
+ <s:Group id="dropDown" width="33" height="84" horizontalCenter="0">
+
+
+ <!-- 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"
+ alpha="1.0" />
+ <s:GradientEntry color="0x304663"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ <s:filters>
+ <s:DropShadowFilter blurX="4" blurY="4" color="0x000000" alpha=".25" angle="60"/>
+ </s:filters>
+ </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"
+ 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" >
+ <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" >
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x446690"
+ alpha="1.0"/>
+ <s:GradientEntry color="0x496C9A"
+ alpha="1.0"
+ ratio=".1"/>
+ <s:GradientEntry color="0x3D5A80"
+ alpha="1.0"
+ ratio=".9"/>
+ <s:GradientEntry color="0x385275"
+ alpha="1.0"
+ ratio=".1"/>
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+
+ <s:Button id="track" horizontalCenter="0" top="6" bottom="7"
+ skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerVolumeBarTrackSkin" />
+
+ <s:Button id="thumb" horizontalCenter="0" width="11" height="11"
+ skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerVolumeBarThumbSkin" />
+ </s:Group>
+ </s:PopUpAnchor>
+
+ <s:MuteButton id="muteButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+ skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerVolumeBarMuteButtonSkin" />
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<s:Skin
+ xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Metadata>
+ [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 verticalCenter="0" minHeight="11" minWidth="11">
+ <!-- outer border -->
+ <s:Rect top="-1" right="-1" bottom="-1" left="-1" radiusX="3">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.25"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="2">
+ <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="1">
+ <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="1">
+ <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>
+ </s:Group>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarTrackSkin.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 volume bar track part of a Spark VideoPlayer component. -->
+<s:Skin
+ xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <fx:Metadata>
+ [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>
+
+ <!-- Left Edge Track -->
+ <s:Rect left="0" top="1" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0x585F63"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Inner Track tips-->
+ <s:Rect left="1" right="1" top="0" bottom="0" width="1">
+ <s:fill>
+ <s:SolidColor color="0x999999"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Inner Track-->
+ <s:Rect left="1" top="1" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF"/>
+ </s:fill>
+ </s:Rect>
+ <!-- Right Edge Track -->
+ <s:Rect right="0" top="1" bottom="1" width="1">
+ <s:fill>
+ <s:SolidColor color="0x999999"/>
+ </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:Skin>
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/normal/VideoPlayerVolumeBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain