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

以前不知道怎么样才能平滑，今天看了一个小技巧才知道，原来将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

This entry was posted on Saturday, April 5th, 2008 at 11:02 pm and is filed under Flex3开发实例. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.