Flex：按钮样式弄乱了 FlexChrome答案

【问题标题】：Flex: Button style messing up FlexChromeFlex：按钮样式弄乱了 FlexChrome
【发布时间】：2010-11-08 01:27:40
【问题描述】：

我的 air 应用正在使用 FlexChrome 而不是系统 chrome。问题是我还有一个 .CSS 用于设置 Button 类的皮肤。这也改变了 flex chrome 中的 3 个按钮（最小化、最大化、关闭），这是不希望的。有没有办法让它不影响 Flex chrome 按钮？

此外，css 文件位于中心位置，我将它用于许多应用程序，因此我不想更改 css 文件，而只更改我的应用程序中的某些内容，这样我就不会影响其他项目。如果可以的话。

谢谢！

【问题讨论】：

标签： apache-flex air

【解决方案1】：

一种解决方案是为您的自定义按钮样式命名，然后为您的按钮命名为 styleName。也许不是最佳解决方案，因为您必须对每个按钮都这样做（尽管从您的主容器级联也可以。）

另一种解决方案是通过 MaximizeButtonSkin、minimizeButtonSkin 和 restoreButtonSkin 样式设置按钮的外观。也许即使只是将它们设置为各自的默认值也可以：

/**
 *  Skin for maximize button when using Flex chrome.
 *
 *  @default mx.skins.halo.WindowMaximizeButtonSkin
 */
[Style(name="maximizeButtonSkin", type="Class", inherit="no",states="up, over, down, disabled")]

/**
 *  Skin for minimize button when using Flex chrome.
 *
 *  @default mx.skins.halo.WindowMinimizeButtonSkin
 */
[Style(name="minimizeButtonSkin", type="Class", inherit="no",states="up, over, down, disabled")]

/**
 *  Skin for restore button when using Flex chrome.
 *  This style is ignored for Mac OS X.
 *
 *  @default mx.skins.halo.WindowRestoreButtonSkin
 */
[Style(name="restoreButtonSkin", type="Class", inherit="no",states="up, over, down, disabled")]

【讨论】：