Jun 30

Flex中通过设置autoLoad属性阻止Image控件自动加载图片的例子

FlexAdd comments

很多时候我们需要在应用中，通过点击某个按钮或者作某项操作之后才允许Image控件加载图片。接下来的例子就演示了Flex中如何通过设置autoLoad属性为false，阻止Image控件自动加载图片。在点击“Load Image”按钮后才加载图片。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:ApplicationControlBar dock="true">
  8.         <mx:Button id="btn"
  9.                 label="Load Image"
  10.                 click="img.load();" />
  11.     </mx:ApplicationControlBar>
  12.  
  13.     <mx:Image id="img"
  14.             autoLoad="false"
  15.             source="assets/Fx.png"
  16.             maintainAspectRatio="true"
  17.             percentWidth="100"
  18.             percentHeight="100" />
  19.  
  20. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , ,

Leave a Reply