一般来说,actionscript3的view component体系下,按照Composition模式,只要把一个视觉元素addChild到它的container下就行了。但是在flex或air application下,按照这个方法添加一个sprite就会报错(郁闷的),会出一个错误,大概意思是sprite 不能转换成UIComponent。很明显,addChild在某个派生环节中被重写了。马上打开language reference看看,果然addChild defined by Container,Container何许人也?
Container UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object
Container是mx.containers.*下所有类的父类,说白了,是flex容器类的基类。reference上的解释是:
child:DisplayObject
— The DisplayObject to add as a child of this Container. It must implement the IUIComponent interface.
呵呵,说实话真有点误导在里边呢。
于是解决方法也明了了:
js 代码
- var ui:UIComponent = new UIComponent();
- ui.addChild(yourSprite);
- this.addChild(ui);
分享到:
相关推荐
jQuery-Sprite-Anim, 没有大小/帧限制的jQuery sprite动画库 Sprite动画 版简介jQuery Sprite动画是一个简单的Sprite动画库。 jQuery已经有许多优秀的sprite动画库可用。 这个库有几种不同的方式,从它的他任何方面...
let spriteData = gulp.src(sprite_path + dir + "/*").pipe( spritesmith({ imgName: dir + "-sprite.png", // 合成后的图片命名 cssName: dir + "-sprite.scss", // 合成后的图标样式 padding: 5, // 雪碧图中...
精灵图片(Sprite)是Mapbox中一个重要的概念,用于整合地图上的图标和符号,使得地图元素在不同比例尺下都能正确显示。精灵图片通常包含多个图标,每个图标都有自己的坐标定位,以便在地图上准确地展示。在某些情况...
精灵扩展 3D spritejs 的 3d 扩展。用法 < script src =" https://unpkg.com/spritejs/dist/spritejs.min.js " > </ script >< script src =" ...
6. **添加到舞台**:为了让点可见,我们需要将`Sprite`对象添加到舞台上的某个容器或者直接添加到应用的根容器`Application`中。 ```actionscript addChild(myPoint); ``` 现在,我们已经成功在Flex中画出了一个点...
ActionScript3.0是Adobe Flash Platform的核心编程语言,它为创建动态、交互性强...通过系统学习PPT内容并结合实际的源码实践,你将能够熟练掌握ActionScript3.0,为开发出引人入胜的Flash和Flex应用程序打下坚实基础。
1. **引入AS3CoreLib库**:首先,你需要将AS3CoreLib库添加到你的Flex项目中。这可以通过在Flex项目中导入库的SWC文件,或者在构建路径中链接库的源代码来实现。 2. **使用GIFDecoder类**:AS3CoreLib中的`...
在这个“带图标的TabNavigator的使用”示例中,我们将探讨如何为每个选项卡添加图标,从而增强用户界面的视觉吸引力和易用性。 首先,我们需要了解`TabNavigator`的基本结构。`TabNavigator`是`Container`类的一个...
在Flex中,图形通常由DisplayObject类的子类如Sprite或Shape来绘制。 在Flex AS3中实现虚线有几种方法,但最常见的是通过自定义Graphics类的方法来实现。我们可以创建一个自定义的AS3类,比如`MyDashLine.as`,并在...
在Flex中,你可以通过 addChild() 方法将MovieClip添加到舞台,或者通过时间轴控制来实现动画效果。`flex显示MovieClip.txt`可能包含了关于如何创建、操作和显示MovieClip的示例代码。 2. **Sprite**: Sprite类是AS...
加载完成后,我们可以将`Loader`对象添加到显示列表中,如`Sprite`或`Canvas`组件,以便在屏幕上显示图片: ```actionscript function onImageLoaded(event:Event):void { var imageSprite:Sprite = new Sprite...
本文将详细介绍如何在Flex 3.5及以上版本中利用遮罩技术实现图片裁剪功能。 遮罩(Masking)是ActionScript 3和Flex中一个强大的图形处理特性,它允许我们隐藏或显示显示对象的一部分。在图片裁剪场景中,遮罩可以...
CSS Sprite的核心思想是将多个小图像合并到一张大图(称为Sprite图)中,然后通过CSS的background-position属性来定位显示需要的部分。这样,浏览器只需要加载一张图片,就能显示多个图像,显著提高了页面加载效率。...
在使用rn-sprite时,开发者需要先将spritesheet图片添加到项目资源中,然后在代码中引用这个组件,设置相应的props,如`source`(spritesheet的源文件)、`frameWidth`和`frameHeight`(单个帧的宽度和高度)、`...
在Cocos2d-x 3.0中,为Sprite添加遮罩是一项常见的图形处理任务,它可以帮助我们实现各种视觉效果,比如隐藏某些区域、创建剪贴蒙版或者实现动态模糊等。下面我们将深入探讨如何使用Cocos2d-x 3.0来实现这一功能。 ...
6. 将Sprite添加到场景中,并根据需要调整其位置和大小。 7. 使用Canvas画布进行额外的图形绘制,例如动态生成纹理或添加交互元素。 8. 在渲染循环中,更新SpriteMaterial的属性以反映Canvas上的变化,然后重新渲染...
这种技术将多个小图标合并到一个大图中,然后通过CSS定位显示需要的部分,从而减少了网络请求次数,提高了页面加载效率。 **一、CSS Sprite的原理** 1. **合并图像**:将网页中分散的小图标(如按钮、导航条、社交...
它提供了一个通用的SpriteSheet接口和一些实现。 安装 go get github.com/cebarks/spriteplus 用法 import "github.com/cebarks/spriteplus" 雪碧表 //Create your sheet sheet := spriteplus . NewBasicSheet ( 2 ...
三.TextSprite class THREE.TextSprite extends THREE.Sprite 最佳地将文本显示为精灵。 演示 依存关系 设置 npm npm i @seregpie/three.text-sprite import TextSprite from '@seregpie/three.text-sprite' ; ...
4. **图形绘制**:Flex提供`DisplayObject`和`Sprite`类来创建和操作图形。游戏中的蛇、食物和其他元素可能会通过这些类进行绘制和动画处理。 5. **状态管理**:游戏有多个状态,如开始、游戏进行、游戏结束等,这...