加载PNG后其透明区域不响应事件

作者:网络 来源:佚名 更新时间:2009-08-14 07:59:09 点击:
有时候我们希望加载png后其透明区域不响应事件..

网上的一般的方法为~
先获取其bitmapdata对象..

当进行点击操作时使用..
bitmapdata.getpixel32(x,y)获取..
点击位置的是否透明..
然后再操作...

而mosueover与mouseout等事件稍为复杂点..
需要侦听mousemove..
然后对经过的坐标进行透明判断~~再抛出相应的事件...

今天介绍的方法原理跟上面差不多..
不过我们使用sprite的另一个属性hitarea..(关于hitarea的说明请查看这里)
在图像加载完毕后..
先绘制一个去除了透明部份的sprite..
然后把该sprite指定为源对象的hitarea..

先看看效果: 


代码也很简单:main.mxml
 
01.<?xml version="1.0" encoding="utf-8"?>
02.<mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
03.    <mx:script>
04.        <![cdata[
05.            import mx.managers.cursormanager;
06.            private function abc(e:mouseevent):void
07.            {
08.                if(e.type == "mouseover")
09.                {
10.                    cursormanager.setbusycursor();
11.                }else
12.                {
13.                    cursormanager.removebusycursor();
14.                }
15.            }
16.        ]]>
17.    </mx:script>
18.    <local:myimage source="/uploadteach/200908/20090811213244572.png" mouseover="abc(event)" mouseout="abc(event)"  y="25"/>
19.    <mx:image source="/uploadteach/200908/20090811213244572.png" mouseover="abc(event)" mouseout="abc(event)"  x="344" y="25"/>
20.</mx:application>

myimage.as,自定义image类..
 
01.package
02.{
03.    import flash.display.bitmapdata;
04.    import flash.display.displayobject;
05.    import flash.display.sprite;
06.    import flash.events.event;
07.    import flash.geom.matrix;
08.    import flash.utils.settimeout;
09.      
10.    import mx.controls.image;
11.    /**
12.     * 自定义image类,使之忽略png透明区域 
13.     * @author l4cd.net
14.     */  
15.    public class myimage extends image
16.    {
17.        private var ht:sprite = new sprite();
18.        public function myimage()
19.        {
20.            addchild(ht);
21.            hitarea = ht;
22.            //指定hitarea为ht对象
23.            ht.visible = false;
24.            ht.mouseenabled = false;
25.            mousechildren = false;
26.            addeventlistener(event.complete,complete,false,99,true);
27.            settimeout(update,50)
28.        }
29.        private function complete(e:event):void
30.        {
31.            settimeout(update,50)
32.        }
33.        private function update():void
34.        {
35.            if(!content)return;
36.            var loader:displayobject = content.parent as displayobject;
37.            var bit:bitmapdata = new bitmapdata(loader.width,loader.height,true,0x00000000);
38.            var mat:matrix = new matrix();
39.            mat.scale(loader.scalex,loader.scaley);
40.            bit.draw(loader,mat);
41.            //重绘图象到bit
42.            ht.graphics.clear();
43.            ht.graphics.beginfill(0);
44.            for(var x:uint=0;x<bit.width;x++)
45.            {
46.                for(var y:uint=0;y<bit.height;y++)
47.                {
48.                    if(bit.getpixel32(x,y))ht.graphics.drawrect(x,y,1,1);
49.                }
50.            }
51.            //以graphics画出bit的无透明区域
52.            ht.graphics.endfill();
53.        }
54.    }
55.}