`
cloud21
  • 浏览: 397373 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

忽略PNG透明区域的事件

    博客分类:
  • Flex
阅读更多
困扰了我好几天,也没人帮我解决..。
最后在网上找到了方法。
-------------------------------------------------------------------------
有时候我们希望加载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();
                }
        }
}
分享到:
评论

相关推荐

    textHitAreaSprite 忽略png透明区域的鼠标事件

    NULL 博文链接:https://as3.iteye.com/blog/897658

    png转JPG 通用DLL

    此外,处理透明PNG时,需要决定如何处理透明度信息,通常透明区域在JPG中会被忽略,变为不透明。 还要考虑错误处理,确保在出现错误时能够妥善处理,例如,当输入文件不存在、内存不足或DLL本身存在问题时。为了...

    png转etc1纹理的源码

    对于PNG的透明度信息(如果存在),ETC1不直接支持,所以可能需要进行一些折衷处理,例如忽略透明度或将其合并到颜色通道。 3. **压缩像素块**:ETC1压缩算法基于每个4x4像素块,源码会逐个处理这些块。算法可能会...

    帝国V6.0支持png透明度水印

    当此函数设置为true时,图像操作(如水印叠加)会忽略底层图像的alpha通道,使得水印图像的透明区域能够正确地透明显示,从而保持透明效果。 6. 关于imagecopymerge和imagecopy函数 - imagecopymerge函数用于将...

    as3.0加载透明图片

    AS3中,即使图片具有透明部分,鼠标事件仍会在整个图片区域上响应。如果希望透明部分不响应鼠标事件,需要进行额外的处理。一种方法是在鼠标事件触发时,检查鼠标点击位置的像素是否透明。如果透明,则不执行原有的...

    04.GIMP图像处理——制作半透明简单方框[整理].pdf

    确保选区依然选中,然后点击“油漆桶工具”进行填充,这样就会在选中的区域内用70%不透明度的黑色填充出一个半透明的方框。填充完成后,一个简单而美观的半透明方框就呈现在我们的图片上了。 总的来说,通过以上几...

    支持png透明图片的php生成缩略图类分享

    2. **PNG图片的透明效果丢失**:当PNG图片被转换为缩略图时,原有的透明或半透明区域可能会被填充为黑色或其他颜色,这通常是由于处理透明度的方式不当导致的。 3. **代码语法较旧**:旧的代码可能不兼容最新的PHP...

    JavaFX对图片上透明部分使用鼠标事件

    然而,这些方法在透明区域上不会触发,因为它们基于图形渲染的不透明度。 要解决这个问题,我们可以创建一个自定义的`ImageView`子类,并覆盖其`shape`属性。这个属性决定了哪些区域应该响应鼠标事件。默认情况下,...

    vb的透明窗体vb的透明窗体

    这样,窗体上的所有粉红色区域都将变为透明。 2. **使用API函数**:对于更复杂的透明效果,VB提供了对Windows API的访问,如`SetLayeredWindowAttributes`函数。这个函数允许你设置窗体的不透明度(alpha值)和颜色...

    CSS解决方案:IE6中遇到png兼容性

    这个方法虽然能解决IE6中的PNG透明度问题,但它增加了HTML结构的复杂性,且不利于代码的维护。对于现代浏览器,如Firefox、IE7及以上版本,它们已经支持PNG-24图像的透明性,因此在编写CSS时,通常会为这些浏览器...

    JPG、PNG、GIF压缩原理与成像方式.doc

    有损压缩就是在存储图像时不完全记录图像的每个像素点信息,它根据人眼观察现实的特性,处理图像数据,去除被人眼忽略的细节,用邻近色以渐变或其他方式重新填充。这样既大大降低图像的数据量,又不会影响图像的复原...

    matlab开发-imagescn

    当处理具有透明度的图像时,这些区域可以被忽略或者用特定方式处理,例如用背景颜色填充。 在MATLAB的"imagescn"函数中,你可以进行以下操作: 1. **显示图像**:可以使用`imagescn`函数来显示具有Alpha通道的图像...

    4个案例:Quartz2D图片处理

    接着,在CGContext中绘制图片,只有剪裁区域内会被保留,其他部分会被忽略。这在需要突出显示图像某一部分或者创建个性化头像时非常有用。 ### 案例四:Quartz2D Simulate UIImageView 最后一个案例是模拟...

    Excel百宝箱9.0无限制破解版.rar

    【提取选区唯一值】:将选择区域的数据,置于当前列中,忽略重复值。 【清除列中重复值】:将选择中重复出现的数据删除(保留第一次出现的数据) 【禁止重复值】:可以指定某列不允许重复,指定后该列输入重复值...

    Exce百宝箱——2012版本.rar

    【提取选区唯一值】:将选择区域的数据,置于当前列中,忽略重复值。 【清除列中重复值】:将选择中重复出现的数据删除(保留第一次出现的数据) 【禁止重复值】:可以指定某列不允许重复,指定后该列输入重复值时会...

    python掩膜程序

    在这个例子中,我们创建了一个圆形的掩膜,并将其应用于图像,使图像的圆形区域内变为透明,露出底层的颜色。 Python掩膜操作不仅限于Numpy和图像处理,它还可以应用于Pandas DataFrame,用于筛选、聚合或分组数据...

    Excel百宝箱

    【提取选区唯一值】:将选择区域的数据,置于当前列中,忽略重复值。 【清除列中重复值】:将选择中重复出现的数据删除(保留第一次出现的数据) 【禁止重复值】:可以指定某列不允许重复,指定后该列输入重复值时会...

    ZedGraph控件属性及基础教程详解(2003)

    图片的输出格式:OutputFormat属性中设置,Png的推荐,比较清晰。 Chart ChartBorder 图表区域的边框设置 ChartFill 图表区域的背景填充 Legend 图表的注释标签显示设置项目,一组数据对应一种颜色的注释 ...

    基本函数调用命令(python+opencv).pdf

    默认情况下,不传递`flag`或传入1(`cv2.IMREAD_COLOR`)会读取彩色图像,忽略透明度。若传入0(`cv2.IMREAD_GRAYSCALE`),则图像会被读取为灰度模式。-1(`cv2.IMREAD_UNCHANGED`)保留图像的原始格式,包括alpha...

Global site tag (gtag.js) - Google Analytics