[转]忽略PNG透明区域的事件

困扰了我好几天,也没人帮我解决..。
最后在网上找到了方法。
-------------------------------------------------------------------------
有时候我们希望加载PNG后其透明区域不响应事件..

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

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

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

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


代码也很简单:
main.mxml



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
<mx:Script>
<![CDATA[
import mx.managers.CursorManager;
private function abc(e:MouseEvent):void
{
if(e.type == "mouseOver")
{
CursorManager.setBusyCursor();
}else
{
CursorManager.removeBusyCursor();
}
}
]]>
</mx:Script>
<local:MyImage source="10020601.png" mouseOver="abc(event)" mouseOut="abc(event)" y="25"/>
<mx:Image source="10020601.png" mouseOver="abc(event)" mouseOut="abc(event)" x="344" y="25"/>
</mx:Application>



MyImage.as,自定义Image类..

package
{
import flash.display.BitmapData;
import flash.display.DisplayObject;
import flash.display.Sprite;
import flash.events.Event;
import flash.geom.Matrix;
import flash.utils.setTimeout;

import mx.controls.Image;
/**
* 自定义Image类,使之忽略PNG透明区域
* @author L4cd.Net
*/
public class MyImage extends Image
{
private var ht:Sprite = new Sprite();
public function MyImage()
{
addChild(ht);
hitArea = ht;
//指定hitArea为ht对象
ht.visible = false;
ht.mouseEnabled = false;
mouseChildren = false;
addEventListener(Event.COMPLETE,complete,false,99,true);
setTimeout(update,50)
}
private function complete(e:Event):void
{
setTimeout(update,50)
}
private function update():void
{
if(!content)return;
var loader:DisplayObject = content.parent as DisplayObject;
var bit:BitmapData = new BitmapData(loader.width,loader.height,true,0x00000000);
var mat:Matrix = new Matrix();
mat.scale(loader.scaleX,loader.scaleY);
bit.draw(loader,mat);
//重绘图象到bit
ht.graphics.clear();
ht.graphics.beginFill(0);
for(var x:uint=0;x<bit.width;x++)
{
for(var y:uint=0;y<bit.height;y++)
{
if(bit.getPixel32(x,y))ht.graphics.drawRect(x,y,1,1);
}
}
//以graphics画出bit的无透明区域
ht.graphics.endFill();
}
}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值