如何在 SparkChromeWindowApplication 中设置 TItle 的样式？答案

【问题标题】：How do you set the style of the TItle in SparkChromeWindowApplication?如何在 SparkChromeWindowApplication 中设置 TItle 的样式？
【发布时间】：2015-03-12 10:56:05
【问题描述】：

我正在尝试在 Spark Window 应用程序中设置标题标签的标题。我想如果我能找到正确的 CSS 选择器，我可以设置它，但我找不到它。

    WindowedApplication  {
        skinClass:ClassReference("spark.skins.spark.SparkChromeWindowedApplicationSkin");
    }

    WindowedApplication > TitleBar { 
        fontSize: 24; /* this doesn't work */
    }

这里是关于 Spark Window 应用程序的更多信息， http://help.adobe.com/en_US/Flex/4.0/UsingSDK/WSacd9bdd0c5c09f4a-690d4877120e8b878b0-7fd8.html

更新：

看起来样式是在 MacTitleBarSkin 中内联定义的。因此，即使我可以使用 CSS 为它们设置样式，也没有比内联样式更具体的了。我试图删除 MacTitleBarSkin 中的样式，但它们似乎没有被删除。 PS 我正在使用 Flex 4.14RC。

【问题讨论】：

标签： apache-flex air flex4

【解决方案1】：

WindowedApplication 本身的标题不能以编程方式更改。它基于操作系统设置。

如果您确实想自定义它，则必须自定义完整的应用程序容器（包括关闭/最大化/最小化按钮）。您可以通过在应用程序描述符中将<systemChrome></systemChrome> 设置为“none”来实现此目的。

【讨论】：

使用 SparkChromeWindowedApplicationSkin 它不是 chrome 的一部分。我认为样式不起作用，因为它们是在 MacTitleBarSkin 中内联定义的，但我尝试删除它们并没有改变。
您是否更改了应用程序描述符 systemChrome 属性？如果没有，这是您在问题中提供的文章的引述：“如果 systemChrome 在应用程序 .xml 文件（或 ActionScript 中的 flash.display.NativeWindowSystemChrome.STANDARD）中设置为“标准”，则操作系统会呈现 chrome。”
是的。谢谢你提到这一点。我已将其更改为无。对于我上面提到的 Spark 皮肤，标题栏是皮肤的一部分。

【解决方案2】：

看起来这可行，但您必须将皮肤复制到您的项目中，然后删除 MacTitleBarSkin 中 titleText 标签上的样式：

    windowChrome|MacTitleBarSkin s|Group s|Label#titleText {
        fontSize: 12;
        color: red;
    }

请参阅this post，了解如何将皮肤导入您的项目。

【讨论】：