Question

我正在为我的Flex应用程序创建一个登录框。但是，我需要在此框中应用特定的设计，我必须更改标题栏的高度。

我正在使用的组件是spark.components.Panel。我找不到这个'Panel'组件的属性来改变这个功能。

有什么建议吗？

Answer 1

你不能通过造型来做到这一点;你必须创建一个自定义皮肤。要在Flash-Builder中执行此操作：右键单击要在其中创建外观的包上的项目树。选择“新建”，然后选择“MXML皮肤”。填写向导并选择制作Spark PanelSkin的副本。这会将默认spark面板外观的整个代码复制到您的自定义外观类中，现在您可以根据自己的意愿开始调整它。

查找名为'topGroup'的组：它包含Panel组件顶部的所有元素。您可以根据需要随意使用，但最简单的答案是找到名为'titleDisplay'的标签。

<s:Group id="topGroup" mask="{topGroupMask}">

    <!-- some other elements -->

    <s:Label id="titleDisplay" maxDisplayedLines="1"
             left="9" right="3" top="1" bottom="0" minHeight="30"
             verticalAlign="middle" textAlign="start" fontWeight="bold">
    </s:Label>

    ...

你看到'minHeight'财产吗？那就是定义标题栏高度的那个。再给它一些，你准备好了。

您可以像这样应用自定义皮肤：

<s:Panel skinClass="path.to.my.CustomPanelSkin" />

如何更改spark.components.Panel的标题栏高度？

1 个答案: