使用BitmapImage图标创建Flex按钮外观

Posted 2021-05-06

我一直在遵循有关创建Button皮肤的好教程，该按钮允许您添加不同的图像：

http://brianackermann.wordpress.com/2010/05/06/flex-4-reusable-icon-button-skins/#expandSource

经过一些小的更改后，效果很好，但是当我在另一个项目中使用相同的类，皮肤和图像时，图像始终看起来是混合的或透明的。我尝试调整皮肤，应用程序和样式表中的图像混合模式设置和Alpha。

2个绿色图像应与白色图像相匹配。按钮是蓝色方块：

http://i.stack.imgur.com/V8YZs.jpg

背景XX用来显示图像应该是不透明的位置

（（编辑，将这部分与文章分开，以避免在注释中解决后造成混淆）：发生错误，因为我的皮肤中的标签没有id =“ LabelDisplay”。下载的教程项目中的按钮不需要此按钮。一旦添加id =“ LabelDisplay”，就解决了这一部分。

答案

在IconButton皮肤中是数组常量exclusions。只需将BitmapImage的ID添加到此数组中，就会导致SparkSkin类将BitmapImage排除在着色之外：

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

现在正确显示。