`

关于Canvas,Box等透明容器的鼠标响应问题总结

    博客分类:
  • Flex
阅读更多

一直没有专门研究一下这个最基础的容器,虽然在即将到来的SDK 4中淡化甚至取消这个容器了,但是应该对于类似的容器的应用会有指导意义.

就像Sprite一样,你需要给它"画"个背景才能让系统知道这个容器的存在,就算你已经在其中放置了N个子显示对象,系统仍然无法正确的发出ROLL_OVER和ROLL_OUT事件.

最简单的方法就是给它指定一个背景,比如:

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
           creationComplete="init();"
           backgroundColor="#000000"
           backgroundAlpha="0"/>

 

如上面的代码,即使Alpha为0,也能让系统"发现"这个容器的范围.

 

只是做个记录,加深记忆,希望以后能放心的用类似初始为"透明"的容器.

 

PS:

经过测试,Box类及其"透明"的子类都有这个问题,且都能如此解决.

分享到:
评论

相关推荐

    uGUI Message Box.rar

    1. **Canvas**:作为uGUI的基础,Canvas是所有UI元素的容器。它可以设置为Screen Space - Camera模式,使得UI元素与摄像机关联,或者设置为Screen Space - Overlay模式,使UI覆盖整个屏幕。 2. **EventSystem**:...

    Web前端开发经典面试题(附参考答案)

    1. **问题**: 关于 canvas 的描述,不正确的是? - **选项**: - A. Canvas 是 HTML5 的一部分,允许脚本动态渲染位图像。 - B. Canvas 是作为 Flash 的替代技术出现。 - C. Canvas 拥有多种绘制路径、矩形、...

    最简单好玩的弹一弹小游戏

    - 用户输入处理:监听键盘或鼠标事件,响应用户的操作,如发射小球、调整发射角度等。 - 动画与过渡:CSS动画可以实现平滑的视觉效果,JavaScript则可以控制更复杂的动态行为。 - 性能优化:避免不必要的重绘和...

    JS DOM实现鼠标滑动图片效果

    根据给定的信息,关于使用JavaScript和DOM来实现鼠标悬停在图片上图片展开的效果,以下是一些详细知识点: ### 1. 网页基本结构 首先需要构建一个基本的网页结构,通常使用HTML来实现。在本例中,需要一个包含多个...

    HTML5移动网站开发实践

    - **兼容性**:需要特别注意与鼠标事件的兼容性问题。 ##### 2. 处理技巧 - **替代点击事件**:在某些情况下,使用touchstart和touchend事件替代传统的click事件以提高响应速度。 - **TouchEvent对象属性**:包括...

    web前端开发知识点总结.docx编程资料

    ### Web前端开发知识点总结 #### 一、HTML知识总结 **1.1 HTML基础** - **HTML概述**:HTML(Hyper Text Markup Language)是用于创建网页的标准标记语言。 - **HTML文档结构**: - `&lt;!DOCTYPE html&gt;`:声明文档...

    拓展流行的css特效

    例如,可以设置按钮在鼠标悬停时的颜色渐变,或者让图片在加载时淡入效果。通过`transition`属性设置过渡时间、属性和速度曲线,而`@keyframes`规则则用于创建自定义动画。 2. **响应式设计(Responsive Design)**...

    CSS3和Html5实现超级炫酷的风水罗盘效果

    6. **阴影(Box-shadow & Text-shadow)**:`box-shadow`可以为元素添加立体感,而`text-shadow`则可让文本具有阴影效果,增强罗盘的视觉层次。 7. **颜色和渐变(Color & Gradients)**:CSS3支持丰富的颜色表示法...

    shooter:我的第一个 HTML5 + javascript(easelJS 和 Box2D)游戏开发经验

    2. **事件监听**:通过JavaScript的addEventListener()方法,你可以监听用户的键盘输入或鼠标点击,以便响应玩家的操作。 3. **EaselJS的Stage对象**:所有EaselJS图形都添加到Stage对象上,它是整个游戏画面的容器...

    【网页设计】web前端期末大作业html+css

    同时,它还引入了一系列新特性来改善用户体验,例如拖放功能、存储机制(localStorage 和 sessionStorage)、绘图功能(canvas)等。 - **CSS3**:是CSS的最新版本,提供了更为强大的样式设置功能,如圆角(border-...

    flex游戏 小人地图

    在“小人地图”中,Canvas可能被用作游戏舞台,而Sprite可以作为游戏角色和障碍物的容器。 4. **游戏循环和事件处理**: 游戏的核心通常是一个不断运行的循环,用来更新游戏状态和渲染屏幕。在Flex中,这可能通过...

    div+css布局实现个人网页设计(HTML期末作业)

    - 鼠标事件(`onclick`, `onmouseover`等)。 - 键盘事件(`onkeydown`, `onkeyup`等)。 - **Ajax请求**: - 使用`fetch`API或`XMLHttpRequest`对象进行异步数据加载。 - **第三方库**: - jQuery: 一个快速、简洁...

    使用Three.js和Cannon.js制作的层叠游戏.zip

    2. **刚体**:Body代表3D空间中的物理对象,有不同形状如Box、Sphere、Plane等,它们可以相互作用并受力影响。 3. **碰撞检测**:Cannon.js自动处理物体间的碰撞检测,提供碰撞后的响应。 4. **力与约束**:Force和...

    html5 jquery插件skitter轮播

    根据项目需求,你可以调整这些选项,或者添加其他高级功能,如键盘控制、鼠标悬停暂停等。 总的来说,Skitter轮播插件结合HTML5和jQuery,为网页开发者提供了一种强大且灵活的工具,用于创建引人入胜的轮播效果。...

    第十五届蓝桥杯Web应用试题考察重点

    - 圆角、阴影、透明度等。 - 动画效果,如过渡和变换。 ```css /* 圆角 */ .rounded { border-radius: 5px; } /* 阴影 */ .shadow { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } ``` - **弹性盒子...

    基于HTML5+CSS3实现的焦点图插件切换效果源码.zip

    开发者可能利用CSS3的伪类选择器(如`:hover`、`:active`)来响应用户的鼠标事件,同时通过`transition`属性来控制图片在切换时的过渡速度和方式。 【标签】:“前端”表明这个项目与网站的客户端部分有关,前端...

    Unity3d中文api

    1. Canvas:UI系统的根容器,定义UI元素的显示方式和位置。 2. Image:用于显示图片、精灵或颜色的UI组件。 3. Text:显示文本的UI组件,支持多种格式和字体。 十、脚本编程 1. MonoBehaviour:所有Unity脚本的基础...

    HTML5+CSS3源码_CSS3垂直图标菜单 带Tooltip提示框.rar.rar

    2. **Flexbox布局**:CSS3的 Flexible Box,或简称Flexbox,允许开发者轻松创建弹性布局,尤其适合处理容器中的子元素对齐和排列。在这个垂直菜单中,Flexbox可能用于确保图标在任何屏幕尺寸下都能垂直居中排列。 3...

    开心消消乐游戏网页设计作品 学生dreamweaver作业静态HTML网页设计模板 游戏主题网页作业制作

    通过CSS3,开发者可以创建更加动态和响应式的布局,利用渐变、阴影、动画和转换等效果使页面看起来更加吸引人。例如,项目中的`div`元素可能使用了`box-shadow`属性来添加阴影效果,或者使用了`transition`和`...

Global site tag (gtag.js) - Google Analytics