Flex 自定义组件外观

核心提示： SWF 文件实现SWF 文件实现就是用 SWF 文件中具体的某一帧（MoiveClip）作为控件皮肤，修改 位图实现部分的 Embed 标签，Flex 自定义组件外观(4)，构建的新的示例，如清单 2.清单 2. 使用 SWF 具体某帧作为皮肤<mx:Style>Button{up-

SWF 文件实现

SWF 文件实现就是用 SWF 文件中具体的某一帧（MoiveClip）作为控件皮肤，修改 位图实现部分的 Embed 标签，构建的新的示例，如清单 2.

清单 2. 使用 SWF 具体某帧作为皮肤

　<mx:Style>　
　　　Button{　
　　　　　up-skin:Embed(source="images/bg.swf",symbol="btnUP");　
　　　　　　over-skin:Embed(source="images/bg.swf",symbol="btnOVER");　
　　　　　　down-skin:Embed(source="images/bg.swf",symbol="btnDOWN");　
　　　　}　
　</mx:Style>　
　<mx:Button　id="btn"　label="Hello　World"　width="100"　height="60"/>　

上面代码 Embed 中的 source 指向了一个 SWF 文件，没有与九宫格相关的布局属性，出现了新的属性：symbol，它是 SWF 文件中某一帧的标识符，意思是使用指定的帧作为皮肤。清单 2 的效果如图 3. 从左至右分别是 upSkin、downSkin、overSkin 的效果。

图 3. SWF 实现效果展示图

这种特殊的 SWF 文件需要用到 Flash 开发工具，具体的开发方法读者可以查阅相关的 Flash 资料。