更改Flex 4 spark按钮的颜色

时间:2010-12-15 23:26:24

标签: button flex4 flex-spark

是否有一种简单的方法可以更改Flex 4火花按钮的背景颜色而不会弄乱皮肤?

更新 :好的,想通了,只需设置Button mxml的chromeColor属性。

3 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:1)

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

更新:以上方法不会更改背景。

更改背景的最简单方法是,您可以使用 - opaqueBackground属性。

以下是更改按钮背景而不更改其外观的另一种方法 - 1.创建一个包含矩形和按钮的组。 2.将按钮的opaqueBackground设置为null。 3.将矩形的widthheight设为100% 4.填充矩形的任何颜色都是按钮的背景。

答案 2 :(得分:1)

这也可以通过以下代码完成: -

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)
}

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