在Flex中给Image组件无法显示时设置一个默认的图

实例演示了怎样在Image组件中图片无法显示时利用 brokenImageSkin 风格显示一个默认的图

代码：

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white" viewSourceURL="srcview/index.html">

<mx:Script>
<![CDATA[
import mx.controls.Alert;

private var alert:Alert;

private function image_ioError(evt:IOErrorEvent):void {
alert = Alert.show(evt.text, evt.type);
}

private function loadImage(src:String):void {
image.source = src;
}
]]>
</mx:Script>

<mx:Style>
Image {
brokenImageSkin: Embed("assets/404.jpg");
}
</mx:Style>

<mx:ApplicationControlBar dock="true">
<mx:Button label="Good"
click="loadImage('flashplayer_icon.jpg');" />
<mx:Button label="Bad"
click="loadImage('flex_icon.gif');" />
</mx:ApplicationControlBar>

<mx:Image id="image"
maintainAspectRatio="true"
scaleContent="false"
width="200"
height="200"
ioError="image_ioError(event);" />

</mx:Application>