Flex中如何通过brokenImageSkin样式给Image设置一个自定义破损图片Skin的例子

By Minidxer | April 27, 2009

接下来的例子演示了Flex中如何通过brokenImageSkin样式，给Image设置一个自定义破损图片Skin。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.controls.Alert;
  10.  
  11.             private var alert:Alert;
  12.  
  13.             private function image_ioError(evt:IOErrorEvent):void {
  14.                 alert = Alert.show(evt.text, evt.type);
  15.             }
  16.  
  17.             private function loadImage(src:String):void {
  18.                 image.source = src;
  19.             }
  20.         ]]>
  21.     </mx:Script>
  22.  
  23.     <mx:Style>
  24.         Image {
  25.             brokenImageSkin: Embed("assets/flex_logo.jpg");
  26.         }
  27.     </mx:Style>
  28.  
  29.     <mx:ApplicationControlBar dock="true">
  30.         <mx:Button label="Good"
  31.                 click="loadImage('assets/flashplayer_icon.jpg');" />
  32.         <mx:Button label="Bad"
  33.                 click="loadImage('assets/404.gif');" />
  34.     </mx:ApplicationControlBar>
  35.  
  36.     <mx:Image id="image"
  37.             maintainAspectRatio="true"
  38.             scaleContent="false"
  39.             width="200"
  40.             height="200"
  41.             ioError="image_ioError(event);" />
  42.  
  43. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Image | No Comments » | Tags: ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll