修改spark Panel的title bar的高度

如果是mx|Panel 有headerHeight可是简单的设置高度,

可是在spark Panel里面, 可以在skinclass里面,

里面有一段是titlebar的代码, 修改height="30"值就可以了:

 

 <s:Group id="topGroup" mask="{topGroupMask}">
 
                <!-- layer 0: title bar fill -->
                <s:Rect id="tbFill"
                        left="0" right="0" top="0" bottom="1"
                        alpha="0.2">
                    <s:fill>
                        <s:LinearGradient rotation="90">
                            <s:GradientEntry color="0xE2E2E2" />
                            <s:GradientEntry color="0xD9D9D9" />
                        </s:LinearGradient>
                    </s:fill>
                </s:Rect>
 
                <!-- layer 1: title bar highlight -->
                <s:Rect id="tbHilite"
                        left="0" right="0" top="0" bottom="0"
                        alpha="0.2">
                    <s:stroke>
                        <s:LinearGradientStroke rotation="90" weight="1">
                            <s:GradientEntry color="0xEAEAEA" />
                            <s:GradientEntry color="0xD9D9D9" />
                        </s:LinearGradientStroke>
                    </s:stroke>
                </s:Rect>
 
                <!-- layer 2: title bar divider -->
                <s:Rect id="tbDiv"
                        left="0" right="0" height="1" bottom="0"
                        alpha="0.2">
                    <s:fill>
                        <s:SolidColor color="0xC0C0C0" />
                    </s:fill>
                </s:Rect>
 
                <!-- layer 3: text -->
                <s:Label id="titleDisplay"
                         maxDisplayedLines="1"
                         left="9" right="3" top="1" bottom="0"
                         height="30"
                         verticalAlign="middle" fontWeight="bold">
                </s:Label>
</s:Group>