Sure,




<?xml version="1.0" encoding="utf-8"?>

<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark" 
                         xmlns:fb="http://ns.adobe.com/flashbuilder/2009";
                         xmlns:components="fr.after24.tests.components.*" 
                         blendMode="normal" mouseEnabled="false"
                         minWidth="150" minHeight="100" alpha.disabled="0.5"
                         alpha.disabledWithControlBar="0.5" 
rollOut="hideControls()"
xmlns:mx="library://ns.adobe.com/flex/mx">
        
        <fx:Metadata>
                
        </fx:Metadata> 
        
        
        <fx:Declarations>
                <s:Fade id="fade" targets="{controls}" duration="250" />
                <mx:Resize id="resize" targets="{this}" duration="250" />
        </fx:Declarations>
        
        
        <fx:Script fb:purpose="styling">
                
        </fx:Script>
        
        
        <s:states>
                
                <s:State name="inactive" stateGroups="inactiveGroup" />
                <s:State name="disabled" />
                
                <s:State name="normal" />
                <s:State name="updating" />
                <s:State name="updatingAndMaximized" />
                <s:State name="normalAndMaximized" />
                
                
                <s:State name="normalWithControlBar" stateGroups="withControls" 
/>
                <s:State name="inactiveWithControlBar" 
stateGroups="withControls,
inactiveGroup" />
                <s:State name="disabledWithControlBar" 
stateGroups="withControls" />
                
        </s:states>
        
        
        
        <s:Group left="0" right="0" top="0" bottom="0">
                
                <s:Rect id="background" left="0" top="0" right="0" bottom="0">
                        <s:fill>
                                <s:SolidColor id="backgroundFill" alpha="0"/>
                        </s:fill>
                </s:Rect>
                
                
                
                
                <s:Group  id="contents" left="0" right="0" top="0" bottom="0">
                        
                        <s:layout>
                                <s:VerticalLayout gap="0" 
horizontalAlign="justify" />
                        </s:layout>
                        
                        
                        
                        
                        <s:Group id="topGroup">
                                
                                <s:Group id="controlsRollOverGroup" left="0" 
right="0" height="35"
mouseEnabledWhereTransparent="false"
                                                 rollOver="{showControls()}" >
                                        
                                        <s:Rect left="{width + 
titleDisplay.width >> 1}" top="0" right="0"
bottom="0">
                                                <s:fill>
                                                        <s:SolidColor 
color="#FF0000" alpha="0.0"/>
                                                </s:fill>
                                        </s:Rect>
                                        
                                        <s:Rect left="0" top="0" bottom="0"
                                                        width="{width + 
(hostComponent.editable ? - titleDisplay.width : +
titleDisplay.width) >> 1}" >
                                                
                                                <s:fill>
                                                        <s:SolidColor 
color="#FF0000" alpha="0.0"/>
                                                </s:fill>
                                        </s:Rect>
                                        
                                </s:Group>
                                
                                
                                
                                <s:Label id="titleDisplay" 
maxDisplayedLines="1" mouseEnabled="true"
                                                 minHeight="25" top="5" 
horizontalCenter="0"
                                                 verticalAlign="middle" 
fontWeight="bold" fontSize="15" />
                                
                                <s:RichEditableText id="titleEditor" 
fontWeight="bold" fontSize="15"
                                                                        
horizontalCenter="0" top="9"
                                                                        
minHeight="25" verticalAlign="middle" 
                                                                        
focusSkin="{NoFocusSkin}" lineBreak="explicit"/>
                        </s:Group>
                        
                        <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0"
minHeight="0" />
                        
                </s:Group>
                
        </s:Group>
        
        
        
        
        <s:PopUpAnchor id="popUp" popUpPosition="topLeft"
popUpWidthMatchesAnchorWidth="false" >
                
                <s:Group id="controls" width="100%" height="{topGroup.height - 
2.5}"
alpha="0"
                                 mouseEnabledWhereTransparent="false" 
rollOut="{hideControls()}"
rollOver="checkRollOverTimeout(event)"  >
                        
                        <s:Rect left="{width + titleDisplay.width >> 1}" 
right="0"
                                        height="{controlsRollOverGroup.height}" 
minWidth="{width -
titleDisplay.width >> 1}"
                                        >
                                <s:fill>
                                        <s:SolidColor color="#0000FF" 
alpha="0.0" />
                                </s:fill>
                                
                        </s:Rect>
                        
                        <s:Rect width="{width + (hostComponent.editable ? - 
titleDisplay.width :
+ titleDisplay.width) >> 1}" 
                                        height="{controlsRollOverGroup.height}" 
>
                                
                                <s:fill>
                                        <s:SolidColor color="#0000FF" 
alpha="0.0" />
                                </s:fill>
                        </s:Rect>
                        
                        <s:HGroup id="controlsGroup" verticalAlign="middle" 
verticalCenter="0" 
                                          left="{width + titleDisplay.width >> 
1}" paddingLeft="7">
                                
                                <s:Group id="dragArea" buttonMode="true" 
useHandCursor="true"
mouseEnabled="true" width="10" height="10">
                                        <s:BitmapImage
source="@Embed(source='fr/after24/tests/assets/moveArea.png')" />
                                </s:Group>
                                
                                <components:BitmapButton id="updateButton" 
buttonMode="true"
useHandCursor="true"
                                                                                
imageSource="@Embed(source='fr/after24/tests/assets/updateButton.png')"
                                                                                
 enabled="{!hostComponent.isUpdating}" />
                                
                                <components:BitmapButton id="maximizeButton" 
buttonMode="true"
useHandCursor="true"
                                                                                
 excludeFrom="normalAndMaximized,updatingAndMaximized"
                                                                                
imageSource="@Embed(source='fr/after24/tests/assets/maximizeButton.png')" />
                                
                                <components:BitmapButton id="minimizeButton" 
buttonMode="true"
useHandCursor="true"
                                                                                
 includeIn="normalAndMaximized, updatingAndMaximized" 
                                                                                
imageSource="@Embed(source='fr/after24/tests/assets/minimizeButton.png')" />
                                
                                <components:BitmapButton id="closeButton" 
buttonMode="true"
useHandCursor="true"
                                                                                
imageSource="@Embed(source='fr/after24/tests/assets/closeButton.png')" />
                                
                        </s:HGroup>
                        
                </s:Group>
                
        </s:PopUpAnchor>
        
</s:SparkSkin>




--
View this message in context: 
http://apache-flex-users.2333346.n4.nabble.com/Skinning-issue-tp5522p5540.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Reply via email to