`
noahgenius
  • 浏览: 140436 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

将sprite及子类添加到Flex/Apollo体系的解决方案

阅读更多

一般来说,actionscript3的view component体系下,按照Composition模式,只要把一个视觉元素addChild到它的container下就行了。但是在flex或air application下,按照这个方法添加一个sprite就会报错(郁闷的),会出一个错误,大概意思是sprite 不能转换成UIComponent。很明显,addChild在某个派生环节中被重写了。马上打开language reference看看,果然addChild defined by Container,Container何许人也?

Container Inheritance UIComponent Inheritance FlexSprite Inheritance Sprite InheritanceDisplayObjectContainer Inheritance InteractiveObject Inheritance DisplayObject Inheritance EventDispatcher Inheritance 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 代码
  1. var ui:UIComponent = new UIComponent();   
  2. ui.addChild(yourSprite);   
  3. this.addChild(ui);  
分享到:
评论

相关推荐

    jQuery-Sprite-Anim, 没有大小/帧限制的jQuery sprite动画库.zip

    jQuery-Sprite-Anim, 没有大小/帧限制的jQuery sprite动画库 Sprite动画 版简介jQuery Sprite动画是一个简单的Sprite动画库。 jQuery已经有许多优秀的sprite动画库可用。 这个库有几种不同的方式,从它的他任何方面...

    gulp创建项目和精灵图实现

    let spriteData = gulp.src(sprite_path + dir + "/*").pipe( spritesmith({ imgName: dir + "-sprite.png", // 合成后的图片命名 cssName: dir + "-sprite.scss", // 合成后的图标样式 padding: 5, // 雪碧图中...

    本地生成Mapbox使用的精灵图片 mapbox sprite 本地离线生成与 拆分 可运行的java程序

    精灵图片(Sprite)是Mapbox中一个重要的概念,用于整合地图上的图标和符号,使得地图元素在不同比例尺下都能正确显示。精灵图片通常包含多个图标,每个图标都有自己的坐标定位,以便在地图上准确地展示。在某些情况...

    sprite-extend-3d

    精灵扩展 3D spritejs 的 3d 扩展。用法 < script src =" https://unpkg.com/spritejs/dist/spritejs.min.js " > </ script >< script src =" ...

    flex成功画一个点

    6. **添加到舞台**:为了让点可见,我们需要将`Sprite`对象添加到舞台上的某个容器或者直接添加到应用的根容器`Application`中。 ```actionscript addChild(myPoint); ``` 现在,我们已经成功在Flex中画出了一个点...

    FLEX/FLASH ActionScript3 PPT讲义以及基于FLASH源码

    ActionScript3.0是Adobe Flash Platform的核心编程语言,它为创建动态、交互性强...通过系统学习PPT内容并结合实际的源码实践,你将能够熟练掌握ActionScript3.0,为开发出引人入胜的Flash和Flex应用程序打下坚实基础。

    Flex加载GIF动画处理类

    1. **引入AS3CoreLib库**:首先,你需要将AS3CoreLib库添加到你的Flex项目中。这可以通过在Flex项目中导入库的SWC文件,或者在构建路径中链接库的源代码来实现。 2. **使用GIFDecoder类**:AS3CoreLib中的`...

    Flex4.6 带图标的TabNavigator的使用

    在这个“带图标的TabNavigator的使用”示例中,我们将探讨如何为每个选项卡添加图标,从而增强用户界面的视觉吸引力和易用性。 首先,我们需要了解`TabNavigator`的基本结构。`TabNavigator`是`Container`类的一个...

    flex as3虚线

    在Flex中,图形通常由DisplayObject类的子类如Sprite或Shape来绘制。 在Flex AS3中实现虚线有几种方法,但最常见的是通过自定义Graphics类的方法来实现。我们可以创建一个自定义的AS3类,比如`MyDashLine.as`,并在...

    actionscript3 FLEX显示MovieClip, sprite, 文字等demo源代码.zip

    在Flex中,你可以通过 addChild() 方法将MovieClip添加到舞台,或者通过时间轴控制来实现动画效果。`flex显示MovieClip.txt`可能包含了关于如何创建、操作和显示MovieClip的示例代码。 2. **Sprite**: Sprite类是AS...

    flex对图片打开,剪切,放大缩小,旋转

    加载完成后,我们可以将`Loader`对象添加到显示列表中,如`Sprite`或`Canvas`组件,以便在屏幕上显示图片: ```actionscript function onImageLoaded(event:Event):void { var imageSprite:Sprite = new Sprite...

    Flex采用遮罩方法图片裁剪

    本文将详细介绍如何在Flex 3.5及以上版本中利用遮罩技术实现图片裁剪功能。 遮罩(Masking)是ActionScript 3和Flex中一个强大的图形处理特性,它允许我们隐藏或显示显示对象的一部分。在图片裁剪场景中,遮罩可以...

    css sprite示例源码

    CSS Sprite的核心思想是将多个小图像合并到一张大图(称为Sprite图)中,然后通过CSS的background-position属性来定位显示需要的部分。这样,浏览器只需要加载一张图片,就能显示多个图像,显著提高了页面加载效率。...

    rnsprite是一个reactnative组件用于从spritesheets创建动画

    在使用rn-sprite时,开发者需要先将spritesheet图片添加到项目资源中,然后在代码中引用这个组件,设置相应的props,如`source`(spritesheet的源文件)、`frameWidth`和`frameHeight`(单个帧的宽度和高度)、`...

    使用cocos2d-x3.0来给Sprite添加遮罩

    在Cocos2d-x 3.0中,为Sprite添加遮罩是一项常见的图形处理任务,它可以帮助我们实现各种视觉效果,比如隐藏某些区域、创建剪贴蒙版或者实现动态模糊等。下面我们将深入探讨如何使用Cocos2d-x 3.0来实现这一功能。 ...

    WebGL/ThreeJS Sprite、SpriteMaterial通过精灵模型和Canvas画布Demo

    6. 将Sprite添加到场景中,并根据需要调整其位置和大小。 7. 使用Canvas画布进行额外的图形绘制,例如动态生成纹理或添加交互元素。 8. 在渲染循环中,更新SpriteMaterial的属性以反映Canvas上的变化,然后重新渲染...

    css sprite 雪碧图生成小程序

    这种技术将多个小图标合并到一个大图中,然后通过CSS定位显示需要的部分,从而减少了网络请求次数,提高了页面加载效率。 **一、CSS Sprite的原理** 1. **合并图像**:将网页中分散的小图标(如按钮、导航条、社交...

    spriteplus:一个简单的Spritesheet库,可与Pixel一起使用

    它提供了一个通用的SpriteSheet接口和一些实现。 安装 go get github.com/cebarks/spriteplus 用法 import "github.com/cebarks/spriteplus" 雪碧表 //Create your sheet sheet := spriteplus . NewBasicSheet ( 2 ...

    THREE.TextSprite:最佳地将文本显示为精灵

    三.TextSprite class THREE.TextSprite extends THREE.Sprite 最佳地将文本显示为精灵。 演示 依存关系 设置 npm npm i @seregpie/three.text-sprite import TextSprite from '@seregpie/three.text-sprite' ; ...

    flex 4.0/4.5 贪食蛇游戏源码

    4. **图形绘制**:Flex提供`DisplayObject`和`Sprite`类来创建和操作图形。游戏中的蛇、食物和其他元素可能会通过这些类进行绘制和动画处理。 5. **状态管理**:游戏有多个状态,如开始、游戏进行、游戏结束等,这...

Global site tag (gtag.js) - Google Analytics