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

发布于 2024-12-05 04:46:53 字数 216 浏览 2 评论 0原文


我有一个带有图标的按钮。我希望按钮呈灰色,因此我更改了 chromeColor,但是当我这样做时,图标变得更暗。

left: 按钮未更改 - right:按钮有其他颜色

左侧为未更改颜色的按钮,右侧为带有较暗图标的灰色按钮。
如何在不更改图标颜色的情况下拥有灰色按钮 ?

I have a button with an icon. I want to have the button in gray so I change the chromeColor but when I do that, the icon became darker.

left: button unchange - right:button with other color

On the left the button without changing the color, on the right, the gray button with and darker icon.
How can I have a gray button without changing the icon color
?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

腹黑女流氓 2024-12-12 04:46:53

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

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

希望这会有所帮助。

You can do this by modifying the skin class and adding "iconDisplay" to the exclusion array. At the end the line should look like this:

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

Hope this helps.

还不是爱你 2024-12-12 04:46:53

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

What SDK are you using? If you are in the 4.* range, then I think you should look at applying a custom skin on the button.

孤芳又自赏 2024-12-12 04:46:53

如前所述,这可以通过自定义皮肤来完成。要使用 flash builder 创建自定义皮肤:

  1. 在“src”内创建一个新包“skins”。
  2. 右键单击皮肤,然后单击“新建 > MXML 皮肤”。
  3. 为其命名,例如“CustomButtonSkin”。
  4. 选择主机组件“spark.components.Button”。
  5. 创建为“spark.skins.spark.ButtonSkin”的副本。
  6. 将“iconDisplay”添加到“exclusions:Array”中。

    静态私有常量排除:Array = ["labelDisplay", "iconDisplay"];
    
  7. 将新的自定义皮肤应用到您的按钮。

    ;
    

As said, it can be done through a custom skin. To create a custom skin with flash builder:

  1. Create a new package "skins" inside "src".
  2. Right click on skins and click on "New > MXML Skin".
  3. Give it a name, for instance "CustomButtonSkin".
  4. Pick the host component "spark.components.Button".
  5. Create as copy of "spark.skins.spark.ButtonSkin".
  6. Add "iconDisplay" to the "exclusions:Array".

    static private const exclusions:Array = ["labelDisplay", "iconDisplay"];
    
  7. Apply the new custom skin to your buttons.

    <s:Button id="MyCustomButton" skinClass="skins.CustomButtonSkin" icon="@Embed(source='...')" />
    
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文