Flex4之将Sprite控件添加到FLEX UI中

 
    在Flex的帮助文档里,有很多例子都是扩展Sprite类的。如果想把这些实例添加到你的s:Application中,如:addChild(DisplayObject ),肯定会出错。错误的大致意思是:flash.display::Sprite没有实现mx.core.IUIComponent接口。
    Sprite->DisplayObjectContainer ->InteractiveObject ->DisplayObject ->EventDispatcher ->Object
从Sprite的继承关系来看,它虽然是DIsplayObject但是它没有实现IUIComponent,不能直接添加到Flex组件里是当然的了。
    Flex文档上指出所有的可视化控件都继承自UIComponent 而它自己是实现了IUIComponent 接口的。UIComponent 允许添加Sprite和MovieClip。
经常使用到的做法是:
   var comp: UIComponent = new UIComponent ();
   comp.addChild
(sprite);
   cavas1.addChild(comp);
这样flash控件就能正常在flex组件里显示了。
举个例子我在as文件中这么写

 

Java代码 复制代码  收藏代码
  1. <SPAN style="FONT-SIZE: medium">package components   
  2. {   
  3.     import flash.display.*;   
  4.     import flash.net.URLRequest;   
  5.     public class Main extends Sprite {   
  6.         public function Main(  ) {   
  7.             var loader:Loader = new Loader(  );   
  8.             addChild( loader );   
  9.             loader.load( new URLRequest( "img/aa.jpg" ) );   
  10.         }   
  11.     }   
  12.   
  13. }</SPAN>  
 

 

 然后具体显示就想上面说的那样
  
Xml代码 复制代码  收藏代码
  1. <SPAN style="FONT-SIZE: medium"><?xml version="1.0" encoding="utf-8"?>  
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    
  3.                xmlns:s="library://ns.adobe.com/flex/spark"    
  4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">  
  5.     <fx:Declarations>  
  6.         <!-- 将非可视元素(例如服务、值对象)放在此处 -->  
  7.     </fx:Declarations>  
  8.    <fx:Script>  
  9.        <![CDATA[  
  10.            import components.Main;  
  11.              
  12.            import mx.core.UIComponent;  
  13.            function init():void{  
  14.               var comp: UIComponent = new UIComponent();  
  15.               var main:Main=new Main();  
  16.               comp.addChild(main);  
  17.               this.addElement(comp);  
  18.            }  
  19.        ]]>  
  20.    </fx:Script>  
  21. </s:Application>  
  22. </SPAN>  

转载于:https://www.cnblogs.com/dynasty/archive/2012/02/25/2367460.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值