更改 Flex 4 火花按钮的颜色答案

【问题标题】：Change color of a Flex 4 spark Button更改 Flex 4 火花按钮的颜色
【发布时间】：2011-05-26 06:07:34
【问题描述】：

有没有一种简单的方法可以更改 Flex 4 spark Button 的背景颜色而不会弄乱皮肤？

更新：好的，想通了，只需设置 Button mxml 的 chromeColor 属性即可。

【问题讨论】：

标签： button flex4 flex-spark

【解决方案1】：

对于 spark 组件，可以使用 chromeColor 样式：
<s:Button chromeColor="0xff0000" label="chrome red"/>

【讨论】：

【解决方案2】：

您可以更改按钮的color 样式。您也可以使用位图填充。

更新：以上方法不改变背景。

最简单的改变背景的方法，你可以使用-opaqueBackground属性。

这是改变按钮背景而不改变其皮肤的另一种方法 - 1. 用一个矩形和你的按钮创建一个组。 2. 将按钮的opaqueBackground 设置为空。 3.将矩形的width和height制作成100% 4. 填充矩形的任何颜色都是按钮的背景。

【讨论】：

如何更改颜色样式？如果我这样做它只会更改标签，而不是背景。

【解决方案3】：

这也可以通过如下代码来完成：-

btnID.addEventListener(MouseEvent.MOUSE_OVER, textChange);
btnID.addEventListener(MouseEvent.MOUSE_OUT, textChangeback);

private function textChange(event:MouseEvent):void
{
    btnLinkDelete.setStyle("color", 0xFFFFFF)
    btnLinkDelete.setStyle("chromeColor", 0x535151)
}

private function textChangeback(event:MouseEvent):void
{
    btnLinkDelete.setStyle("color", 0x000000)
    btnLinkDelete.setStyle("chromeColor", 0xfcffff)
}

如果有人想在鼠标悬停时更改背景颜色，我将发布它。

【讨论】：