在做公司一个flash播放器时候,需要在一个swf中动态加载外部一个swf并显示出来,但是,这个需要加载的swf由于制作的原因,除了显示出stage的内容外,还会把swf隐藏(不知道制作是否隐藏)部分显示出来,这样非常不好。开始处理是通过限制这个swf的区域大小来屏蔽那些stage以为的内容,但是,由于swf的大小还不一致,这样导致一些swf被切去一部分,一些swf还是会显示出多余的部分。后来找到一种方式来处理,就是mask。基本原理就是设置一个mask,大小可以设定,然后设置到外部加载的swf中,这样swf只显示出来mask那样大小的范围了。
具体代码: h){ horizontal = true; } w = Math.min(w,externalSwf.width); if(horizontal){ h = Math.max(h,externalSwf.height); } else{ h = Math.min(h,externalSwf.height); } var xPos:Number = (externalSwf.width - w) / 2; var cornerRadius:int = 0; roundedMask = new Sprite(); swfCanvas.rawChildren.addChild(_roundedMask); roundedMask.graphics.clear(); roundedMask.graphics.beginFill(0xFF0000); roundedMask.graphics.drawRoundRect(xPos, 0,w, h, cornerRadius, cornerRadius); roundedMask.graphics.endFill(); externalSwf.mask = roundedMask; } ]]--> 相关flex的mask方面效果可以参看这里
发表评论
-
《算法之美》の字符串相关问题の壹
2012-07-06 09:52 723题目:编写一个单词逆序输出的算法,例如输入"SE ... -
WinForm下正则表达式的应用
2012-07-06 09:45 9361.引入命名空间:using System.Text.Re ... -
八个最常用的正则表达式
2012-07-06 09:38 712灵活的使用正则表达式,可以使得程序既简洁,又清晰。因为正则 ... -
基于表的Lua原生支持面向对象编程在GUI中的使用示例
2012-07-06 09:30 1137lua真的有很多神奇的用法,下面是一个基于表的形式实现的对 ... -
图片展示
2012-07-05 20:45 5945 ... -
Flex 4架构的组件开发
2012-07-03 13:44 600Flex 4架构的组件开发 作者:Michael Labr ... -
Flex利用自定义事件使用弹出窗口为DataGrid添加新数据
2012-07-02 12:27 629下面是TitleWindow所有代码: Xml代码 ... -
Flex右键菜单扫盲
2012-07-02 12:27 775怎么添加右键?在 Flex 中,只有应用程序中的顶层组件才 ... -
flex--LineChart
2012-07-02 12:27 622最近工作上用到了linechart,在网上查的资料还是非常 ... -
flex datechooser 日期小例子
2012-07-02 12:26 583在这个例子中,我们讲解的是DateChooser 控件,这 ... -
在应用中使用Ext Loader
2012-07-01 10:01 523原文:http://www.sencha.com/b ... -
广州工作2个月!差人的公司可以call我
2012-07-01 10:01 557网名:夜梦惊魂/夜枫设计 姓名:胡军 博客:http ... -
WebKit介绍及总结(一)
2012-07-01 10:01 653一. WebKit简介 ... -
基于push技术的web实时网络管理框架研究
2012-07-01 10:01 4351 引言 基于 web 的网络管理是web 功能和网 ... -
MyEclipse for Spring 8.6: Spring MVC Scaffolding
2012-07-01 10:01 790Scaffolding consists of singl ... -
FLEX和Actionscript开发FLASH游戏8-2-1
2012-06-30 16:28 614FLEX和Actionscript开发FLASH游戏8-2-1 ... -
flex安全沙箱
2012-06-30 16:27 1056flex安全沙箱 2011年02月2 ... -
flex 联机游戏开发 - 五子棋游戏:(二)人性化选择
2012-06-30 16:27 590flex 联机游戏开发 - 五子棋游戏:(二)人性化选择 2 ...
相关推荐
Flex Video 通过 `flash.net.NetStream` 对象来处理网络流,实现视频数据的实时传输和播放。这使得 Flex Video 能够在不同的网络环境下提供稳定的服务。 ##### 6. 视频平滑度 为了提高视频播放的平滑度,Flash ...
实现这一功能的关键在于设置DisplayObject的mask属性,将其指向遮罩对象。遮罩不仅可以是简单形状,也可以是复杂的自定义图形或者精灵,甚至还可以动态改变遮罩形状,实现动态效果。 在实际应用中,Flex的绘图和...
在Flex AS3应用程序开发中,遮罩(Masking)是一种重要的图形处理技术,它允许开发者隐藏或显示特定的显示对象区域。遮罩可以用于创建复杂的交互式用户界面元素,如弹出窗口、动画效果和自定义组件。在这个“flex as...
遮罩(Masking)是ActionScript 3和Flex中一个强大的图形处理特性,它允许我们隐藏或显示显示对象的一部分。在图片裁剪场景中,遮罩可以作为裁剪区域的定义,只显示遮罩内的图像部分,从而实现裁剪效果。 首先,...
三、特殊情况处理 1. 自适应窗口大小:如果弹出窗口的大小需要根据内容自适应,可以使用`max-width`和`max-height`限制最大尺寸,同时保持`overflow: auto`以启用滚动条。 2. 窗口拖动:为了增加交互性,弹出窗口...
工厂类用来处理事件、控制动画,而实例类则用来实际实现动画效果。当触发器被触发时,工厂类创建一个实例类的实例来播放所需效果。这种方式遵循了设计模式中的工厂模式。 #### 三、Flex特效示例 接下来,我们将...
4. **高级图形功能**:包括了图形过滤器(Filter)、遮罩(Mask)等高级图形处理技术的应用。 #### 三、滤镜(Filters):轻松实现图像处理 滤镜是Flex 4提供的一种强大工具,可以用来快速对图像进行各种效果处理。这...
- 首先定义必要的变量,如 `_mask`, `_dragaImage`, `_xOff`, `_yOff`, `_transformX`, `_transformY` 等,这些变量将在后续的处理中使用。 2. **定义`initDragAndDrop`方法**: - 此方法作为整个拖动逻辑的入口...
Flex UFO是一款基于Adobe Flex技术的单击网页游戏,它以其独特的特效处理和遮罩技术,为玩家带来了丰富的视觉体验。本文将深入探讨Flex UFO游戏的开发过程,主要包括ActionScript编程、精灵类的使用、遮罩效果以及...
工厂类负责事件处理和动画控制,实例类实现动画效果。例如,Zoom工厂类创建ZoomInstance实例来播放缩放效果。 1.2 简单效果组件 Flex包含一系列内置效果组件,所有效果都有duration属性以设定播放时间,以及...
Flex布局(Flexible Box),又称为弹性盒布局,是CSS3中的一种布局模式,主要用于解决传统CSS布局(如Block、Inline或Table布局)在处理复杂的网页元素排列和对齐时所遇到的问题。Flex布局提供了一种更为灵活的方式...
标题"FDCAN_Receive_MASK.rar"所对应的项目是关于在STM32G0B1微控制器上使用FDCAN(FlexCAN)接口,并结合HAL库实现CAN(Controller Area Network)通信的功能,特别是通过掩码模式配置两个过滤器来接收和发送数据。...
display: flex; justify-content: center; align-items: center; } .loading-mask img { animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: ...
此外,对于复杂的交互,你还可以考虑使用鼠标遮罩层(mask layer)或者监听`MOUSE_LEAVE`事件来检测用户离开特定组件,但这通常涉及更多的事件管理和状态跟踪。在本例中,通过简单地检查`contains()`方法,我们可以...
这个特性在Web设计中尤其有用,因为它提供了比传统背景更精细的控制,允许设计师实现复杂的图像处理效果。然而,值得注意的是,IE浏览器并不支持CSS3的mask属性,而WebKit内核的浏览器(如Chrome、Safari、iOS和...
<div id="loading-spinner" class="d-flex justify-content-center align-items-center h-100"> 加载中... ``` 现在,我们可以编写JavaScript代码来控制遮罩层的显示和隐藏。例如,当进行数据加载时,显示...
Flex布局,全称为 Flexible Box,是CSS3引入的一种全新的布局模式,旨在解决传统布局方式在处理动态内容和响应式设计时的局限性。通过设置`display: flex`,我们可以轻松地控制容器内元素的排列方式、对齐和分配空间...
JavaScript加载等待效果是一种常见用户体验优化技术,用于在数据加载期间向用户展示反馈,告知他们系统正在处理请求。这种效果通常会在用户点击按钮或链接后显示,直到后台数据完全加载完毕。下面将详细介绍实现这一...
这里我们将使用jQuery,因为它提供了简洁的DOM操作和事件处理。首先,我们监听点击事件,并在触发时阻止默认行为,以防止页面跳转: ```javascript $('.thumbnail').click(function(e) { e.preventDefault(); // ...
display: flex; justify-content: center; align-items: center; } ``` 然后,我们需要一个HTML元素来承载这个遮罩效果,例如: ```html <div id="loading-mask" class="loading-mask"> ...