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"