flex4如何设置Panel的标题样式？

Question

在flex4中如何设置Panel的标题样式？ 例如，如何将标题对齐设置为居中？ 任何建议都会有帮助。 提前致谢。

Answer 1

您只需为面板定义一个新外观并更改其中的textAlign属性。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" 
           minWidth="955" minHeight="600">

<s:Panel 
    width="200" height="150" 
    left="40" top="40" 
    title="This is my panel" 
    skinClass="assets.skins.MyPanelSkin"/>

</s:Application>

在您的皮肤文件中，您需要找到此块：

    <!-- layer 3: text -->
    <!--- @copy spark.components.Panel#titleDisplay -->
    <s:Label id="titleDisplay" maxDisplayedLines="1"
    left="9" right="3" top="1" bottom="0" minHeight="30"
    verticalAlign="middle" textAlign="start" fontWeight="bold">
    </s:Label>

并改变

textAlign="start"

至

textAlign="center"