TitleWindowSkin、TitleWindowCloseButtonSkin、着色：如何在自定义组件中复制此行为？

Question

我正在尝试在自定义组件中使用 spark.skins.spark.TitleWindowCloseButtonSkin ，并使其在主题上看起来与 TitleWindow 中的外观相似。只需将其指定为 Button 的外观类就没有问题。我还对所有 TitleWindow 类应用了 .css 样式，该样式会影响 TitleWindow 中的关闭按钮。如果我在 .css 中设置 TitleWindow 的镶边颜色，那么关闭按钮皮肤也会被着色以匹配该颜色。我的自定义组件也使用与我的 TitleWindow 相同的样式引用。但是我的自定义组件内的 Button 实例没有着色。因此，虽然我有带有蓝色关闭按钮的蓝色 TitleWindow ，但我有一个带有默认灰色背景关闭按钮的蓝色自定义组件（按下按钮时，会出现灰色背景）。

通过着色机制， TitleWindowSkin 和 TitleWindowCloseButtonSkin 一定发生了一些事情，但我不明白它是什么。我应该如何解决这个问题？我需要使自定义组件中的关闭按钮样式与 TitleWindows 中的关闭按钮样式相匹配。

这是问题的图片：

TitleWindow 都位于左侧图片。自定义组件位于右侧。 在左侧框架中，您可以看到 TitleWindow 关闭按钮位于向下位置，请注意，其向下状态已着色以匹配 TitleWindowSkin 的主题。在右侧，您可以看到自定义组件的关闭按钮的按下状态。我不知道如何对默认灰色进行着色以匹配应用于自定义组件的蓝色主题。

我确信有很多方法可以解决这个问题。我正在寻找最“正确”的方法。我不想对颜色进行硬编码，因为稍后会有真正的设计师介入并调整 .css。

PS 我的自定义组件扩展自spark.components.Group。这会是一个问题吗？？？ 我还应该提到，使用默认 Spark ButtonSkin do 的普通 Button 实例似乎在自定义组件中得到了正确的样式（这个问题如此令人沮丧的部分原因）。

编辑：是的，是的，确实看起来解决方案的第一步是继承 SkinnableComponent 而不是 Group 或 UIComponent ...

Answer 1

在您的 TitleWindowSkin 中，您需要在顶部的排除数组中添加“closeButton”，我已经解决了同样的问题。

Answer 2

嗯，这很奇怪，因为我似乎找不到任何对铬色或关闭按钮皮肤中任何内容的引用：

<s:Rect left="0" top="0" right="0" bottom="0">
        <s:stroke>
            <s:SolidColorStroke color="0x000000"
                                alpha="0.0"
                                alpha.over="0.7"
                                alpha.down="0.7"
                                weight="1"/>
        </s:stroke>
        <s:fill>
            <s:SolidColor color="0xCCCCCC" alpha="0" alpha.down="0.7" />
        </s:fill>
    </s:Rect>

如果我是你，我只会根据关闭按钮皮肤创建一个皮肤，并引用使用 getStyle 样式颜色，可以在 css 中更改。

Answer 3

好的，所以我已经大部分解决了问题。这是因为我没有在自定义组件上使用正确的皮肤技术。自定义组件逻辑很好，但我需要准备一个单独的外观类，它实际上实例化自定义组件的“部分”（即：子组件）。目前，自定义组件在 createChildren() 中执行此操作。此外，为了利用着色机制，皮肤类必须继承自 SparkSkin。 TitleWindowCloseButton 实例需要是自定义组件外观类的成员（并且在自定义组件类中具有引用）。 SparkSkin 将自动对自定义组件皮肤的每个子级进行颜色转换（着色），除非明确排除它。最后，回到自定义组件，重写partAdded()，当“closeButton”出现时，添加关闭按钮的事件处理程序。感觉很凯恩戈姆……但我离题了（必须抑制对“帮助”类的愚蠢行为咆哮的冲动）。