flex-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From scott matheson <sc...@matheson.it>
Subject Color a Skin ButtonBar
Date Fri, 27 Sep 2013 21:03:47 GMT
> Hi
>    I have skinned a buttonbar, I have replaced the button with a O  as  FXG 
> 
> this is a 2 level skin, 
> 
> I want  top to pass down the color to be used to fill in the O
> 
> 
> I tried to use  <s:SolidColor id="cfill" color="{hostComponent.stageColor}" 
> 
> 
> with out any luck
>  
> 
> 
> ========================================================================================
> 
> Component 
> 
> 
> <?xml version="1.0" encoding="utf-8"?>
> <s:ButtonBar xmlns:fx="http://ns.adobe.com/mxml/2009"
> 			 xmlns:s="library://ns.adobe.com/flex/spark"
> 			 xmlns:mx="library://ns.adobe.com/flex/mx"
> 			 skinClass="com.peach.uofs.lesson.ActivityButtonBarSkin">
> 	<fx:Declarations>
> 		<!-- Place non-visual elements (e.g., services, value objects) here -->
> 		
> 		<fx:String id="stageColor" />
> 	</fx:Declarations>
> 
> 	
> </s:ButtonBar>
> 
> ========================================================================================
> --- then ---
> 
> PS do you need all 3 button declarations ???
> 
> 
> 
> <?xml version="1.0" encoding="utf-8"?>
>  
> .
> .
> .
> .
> 
>     <s:states>
>         <s:State name="normal" />
>         <s:State name="disabled" />
>     </s:states>
>     
>     <fx:Declarations>
>         <!--- 
>             @copy spark.components.ButtonBar#firstButton
>             @default spark.skins.spark.ButtonBarFirstButtonSkin
>             @see spark.skins.spark.ButtonBarFirstButtonSkin
>         -->
>         <fx:Component id="firstButton">
>             <s:ButtonBarButton skinClass="com.peach.uofs.lesson.ActivityButtonBarButton"
/>
>         </fx:Component>
> 
>         <!--- 
>             @copy spark.components.ButtonBar#middleButton
>             @default spark.skins.spark.ButtonBarMiddleButtonSkin
>             @see spark.skins.spark.ButtonBarMiddleButtonSkin
>         -->
>         <fx:Component id="middleButton" >
>             <s:ButtonBarButton skinClass="com.peach.uofs.lesson.ActivityButtonBarButton"
/>
>         </fx:Component>
> 
>         <!--- 
>             @copy spark.components.ButtonBar#lastButton
>             @default spark.skins.spark.ButtonBarLastButtonSkin
>             @see spark.skins.spark.ButtonBarLastButtonSkin
>         -->
>         <fx:Component id="lastButton" >
>             <s:ButtonBarButton skinClass="com.peach.uofs.lesson.ActivityButtonBarButton"
/>
>         </fx:Component>
> 
>     </fx:Declarations>
> 
> 
> .
> .
> .
> .
> .
> 
> </s:Skin>
> 
> 
> ========================================================================================
> 
> --- then 
> 
> .
> .
> .
> ..
> 
> 
> 	<s:Group   >
> 		<s:Ellipse width="14.9727" height="14.9727"
> 				   horizontalCenter="0" verticalCenter="0">
> 			<s:fill>
> 				<s:SolidColor id="cfill" color="{hostComponent.stageColor}"  />
> 			</s:fill>
> 			<s:stroke>
> 				<s:SolidColorStroke weight="1.29532" caps="none" joints="miter" miterLimit="4"
color="#505050"/>
> 			</s:stroke>
> 		</s:Ellipse>
> 	</s:Group>


Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message