更改按钮颜色时图标的颜色

时间:2011-09-16 08:48:20

标签: flex button colors icons flex4.5


我有一个带图标的按钮。我希望按钮处于灰色状态,因此我更改chromeColor,但是当我这样做时,图标会变暗。

left: button unchange - right:button with other color

左边的按钮没有改变颜色,右边是灰色按钮,带有更暗的图标。
如何在不改变图标颜色的情况下使用灰色按钮 ?

3 个答案:

答案 0 :(得分:3)

您可以通过修改外观类并将“iconDisplay”添加到排除数组来完成此操作。最后,该行应如下所示:

static private const exclusions:Array = ["labelDisplay","iconDisplay"];

希望这有帮助。

答案 1 :(得分:1)

您使用的是什么SDK?如果你在4. *范围内,那么我认为你应该考虑在按钮上应用自定义皮肤。

答案 2 :(得分:0)

如上所述,它可以通过自定义皮肤完成。要使用Flash Builder创建自定义外观:

  1. 创建一个新包"皮肤"在里面" src"。
  2. 右键单击皮肤,然后单击"新建> MXML Skin"。
  3. 为其命名,例如" CustomButtonSkin"。
  4. 选择主机组件" spark.components.Button"。
  5. 创建" spark.skins.spark.ButtonSkin"的副本。
  6. 添加" iconDisplay"到"排除:数组"。

    static private const exclusions:Array = ["labelDisplay", "iconDisplay"];
    
  7. 将新的自定义皮肤应用于按钮。

    <s:Button id="MyCustomButton" skinClass="skins.CustomButtonSkin" icon="@Embed(source='...')" />