在Flex中给Image组件无法显示时设置一个默认的图
实例演示了怎样在Image组件中图片无法显示时利用 brokenImageSkin 风格显示一个默认的图代码：
<div class="code"><?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>
页:
[1]