【发布时间】：2011-09-16 08:48:20
【问题描述】：
我有一个带有图标的按钮。我想让按钮变成灰色，所以我更改了chromeColor，但是当我这样做时，图标变暗了。
左侧的按钮不更改颜色，右侧的灰色按钮带有和较暗的图标。
如何在不更改图标颜色的情况下获得灰色按钮
?
【问题讨论】：
标签： apache-flex button colors icons flex4.5
【发布时间】：2011-09-16 08:48:20
【问题描述】：
您可以通过修改外观类并将“iconDisplay”添加到排除数组来实现此目的。最后一行应该是这样的：
static private const exclusions:Array = ["labelDisplay","iconDisplay"];
希望这会有所帮助。
【讨论】：
您使用的是什么 SDK？如果您在 4.* 范围内，那么我认为您应该考虑在按钮上应用自定义皮肤。
【讨论】：
-
有 flex4.5 标签所以...我使用的是 Flex 4.5
-
是的...我没看到。如果是这样的话，我建议使用自定义皮肤。
如前所述，它可以通过自定义皮肤来完成。使用 flash builder 创建自定义皮肤：
- 在“src”中创建一个新包“skins”。
- 右键单击皮肤，然后单击“新建 > MXML 皮肤”。
- 为其命名，例如“CustomButtonSkin”。
- 选择宿主组件“spark.components.Button”。
- 创建为“spark.skins.spark.ButtonSkin”的副本。
-
将“iconDisplay”添加到“exclusions:Array”中。
static private const exclusions:Array = ["labelDisplay", "iconDisplay"]; -
将新的自定义外观应用到您的按钮。
<s:Button id="MyCustomButton" skinClass="skins.CustomButtonSkin" icon="@Embed(source='...')" />
【讨论】：