·您当前的位置:首页 > 技术教程 > Flex技术 >

[Flex]加载图片的例子允许手工设置图片的宽和高

时间:2013-01-18 23:30cnblogs.com
[Flex]加载图片的例子允许手工设置图片的宽和高:我把1.jpg放到test包里了,写路径的话就需要这么写:/test/1.jpg,不然可以会出现无法解析用于转换代码的错误

加载图片的例子,并且允许手工设置图片的宽和高

  1. <fx:Script> 
  2.     <![CDATA[ 
  3.   
  4.         protected function button1_clickHandler(event:MouseEvent):void 
  5.         { 
  6.             img.width = Number(imgWidth.text); 
  7.             img.height = Number(imgHeight.text); 
  8.         } 
  9.   
  10.     ]]> 
  11. </fx:Script> 
  12.   
  13. <fx:Declarations> 
  14.     <!-- 将非可视元素(例如服务、值对象)放在此处 --> 
  15. </fx:Declarations> 
  16. <mx:Image x="106" y="162" source="@Embed('/test/1.jpg')" width="211" height="182" id="img"/> 
  17. <s:Button x="220" y="38" label="设置" click="button1_clickHandler(event)"/> 
  18. <s:TextInput x="109" y="38" width="35" id="imgWidth"/> 
  19. <s:TextInput x="162" y="38" width="35" id="imgHeight"/> 

我把1.jpg放到test包里了,写路径的话就需要这么写:@Embed('/test/1.jpg'),不然可以会出现“无法解析用于转换代码”的错误;

Number()用于将给定值转换成数字值,用法很简单;

如果需要让图片加载的时候宽度和高度跟图片原始宽高度一样,可以这么写:<mx:Image x="106" y="162" source="@Embed('/test/1.jpg')" width="100%" height="100%" id="img" autoLoad="true" scaleContent="false"/>

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器