Flex设置LinkButton的背景色有思路有源码

Flex里的LinkButton组件，默认并没有直接提供背景色设置属性，这确实是个小麻烦。不过，解决思路其实就两条：要么通过样式方法直接绘制背景色，要么给它贴一张背景图片。这里咱们重点聊第一种——纯代码画背景色，不依赖任何外部资源。

1、设计思路

既然Flex的LinkButton没有现成的背景色属性，那我们就得从底层入手。利用Graphics对象在组件上直接画一个矩形填充色，时机要选在组件初始化完成之后。这样既灵活又轻量，不用额外加载图片。

2、设计源码

核心代码非常简单：在creationComplete事件中，通过myLinkButton.graphics开始填充，画一个和按钮尺寸一致的矩形，然后结束填充。注意，画的时候要确保按钮已经完成了布局，否则宽高可能不准。下面是完整的MXML示例：

这里的关键点有两个：一是beginFill里填的是颜色值（0x00FF00是绿色），二是drawRect的坐标从(0,0)开始，长宽直接取按钮的宽高。这样画出来的矩形正好覆盖住LinkButton的可视区域，效果立竿见影。

3、设计结果

运行后，LinkButton的背景就会变成绿色，如下图所示。注意，如果按钮有边框或内边距，可能需要微调绘制区域，但这个基础版本已经能覆盖大部分场景了。

说到底，这种用Graphics直接绘制的方式，比用图片更灵活，颜色可以动态变化，也不依赖外部资源。如果你需要不同颜色、圆角甚至渐变，稍加扩展就能实现——这才是真正的“一劳永逸”。