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 [15/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/ComboBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<!--- The default skin class for the Spark ComboBox component.
+The skin for the anchor button for a ComboBox component
+is defined by the ComboBoxButtonSkin class. The skin for the text input
+is defined by the ComboBoxTextInputSkin class.
+
+@see spark.components.ComboBox
+@see spark.skins.spark.ComboBoxButtonSkin
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ComboBox")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script fb:purpose="styling">
+ <![CDATA[
+ private var paddingChanged:Boolean;
+ private var cornerRadiusChanged:Boolean;
+ private var cornerRadius:Number = 0;
+
+
+ /**
+ * @private
+ */
+ override protected function commitProperties():void
+ {
+ super.commitProperties();
+
+ if (paddingChanged && textInput)
+ {
+ // Push padding styles into the textDisplay
+ var padding:Number;
+
+ padding = getStyle("paddingLeft");
+ if (textInput.getStyle("paddingLeft") != padding)
+ textInput.setStyle("paddingLeft", padding);
+
+ padding = getStyle("paddingTop");
+ if (textInput.getStyle("paddingTop") != padding)
+ textInput.setStyle("paddingTop", padding);
+
+ padding = getStyle("paddingRight");
+ if (textInput.getStyle("paddingRight") != padding)
+ textInput.setStyle("paddingRight", padding);
+
+ padding = getStyle("paddingBottom");
+ if (textInput.getStyle("paddingBottom") != padding)
+ textInput.setStyle("paddingBottom", padding);
+ paddingChanged = false;
+ }
+
+ if (cornerRadiusChanged)
+ {
+ cornerRadiusChanged = false;
+
+ /* var cr:Number = getStyle("cornerRadius");
+
+ if (openButton)
+ openButton.setStyle("cornerRadius", cr);
+ if (textInput)
+ textInput.setStyle("cornerRadius", cr); */
+ }
+ }
+
+ /**
+ * @private
+ */
+ override public function styleChanged(styleProp:String):void
+ {
+ super.styleChanged(styleProp);
+
+ if (!styleProp || styleProp.indexOf("padding") == 0)
+ {
+ paddingChanged = true;
+ invalidateProperties();
+ }
+ if (!styleProp || styleProp == "cornerRadius")
+ {
+ cornerRadiusChanged = true;
+ invalidateProperties();
+ }
+ }
+
+ /**
+ * @private
+ */
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ if (getStyle("borderVisible") == false)
+ {
+ if (border)
+ border.visible = false;
+ if (background)
+ {
+ background.left = background.top = background.right = background.bottom = 0;
+ }
+ if (scroller)
+ scroller.minViewportInset = 0;
+ }
+ else
+ {
+ if (border)
+ border.visible = true;
+ if (background)
+ {
+ background.left = background.top = background.right = background.bottom = 1;
+ }
+ if (scroller)
+ scroller.minViewportInset = 1;
+ }
+
+ if (dropShadow)
+ dropShadow.visible = getStyle("dropShadowVisible");
+
+ //openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
+
+ if (borderStroke)
+ {
+ borderStroke.color = getStyle("borderColor");
+ borderStroke.alpha = getStyle("borderAlpha");
+ }
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+ }
+ ]]>
+ </fx:Script>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="open" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!---
+ The PopUpAnchor control that opens the drop-down list.
+ -->
+ <s:PopUpAnchor id="popUp" displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+ left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
+ popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
+
+ <!---
+ The drop down area of the skin.
+ This includes borders, background colors, scrollers, and filters.
+ -->
+ <s:Group id="dropDown" maxHeight="134" minHeight="22" >
+
+ <!-- drop shadow -->
+ <s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.6" distance="5"
+ angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+
+ <!-- border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0">
+ <s:stroke>
+ <s:SolidColorStroke id="borderStroke" weight="1"/>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- fill -->
+ <!---
+ Defines the appearance of drop-down list's background fill.
+ -->
+ <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+ <s:fill>
+ <!---
+ The color of the drop down's background fill.
+ The default color is 0xFFFFFF.
+ -->
+ <s:SolidColor id="bgFill" color="0xFFFFFF" />
+ </s:fill>
+ </s:Rect>
+
+ <s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
+ <!---
+ The container for the data items in the drop-down list.
+ -->
+ <s:DataGroup id="dataGroup" itemRenderer="graphite.skins.DefaultItemRenderer">
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
+ </s:layout>
+ </s:DataGroup>
+ </s:Scroller>
+ </s:Group>
+ </s:PopUpAnchor>
+
+ <!--- The anchor button used by the ComboBox. The default skin is ComboBoxButtonSkin. -->
+ <s:Button id="openButton" width="20" right="0" top="0" bottom="0" focusEnabled="false"
+ skinClass="graphite.skins.ComboBoxButtonSkin" />
+ <!--- The text input area of the ComboBox. -->
+ <s:TextInput id="textInput"
+ left="0" right="19" top="0" bottom="0"
+ skinClass="graphite.skins.ComboBoxTextInputSkin"/>
+
+</s:Skin>
+
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxTextInputSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxTextInputSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxTextInputSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxTextInputSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<!--- The default skin class for the textInput of a Spark ComboBox component.
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5" blendMode="normal">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.TextInput")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script fb:purpose="styling">
+ private var paddingChanged:Boolean;
+ private var cornerRadius:Number = 0;
+
+ /**
+ * @private
+ */
+ override protected function commitProperties():void
+ {
+ super.commitProperties();
+
+ if (paddingChanged)
+ {
+ updatePadding();
+ paddingChanged = false;
+ }
+ }
+
+
+ /**
+ * @private
+ */
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ if (getStyle("borderVisible") == true)
+ {
+ border.visible = true;
+ shadow.visible = true;
+ background.left = background.top = background.right = background.bottom = 1;
+ textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 1;
+ }
+ else
+ {
+ border.visible = false;
+ shadow.visible = false;
+ background.left = background.top = background.right = background.bottom = 0;
+ textDisplay.left = textDisplay.top = textDisplay.right = textDisplay.bottom = 0;
+ }
+
+ borderStroke.color = getStyle("borderColor");
+ borderStroke.alpha = getStyle("borderAlpha");
+
+ /* var cr:Number = getStyle("cornerRadius");
+
+ if (cornerRadius != cr)
+ {
+ cornerRadius = cr;
+ shadow.bottomLeftRadiusX = shadow.topLeftRadiusX = cornerRadius;
+ border.bottomLeftRadiusX = border.topLeftRadiusX = cornerRadius;
+ background.bottomLeftRadiusX = background.topLeftRadiusX = cornerRadius;
+ } */
+
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+ }
+
+ /**
+ * @private
+ */
+ private function updatePadding():void
+ {
+ if (!textDisplay)
+ return;
+
+ // Push padding styles into the textDisplay
+ var padding:Number;
+
+ padding = getStyle("paddingLeft");
+ if (textDisplay.getStyle("paddingLeft") != padding)
+ textDisplay.setStyle("paddingLeft", padding);
+
+ padding = getStyle("paddingTop");
+ if (textDisplay.getStyle("paddingTop") != padding)
+ textDisplay.setStyle("paddingTop", padding);
+
+ padding = getStyle("paddingRight");
+ if (textDisplay.getStyle("paddingRight") != padding)
+ textDisplay.setStyle("paddingRight", padding);
+
+ padding = getStyle("paddingBottom");
+ if (textDisplay.getStyle("paddingBottom") != padding)
+ textDisplay.setStyle("paddingBottom", padding);
+ }
+
+ /**
+ * @private
+ */
+ override public function styleChanged(styleProp:String):void
+ {
+ super.styleChanged(styleProp);
+
+ if (!styleProp || styleProp.indexOf("padding") == 0)
+ {
+ paddingChanged = true;
+ invalidateProperties();
+ }
+ }
+ </fx:Script>
+
+
+ <s:states>
+ <s:State name="normal"/>
+ <s:State name="disabled" stateGroups="disabledStates"/>
+ <s:State name="normalWithPrompt"/>
+ <s:State name="disabledWithPrompt" stateGroups="disabledStates"/>
+ </s:states>
+
+ <!-- border -->
+ <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+ <s:stroke>
+ <s:SolidColorStroke id="borderStroke" weight="1" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- fill -->
+ <!--- Defines the appearance of the TextInput component's background. -->
+ <s:Rect id="background" left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <!--- Defines the background fill color. -->
+ <s:SolidColor id="bgFill" color="0xFFFFFF" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- shadow -->
+ <s:Rect left="1" top="1" right="1" height="1" id="shadow">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.12" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- text -->
+ <s:RichEditableText id="textDisplay"
+ lineBreak="explicit"
+ verticalAlign="middle"
+ widthInChars="10"
+ left="4" right="4" top="0" bottom="0" />
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxTextInputSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<skins:ButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:skins="graphite.skins.*">
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ </fx:Declarations>
+
+ <fx:Script>
+ <![CDATA[
+ static private var colorTransform:ColorTransform= new ColorTransform();
+
+ override protected function initializationComplete():void
+ {
+ colorTransform.redOffset = 25;
+ colorTransform.blueOffset = 25;
+ colorTransform.greenOffset = 25;
+ transform.colorTransform = colorTransform;
+ super.initializationComplete();
+ }
+
+ ]]>
+ </fx:Script>
+
+</skins:ButtonSkin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultComplexItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultComplexItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultComplexItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultComplexItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<!--- The default skin class for a Spark DefaultComplexItemRenderer class.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+
+ <s:states>
+ <s:State name="normal"/>
+ <s:State name="hovered"/>
+ <s:State name="selected"/>
+ <s:State name="normalAndShowsCaret"/>
+ <s:State name="hoveredAndShowsCaret"/>
+ <s:State name="selectedAndShowsCaret"/>
+ </s:states>
+
+ <fx:Script>
+ <![CDATA[
+
+ import mx.core.IVisualElement;
+
+ [Bindable("dataChanged")]
+ override public function set data(value:Object):void
+ {
+ super.data = value;
+
+ //First lets remove everything from the contentGroup
+ contentGroup.removeAllElements();
+
+ //Then add the new items anew
+ if (value is Array)
+ {
+ for (var i:int = 0; i < value.length; i++)
+ {
+ contentGroup.addElement(IVisualElement(value[i]));
+ }
+ }
+ else if (value is IVisualElement)
+ {
+ contentGroup.addElement(IVisualElement(value));
+ }
+ }
+ ]]>
+ </fx:Script>
+
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:stroke.normalAndShowsCaret>
+ <s:SolidColorStroke
+ color="{getStyle('selectionColor')}"
+ weight="1"/>
+ </s:stroke.normalAndShowsCaret>
+ <s:stroke.hoveredAndShowsCaret>
+ <s:SolidColorStroke
+ color="{getStyle('selectionColor')}"
+ weight="1"/>
+ </s:stroke.hoveredAndShowsCaret>
+ <s:stroke.selectedAndShowsCaret>
+ <s:SolidColorStroke
+ color="{getStyle('selectionColor')}"
+ weight="1"/>
+ </s:stroke.selectedAndShowsCaret>
+ <s:fill>
+ <s:SolidColor
+ color.normal="0x464646"
+ color.normalAndShowsCaret="0x464646"
+ color.hovered="{getStyle('rollOverColor')}"
+ color.hoveredAndShowsCaret="{getStyle('rollOverColor')}"
+ color.selected="{getStyle('selectionColor')}"
+ color.selectedAndShowsCaret="{getStyle('selectionColor')}"
+ />
+ </s:fill>
+ </s:Rect>
+ <s:Group id="contentGroup" verticalCenter="0" left="2" right="2" top="2" bottom="2" />
+
+</s:ItemRenderer>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultComplexItemRenderer.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultComplexItemRenderer.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultItemRenderer.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultItemRenderer.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultItemRenderer.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<!--- The default skin class for a Spark DefaultItemRenderer class.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:ItemRenderer focusEnabled="false" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="hovered" />
+ <s:State name="selected" />
+ <s:State name="normalAndShowsCaret"/>
+ <s:State name="hoveredAndShowsCaret"/>
+ <s:State name="selectedAndShowsCaret"/>
+ </s:states>
+
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:stroke.normalAndShowsCaret>
+ <s:SolidColorStroke
+ color="{getStyle('selectionColor')}"
+ weight="1"/>
+ </s:stroke.normalAndShowsCaret>
+ <s:stroke.hoveredAndShowsCaret>
+ <s:SolidColorStroke
+ color="{getStyle('selectionColor')}"
+ weight="1"/>
+ </s:stroke.hoveredAndShowsCaret>
+ <s:stroke.selectedAndShowsCaret>
+ <s:SolidColorStroke
+ color="{getStyle('selectionColor')}"
+ weight="1"/>
+ </s:stroke.selectedAndShowsCaret>
+ <s:fill>
+ <s:SolidColor
+ color.normal="0x464646"
+ color.normalAndShowsCaret="0x464646"
+ color.hovered="{getStyle('rollOverColor')}"
+ color.hoveredAndShowsCaret="{getStyle('rollOverColor')}"
+ color.selected="{getStyle('selectionColor')}"
+ color.selectedAndShowsCaret="{getStyle('selectionColor')}"
+ />
+ </s:fill>
+ </s:Rect>
+ <s:Label id="labelDisplay" verticalCenter="0" left="3" right="3" top="6" bottom="4"/>
+
+</s:ItemRenderer>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DefaultItemRenderer.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<!--- The default skin class for the anchor button on a Spark DropDownList component.
+
+ @see spark.components.DropDownList
+ @see spark.skins.spark.DropDownListSkin
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.Button")]
+ ]]>
+ </fx:Metadata>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" />
+ <s:State name="down" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="1" right="1" top="1" bottom="1" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ alpha="1.0" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.down="0x7B7C7B"
+ alpha="1.0" />
+ </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"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 8: arrow -->
+ <!--- The arrow graphic displayed in the anchor button. -->
+ <s:Path right="6" verticalCenter="0" id="arrow"
+ data="M 7.03 0.5 C 7.43 0.9 7.43 1.55 7.03 1.95 L 4.64 4.34 C 4.24 4.74 3.59 4.74 3.19 4.34 L 0.8 1.95 C 0.4 1.55 0.4 0.9 0.8 0.5 L 7.03 0.5 Z">
+ <s:fill>
+ <s:RadialGradient rotation="90" focalPointRatio="1">
+ <!--- The first part of the arrow's gradient fill.
+ The default alpha is .6. The default color if 0xFFFFFF. -->
+ <s:GradientEntry id="arrowFill1" color="0xFFFFFF" alpha="0.3" />
+ <!--- The second part of the arrow's gradient fill.
+ The default alpha is .6. The default color if 0xFFFFFF. -->
+ <s:GradientEntry id="arrowFill2" color="0xFFFFFF" alpha="0.5" />
+ </s:RadialGradient>
+ </s:fill>
+ </s:Path>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,110 @@
+<?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 DropDownList component.
+ The skin for the anchor button for a DropDownList component
+ is defined by the DropDownListButtonSkin class.
+
+ @see spark.components.DropDownList
+ @see spark.skins.spark.DropDownListButtonSkin
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.DropDownList")]
+ ]]>
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="open" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!---
+ The PopUpAnchor control that opens the drop-down list.
+ -->
+ <s:PopUpAnchor id="popUp" displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
+ left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
+ popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
+
+ <!---
+ The drop down area of the skin.
+ This includes borders, background colors, scrollers, and filters.
+ -->
+ <s:Group id="dropDown" maxHeight="134" >
+
+ <!-- drop shadow -->
+ <s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.6" distance="5"
+ angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+
+ <!-- border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0">
+ <s:stroke>
+ <s:SolidColorStroke id="borderStroke" weight="1"/>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- fill -->
+ <!---
+ Defines the appearance of drop-down list's background fill.
+ -->
+ <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+ <s:fill>
+ <!---
+ The color of the drop down's background fill.
+ The default color is 0xFFFFFF.
+ -->
+ <s:SolidColor id="bgFill" color="0x464646" />
+ </s:fill>
+ </s:Rect>
+
+ <s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
+ <!---
+ The container for the data items in the drop-down list.
+ -->
+ <s:DataGroup id="dataGroup" itemRenderer="graphite.skins.DefaultItemRenderer">
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
+ </s:layout>
+ </s:DataGroup>
+ </s:Scroller>
+ </s:Group>
+ </s:PopUpAnchor>
+
+ <!--- The anchor button used by the DropDownList. The default skin is DropDownListButtonSkin. -->
+ <s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
+ skinClass="graphite.skins.DropDownListButtonSkin" />
+ <!--- The prompt area of the DropDownList. -->
+ <s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"
+ mouseEnabled="false" mouseChildren="false"
+ left="7" right="30" top="2" bottom="2" width="75" verticalCenter="1" color.open="0x333333"/>
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/DropDownListSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ErrorSkin.as
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ErrorSkin.as?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ErrorSkin.as (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ErrorSkin.as Thu Jun 14 18:53:27 2012
@@ -0,0 +1,132 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+package graphite.skins
+{
+
+import flash.display.Bitmap;
+import flash.display.BitmapData;
+import flash.display.IBitmapDrawable;
+import flash.events.Event;
+import flash.filters.GlowFilter;
+import flash.geom.Matrix;
+import flash.geom.Matrix3D;
+import flash.geom.Point;
+import flash.geom.Rectangle;
+
+import mx.core.mx_internal;
+
+use namespace mx_internal;
+
+/**
+ * The ErrorSkin class defines the error skin for Spark components.
+ * Flex displays the error skin when a validation error occurs.
+ *
+ * @see mx.validators.Validator
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+public class ErrorSkin extends HighlightBitmapCaptureSkin
+{
+ //--------------------------------------------------------------------------
+ //
+ // Class constants
+ //
+ //--------------------------------------------------------------------------
+
+ //--------------------------------------------------------------------------
+ //
+ // Class variables
+ //
+ //--------------------------------------------------------------------------
+
+ private static var glowFilter:GlowFilter = new GlowFilter(
+ 0xFF0000, 0.85, 2, 2, 3, 1, false, true);
+ private static var rect:Rectangle = new Rectangle();;
+ private static var filterPt:Point = new Point();
+
+ //--------------------------------------------------------------------------
+ //
+ // Constructor
+ //
+ //--------------------------------------------------------------------------
+
+ /**
+ * Constructor.
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+ public function ErrorSkin()
+ {
+ super();
+
+ mouseEnabled = false;
+ mouseChildren = false;
+ }
+
+ //--------------------------------------------------------------------------
+ //
+ // Variables
+ //
+ //--------------------------------------------------------------------------
+
+ //--------------------------------------------------------------------------
+ //
+ // Overridden methods
+ //
+ //--------------------------------------------------------------------------
+
+ /**
+ * @private
+ */
+ override protected function processBitmap() : void
+ {
+ // Apply the glow filter
+ rect.x = rect.y = 0;
+ rect.width = bitmap.bitmapData.width;
+ rect.height = bitmap.bitmapData.height;
+ glowFilter.color = target.getStyle("errorColor");
+ bitmap.bitmapData.applyFilter(bitmap.bitmapData, rect, filterPt, glowFilter);
+ }
+
+ /**
+ * @inheritDoc
+ */
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ // Early exit if we don't have a target object
+ if (!target)
+ return;
+
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+ // Set the size of the bitmap to be the size of the component. This has the effect
+ // of overlaying the error skin on the border of the component.
+ bitmap.x = bitmap.y = 0;
+ bitmap.width = target.width;
+ bitmap.height = target.height;
+ }
+}
+}
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ErrorSkin.as
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ErrorSkin.as
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/FocusSkin.as
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/FocusSkin.as?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/FocusSkin.as (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/FocusSkin.as Thu Jun 14 18:53:27 2012
@@ -0,0 +1,146 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+package graphite.skins
+{
+
+import flash.display.Bitmap;
+import flash.display.BitmapData;
+import flash.display.DisplayObject;
+import flash.display.IBitmapDrawable;
+import flash.events.Event;
+import flash.filters.GlowFilter;
+import flash.geom.ColorTransform;
+import flash.geom.Matrix;
+import flash.geom.Matrix3D;
+import flash.geom.Point;
+import flash.geom.Rectangle;
+
+import mx.core.UIComponent;
+import mx.core.mx_internal;
+import mx.events.FlexEvent;
+
+import spark.components.supportClasses.Skin;
+import spark.components.supportClasses.SkinnableComponent;
+import spark.core.DisplayObjectSharingMode;
+import spark.core.IGraphicElement;
+
+use namespace mx_internal;
+
+/**
+ * Focus skins for Spark components.
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+public class FocusSkin extends HighlightBitmapCaptureSkin
+{
+ //--------------------------------------------------------------------------
+ //
+ // Class constants
+ //
+ //--------------------------------------------------------------------------
+
+ // Number to multiply focusThickness by to determine the blur value
+ private const BLUR_MULTIPLIER:Number = 2.5;
+
+ // Number to multiply focusAlpha by to determine the filter alpha value
+ private const ALPHA_MULTIPLIER:Number = 1.5454;
+
+ //--------------------------------------------------------------------------
+ //
+ // Class variables
+ //
+ //--------------------------------------------------------------------------
+
+ private static var colorTransform:ColorTransform = new ColorTransform(
+ 1.01, 1.01, 1.01, 2);
+ private static var glowFilter:GlowFilter = new GlowFilter(
+ 0x70B2EE, 0.85, 5, 5, 3, 1, false, true);
+ private static var rect:Rectangle = new Rectangle();;
+ private static var filterPt:Point = new Point();
+
+ //--------------------------------------------------------------------------
+ //
+ // Constructor
+ //
+ //--------------------------------------------------------------------------
+
+ /**
+ * Constructor.
+ */
+ public function FocusSkin()
+ {
+ super();
+ }
+
+ //--------------------------------------------------------------------------
+ //
+ // Variables
+ //
+ //--------------------------------------------------------------------------
+
+ override protected function get borderWeight() : Number
+ {
+ return getStyle("focusThickness");
+ }
+
+ //--------------------------------------------------------------------------
+ //
+ // Overridden methods
+ //
+ //--------------------------------------------------------------------------
+
+ /**
+ * @private
+ */
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+ blendMode = target.getStyle("focusBlendMode");
+ }
+
+ /**
+ * @private
+ */
+ override protected function processBitmap() : void
+ {
+ // Apply the glow filter
+ rect.x = rect.y = 0;
+ rect.width = bitmap.width;
+ rect.height = bitmap.height;
+ // If the focusObject has an errorString, use "errorColor" instead of "focusColor"
+ if (target.errorString != null && target.errorString != "")
+ {
+ glowFilter.color = target.getStyle("errorColor");
+ }
+ else
+ {
+ glowFilter.color = target.getStyle("focusColor");
+ }
+ glowFilter.blurX = glowFilter.blurY = borderWeight * BLUR_MULTIPLIER;
+ glowFilter.alpha = target.getStyle("focusAlpha") * ALPHA_MULTIPLIER;
+
+ bitmap.bitmapData.applyFilter(bitmap.bitmapData, rect, filterPt, glowFilter);
+ }
+}
+}
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/FocusSkin.as
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/FocusSkin.as
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<!--- The default skin class for the Spark HScrollBar component. The thumb and track skins are defined by the
+HScrollBarThumbSkin and HScrollBarTrackSkin 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="35" minHeight="15"
+ alpha.disabled="0.5" alpha.inactive="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.HScrollBar")]
+ ]]>
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ <s:State name="inactive" />
+ </s:states>
+
+ <!--- Defines the skin class for the HScrollBarSkin's track. The default skin class is HScrollBarTrackSkin. -->
+ <s:Button id="track" left="15" right="15" width="90" height="15"
+ focusEnabled="false"
+ skinClass="graphite.skins.HScrollBarTrackSkin" />
+ <!--- Defines the skin class for the HScrollBarSkin's thumb. The default skin class is HScrollBarThumbSkin. -->
+ <s:Button id="thumb"
+ focusEnabled="false" visible.inactive="false"
+ skinClass="graphite.skins.HScrollBarThumbSkin" />
+
+ <!--- Defines the skin class for the left button of the HScrollBarSkin. The default skin class is ScrollBarLeftButtonSkin. -->
+ <s:Button id="decrementButton" left="0"
+ focusEnabled="false" enabled.inactive="false"
+ skinClass="graphite.skins.ScrollBarLeftButtonSkin" />
+ <!--- Defines the skin class for the right button of the HScrollBarSkin. The default skin class is ScrollBarRightButtonSkin. -->
+ <s:Button id="incrementButton" right="0"
+ focusEnabled="false" enabled.inactive="false"
+ skinClass="graphite.skins.ScrollBarRightButtonSkin" />
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,334 @@
+<?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 HScrollBar 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="0" top="2" right="0" bottom="2" minWidth="30" height="9" 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 icon-->
+ <s:Group horizontalCenter="0" verticalCenter="0">
+ <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 0 0 L 0 1 L 1 1 L 1 0 L 0 0" x="1" y="0">
+ <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="2" y="0">
+ <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="3" y="0">
+ <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="0">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 1 L 1 1 L 1 0 L 0 0 L 0 1" x="5" y="0">
+ <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="6" y="0">
+ <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="7" y="0">
+ <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="8" y="0">
+ <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="9" y="0">
+ <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="10" y="0">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 1 L 1 1 L 1 0 L 0 0 L 0 1" x="11" y="0">
+ <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="12" y="0">
+ <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="13" y="0">
+ <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="14" y="0">
+ <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="15" y="0">
+ <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="16" 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="0" y="2">
+ <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="2" 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="1" y="2">
+ <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="5" y="2">
+ <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="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="3" y="2">
+ <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="6" 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="8" 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="7" y="2">
+ <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="11" y="2">
+ <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="10" 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="9" y="2">
+ <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="12" 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="14" 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="13" y="2">
+ <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="16" y="2">
+ <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="15" y="2">
+ <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="1" y="4">
+ <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="3" y="4">
+ <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="5" y="4">
+ <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="7" y="4">
+ <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="9" y="4">
+ <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="11" y="4">
+ <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="13" y="4">
+ <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="15" y="4">
+ <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="4">
+ <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="2" 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="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="6" 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="8" 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="10" 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="12" y="4">
+ <s:fill>
+ <s:SolidColor color="0x6B6C6B"/>
+ </s:fill>
+ </s:Path>
+ <s:Path data="M 0 1 L 1 1 L 1 0 L 0 0 L 0 1" x="14" 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="16" y="4">
+ <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/HScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarTrackSkin.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 track on a Spark HScrollBar 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>
+
+ <!-- border/fill -->
+ <s:Rect top="0" bottom="0" left="0" right="0" minWidth="14" height="14">
+ <s:stroke>
+ <s:SolidColorStroke color="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.down="0x7B7C7B"
+ color.disabled="0x666666"
+ weight="2" />
+ </s:stroke>
+ <s:fill>
+ <s:LinearGradient rotation="270">
+ <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/HScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,88 @@
+<?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 HSlider component. The thumb and track skins are defined by the
+HSliderThumbSkin and HSliderTrackSkin 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" minHeight="11" alpha.disabled="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.HSlider")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script>
+ /**
+ * @private
+ */
+ override protected function measure() : void
+ {
+ // Temporarily move the thumb to the left of the Slider so measurement
+ // doesn't factor in its x position. This allows resizing the
+ // HSlider to less than 100px in width.
+ var thumbPos:Number = thumb.getLayoutBoundsX();
+ thumb.setLayoutBoundsPosition(0, thumb.getLayoutBoundsY());
+ super.measure();
+ thumb.setLayoutBoundsPosition(thumbPos, thumb.getLayoutBoundsY());
+ }
+ </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 HSliderSkin class. -->
+ <fx:Component id="dataTip">
+ <s:DataRenderer minHeight="24" minWidth="40" y="-34">
+ <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 HSliderSkin's track. The default skin class is HSliderTrackSkin. -->
+ <s:Button id="track" left="0" right="0" top="0" bottom="0" minWidth="33" maxHeight="3" width="100"
+ skinClass="graphite.skins.HSliderTrackSkin" />
+ <!--- Defines the skin class for the HSliderSkin's thumb. The default skin class is HSliderThumbSkin. -->
+ <s:Button id="thumb" top="-5" bottom="0" width="11" height="11"
+ skinClass="graphite.skins.HSliderThumbSkin" />
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderThumbSkin.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 thumb of a Spark HSlider 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:Path data="M 10.5 7.031 C 9.25 5.125 7.531 0 7.531 0 L 4.938 0 C 4.938 0 3.219 5.125 1.969 7.031 C 0.719 8.938 0 10 0 10 L 1.969 12.938 L 10.5 12.938 L 12.469 10 C 12.469 10 11.75 8.938 10.5 7.031 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/HSliderThumbSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderThumbSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderTrackSkin.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 HSlider 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 height="3" left="0" right="0" top="0" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0x000000" />
+ </s:fill>
+ </s:Rect>
+ <s:Rect height="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/HSliderTrackSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HSliderTrackSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HighlightBitmapCaptureSkin.as
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HighlightBitmapCaptureSkin.as?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HighlightBitmapCaptureSkin.as (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HighlightBitmapCaptureSkin.as Thu Jun 14 18:53:27 2012
@@ -0,0 +1,232 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+package graphite.skins
+{
+
+ import flash.display.Bitmap;
+ import flash.display.BitmapData;
+ import flash.display.IBitmapDrawable;
+ import flash.events.Event;
+ import flash.geom.ColorTransform;
+ import flash.geom.Matrix;
+ import flash.geom.Matrix3D;
+ import flash.geom.Rectangle;
+
+ import mx.core.UIComponent;
+ import mx.core.mx_internal;
+ import mx.events.FlexEvent;
+
+ import spark.components.supportClasses.SkinnableComponent;
+ import spark.components.supportClasses.Skin;
+
+ use namespace mx_internal;
+
+ /**
+ * Base class for skins that do a bitmap capture of a target components
+ * and apply a filter to the bitmap.
+ * This is the base class for FocusSkin and ErrorSkin.
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+ public class HighlightBitmapCaptureSkin extends UIComponent
+ {
+ //--------------------------------------------------------------------------
+ //
+ // Class constants
+ //
+ //--------------------------------------------------------------------------
+
+ //--------------------------------------------------------------------------
+ //
+ // Class variables
+ //
+ //--------------------------------------------------------------------------
+
+ private static var capturingBitmap:Boolean = false;
+ private static var colorTransform:ColorTransform = new ColorTransform(
+ 1.01, 1.01, 1.01, 2);
+ private static var rect:Rectangle = new Rectangle();
+
+ //--------------------------------------------------------------------------
+ //
+ // Constructor
+ //
+ //--------------------------------------------------------------------------
+
+ /**
+ * Constructor.
+ */
+ public function HighlightBitmapCaptureSkin()
+ {
+ super();
+ }
+
+ //--------------------------------------------------------------------------
+ //
+ // Variables
+ //
+ //--------------------------------------------------------------------------
+
+ /**
+ * Bitmap capture of the target component.
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+ protected var bitmap:Bitmap;
+
+ /**
+ * @private
+ */
+ private var _target:SkinnableComponent;
+
+ /**
+ * Object to target.
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+ public function get target():SkinnableComponent
+ {
+ return _target;
+ }
+
+ public function set target(value:SkinnableComponent):void
+ {
+ _target = value;
+
+ // Add an "updateComplete" listener to the skin so we can redraw
+ // whenever the skin is drawn.
+ if (_target.skin)
+ _target.skin.addEventListener(FlexEvent.UPDATE_COMPLETE,
+ skin_updateCompleteHandler, false, 0, true);
+ }
+
+ /**
+ * Number of padding pixels to put around the bitmap.
+ *
+ * @langversion 3.0
+ * @playerversion Flash 10
+ * @playerversion AIR 1.5
+ * @productversion Flex 4
+ */
+ protected function get borderWeight():Number
+ {
+ return 1;
+ }
+
+ //--------------------------------------------------------------------------
+ //
+ // Overridden methods
+ //
+ //--------------------------------------------------------------------------
+
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ // if we weren't handed a targetObject then exit early
+ if (!target)
+ return;
+
+ var bitmapData:BitmapData = new BitmapData(
+ target.width + (borderWeight * 2),
+ target.height + (borderWeight * 2), true, 0);
+ var m:Matrix = new Matrix();
+
+ capturingBitmap = true;
+
+ // Ensure no 3D transforms apply, as this skews our snapshot bitmap.
+ var transform3D:Matrix3D = null;
+ if (target.$transform.matrix3D)
+ {
+ transform3D = target.$transform.matrix3D;
+ target.$transform.matrix3D = null;
+ }
+
+ // If the target object already has a focus skin, make sure it is hidden.
+ if (target.focusObj)
+ target.focusObj.visible = false;
+
+
+ var skin:Skin = target.skin as Skin;
+ if (skin)
+ skin.beginHighlightBitmapCapture();
+
+ m.tx = borderWeight;
+ m.ty = borderWeight;
+ bitmapData.draw(target as IBitmapDrawable, m);
+
+ if (skin)
+ skin.endHighlightBitmapCapture();
+
+
+ // Show the focus skin, if needed.
+ if (target.focusObj)
+ target.focusObj.visible = true;
+
+ // Transform the color to remove the transparency. The GlowFilter has the "knockout" property
+ // set to true, which removes this image from the final display, leaving only the outer glow.
+ rect.x = rect.y = borderWeight;
+ rect.width = target.width;
+ rect.height = target.height;
+ bitmapData.colorTransform(rect, colorTransform);
+
+ if (!bitmap)
+ {
+ bitmap = new Bitmap();
+ addChild(bitmap);
+ }
+
+ bitmap.x = bitmap.y = -borderWeight;
+ bitmap.bitmapData = bitmapData;
+
+ processBitmap();
+
+ // Restore original 3D matrix if applicable.
+ if (transform3D)
+ target.$transform.matrix3D = transform3D;
+
+ capturingBitmap = false;
+ }
+
+ /**
+ * Apply any post-processing to the captured bitmap.
+ */
+ protected function processBitmap():void
+ {
+ }
+
+ /**
+ * @private
+ */
+ private function skin_updateCompleteHandler(event:Event):void
+ {
+ // We need to redraw whenever the target object skin redraws.
+ if (!capturingBitmap)
+ invalidateDisplayList();
+ }
+ }
+}
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HighlightBitmapCaptureSkin.as
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/HighlightBitmapCaptureSkin.as
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ListSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ListSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ListSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ListSkin.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 a Spark List component.
+
+ @see spark.components.List
+
+ @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="112" minHeight="112"
+ alpha.disabled="0.5" blendMode="normal">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.List")]
+ ]]>
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <fx:Declarations>
+ <!-- Defines the appearance of the the List's drop indicator.
+ To customize the drop indicator appearance, create a custom ListSkin class. -->
+ <fx:Component id="dropIndicator">
+ <s:Group includeInLayout="false" minWidth="2" minHeight="2" maxWidth="4" maxHeight="4">
+ <s:Rect left="2" right="2" top="0" bottom="0" radiusX="1" radiusY="1">
+ <s:fill>
+ <!--- Defines the color of the background. The default color is 0x888888. -->
+ <s:SolidColor color="0x888888" />
+ </s:fill>
+ <s:stroke>
+ <s:SolidColorStroke color="0x686868" weight="1"/>
+ </s:stroke>
+ </s:Rect>
+ </s:Group>
+ </fx:Component>
+ </fx:Declarations>
+
+
+ <!-- border and fill -->
+ <!--- Defines the background appearance of the list-based component. -->
+ <s:Rect id="background" left="0" right="0" top="0" bottom="0" >
+ <s:stroke>
+ <s:SolidColorStroke id="borderStroke" color="0x666666" weight="1"/>
+ </s:stroke>
+ <s:fill>
+ <!--- Defines the color of the background. The default color is 0xFFFFFF. -->
+ <s:SolidColor id="bgFill" color="0x464646" />
+ </s:fill>
+ </s:Rect>
+
+ <!--- The Scroller component to add scroll bars to the list. -->
+ <s:Scroller left="0" top="0" right="0" bottom="0" id="scroller" minViewportInset="1" hasFocusableChildren="false">
+ <!--- The container for the data items. -->
+ <s:DataGroup id="dataGroup" itemRenderer="graphite.skins.DefaultItemRenderer">
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="contentJustify" />
+ </s:layout>
+ </s:DataGroup>
+ </s:Scroller>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ListSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ListSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain