白桦的天空

第一次的心动,永远的心痛!
  首页  :: 新随笔  :: 联系 :: 管理

让Image组件中的图片缩放旋转平滑的方法

Posted on 2008-06-25 13:05  白桦的天空  阅读(635)  评论(1编辑  收藏  举报

以前不知道怎么样才能平滑,今天看了一个小技巧才知道,原来将image.content转为位图,设置位图对象的平滑属性为真就可以了,真简单啊!
下面这个例子做了对比测试,缩放一下就看出来了:

>> XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
  3.     <mx:Script>
  4.         <![CDATA[
  5.             private function smoothingImage():void{
  6.                 Bitmap(smothingImg.content).smoothing = true;            
  7.             }
  8.         ]]>
  9.     </mx:Script>
  10.     <mx:VBox width="40%" height="100%" borderStyle="solid">
  11.         <mx:FormItem label="Not smoothing Image">
  12.             <mx:HSlider id="sldra" value="1" minimum="0" maximum="2" labels="[0,2]"/>
  13.         </mx:FormItem>
  14.         <mx:Image id="normalImg" source="assets/yangliu.jpg" scaleX="{sldra.value}" scaleY="{sldra.value}"/>       
  15.     </mx:VBox>
  16.     <mx:VBox width="40%" height="100%" borderStyle="solid">
  17.         <mx:FormItem label="Smoothing Image">
  18.             <mx:HSlider id="sldrb" value="1" minimum="0" maximum="2" labels="[0,2]"/>
  19.         </mx:FormItem>
  20.         <mx:Image id="smothingImg" source="assets/yangliu.jpg" scaleX="{sldrb.value}" scaleY="{sldrb.value}"
  21.              complete="smoothingImage();"/>  
  22.     </mx:VBox>
  23. </mx:Application>

 

Tags: bitmap, image