Flash CS3组件开发图文教程

  1. 【教程说明】:应云开等朋友的要求,我今天把组件开发过程整理一下,写成这篇教程。通过此篇教程你可以大致了解Flash组件开发整个过程,希望对那些想自己开发Flash组件的朋友有所帮助。我这次主要开发Flash代码组件,甚至其他Flash组件,你可以自行研究或和我一起讨论。 
    【前提条件】: 
        1、安装了Flash CS3软件; 
        2、安装了 Adobe Extension Manager 1.8扩展管理器,如果没有请先到这里下载: http://www.adobe.com/cn/exchange/em_download/ ; 
    【开发教程】: 
        1、首先准备一个18x18的png图片,用来做Flash组件的图标。(我会在下面打包文件中会提供一个png图片的) 
        2、写一个StringUtilComponent组件类,我的组件都没有去继承系统组件类(UIComponent),而是直接继承Sprite类。


    代码如下:

    package com.klstudio.components {    
              import flash.display.*;

    import com.klstudio.util.StringUtil;

    //命名空间;    
        use namespace klstudio_internal;

    //设置组件图标;    
        [IconFile("StringUtilIcon.png")]

    public class StringUtilComponent extends Sprite{    
            //定义组件显示框;    
            //组件里已有的显示元素必须用命名空间作开头;    
            klstudio_internal var boundingBox_mc:MovieClip;    
            //定义LRC解析器;    
            private var util:StringUtil;    
            public function StringUtilComponent(){              
                //移除组件显示框;    
                boundingBox_mc.visible = false;    
                addChild(boundingBox_mc);    
                boundingBox_mc = null;              
            }           
        }       
    }

    这用组件用到的StringUtil类,我之前已经提供过的“[AS3]StringUtil类”。这里要注意一下,组件内所包含的显示元素一定要用命名空间来做前缀(就是上面“use namespace klstudio_internal;”代码),下面就命名空间定义变量。如果不加的话,就无法直接对boundingBox_mc显示元素操作(这一点和原来Flash组件开发不同的地方,原来是可以直接使用的),否则编译时就会报错。
    3、建立一个StringUtil.fla文件,类型当然是选择“Flash File(ActionScript3)”。
        4、建立一个MovieClip元素,命名为“StringUtil”;然后按照下图所示设置Class路径。
        
        5、再建立一个新的MovieClip元素,命名为“boundingBox_mc”,用于来做组件显示框。
        
        6、然后将boundingBox_mc放到名叫“StringUtil”的MovieClip元素里,同时按下图所示将名字已经设置成“boundingBox_mc”。
        
        7、接下来开始定义组件了,设置Class类路径、提示信息等选项。再点击组件图标选择之前png图片。
        
        
        8、如果图标不能像下图所示的话,请按第4步重新确认一下就可以了。
        
        9、然后就是把这个StringUtil组件打包成SWC文件(其实就是一个zip压缩文件格式)。
        
        10、到第9步组件就算做成功了,但要发布给别人用的话,就可以把swc文件打包成mxp文件了,而打包之前首先要配置StringUtil.mxi文件(这个文件就是xml文件格式),内容如下:


    代码如下:

    <macromedia-extension  

  2. name="StringUtil"  
  3. version="1.0"  
  4. type="Flash component"> <!-- Describe the author -->  
  5. <author name="Kinglong" />  
  6. <!-- List the required/compatible products -->  
  7. <products>  
  8. <product name="Flash" version="9" primary="true" />    
  9. </products>    
  10. <!-- Describe the extension -->  
  11. <description>  
  12. <![CDATA[  
  13. StringUtil类<br>  
  14. 有关String工具类。  
  15. ]]>  
  16. </description>  
  17. <!-- Describe where the extension shows in the UI of the product -->  
  18. <ui-access>  
  19. <![CDATA[  
  20. This StringUtil Component is accessed by choosing Window > Components > StringUtil.  
  21. ]]>  
  22. </ui-access>  
  23. <!-- Describe the files that comprise the extension -->  
  24. <files>  
  25. <file name="StringUtil.swc" destination="$flash/Components" />  
  26. </files>  
  27. </macromedia-extension> 
    官方提供有关mxi文件格式说明:mxi_file_format.pdf
        11、如果你已经安装了 Adobe Extension Manager 1.8扩展管理器的话,你可以直接双击StringUtil.mxi文件来生成StringUtil.mxp文件。或者你先打开 Adobe Extension Manager 1.8扩展管理器选择“文件”  - “将扩展打包...”,选择StringUtil.mxi文件,然后生成StringUtil.mxp了,到这里就贺喜你了,你的Flash CS3组件就开发完成了!

    【打包下载】http://www.klstudio.com/download/stringutil.rar

(0)

相关推荐

  • Flash CS3组件开发图文教程

    [教程说明]:应云开等朋友的要求,我今天把组件开发过程整理一下,写成这篇教程.通过此篇教程你可以大致了解Flash组件开发整个过程,希望对那些想自己开发Flash组件的朋友有所帮助.我这次主要开发Flash代码组件,甚至其他Flash组件,你可以自行研究或和我一起讨论.  [前提条件]:      1.安装了Flash CS3软件:      2.安装了 Adobe Extension Manager 1.8扩展管理器,如果没有请先到这里下载: http://www.adobe.com/cn/e

  • Google Analytics在Flash cs3下的使用教程分析

    这是Google的相关说明(http://code.google.com/intl/zh-CN/apis/analytics/docs/flashTrackingIntro.html),大家有兴趣可以去看一下,我这里做了一个教程,教大家一步一步的使用这个组件.一.申请Gmail帐户因为这个组件获取的数据是跟帐户捆绑的,所以,需要有一个Gmail帐户.打开http://www.google.cn/analytics/zh-CN/ ,选择立即注册,然后选择立即注册然后填好信息后,点'我接受:创建我的

  • joomla组件开发入门教程

    本文讲述了joomla组件开发知识点.分享给大家供大家参考,具体如下: 在你进行编码之前,有一些文件和文件夹需要创建和一些查询语句需要运行.你不但可以创建组件而且不用额外的配置就可以尝试不同的特性.你也可以看到Joomla!组织和访问组件方法的概况.最后,你会像其它组件一样加入工具栏. Joomla!组件的结构 Joomla!的所有组件都遵守指定的命名约定.每个系统组件都有唯一的名字,名字不要包括空格.代码分成两个文件夹,文件夹以com_开头,紧接着就是组件的名字.因此,你要创建两个相同名字的c

  • Maven多模块工程Module开发(图文教程)

    使用IDEA创建多模块开发 功能模块来分module 跟java的package类似,一般是按照的功能模块分module,比如:sso/cas/portal/activity/system,具体可根据需要 例如,在电商系统中如下module --module-test-common公共部分 --module-test-picture图片 --module-test-order订单 --module-test-checkout购物车 --module-test-pay支付 --module-tes

  • 支付宝支付开发IOS图文教程案例

    前言:继上次<微信支付开发IOS图文教程案例>以来,一直没有太多时间,更新总结详细支付这样的长篇大论,很抱歉.今天,推出支付宝支付的详细流程. 1.开始下载和查看支付宝支付的Demo. 我们直接进入支付宝的支付平台参考来进行集成支付宝支付: https://doc.open.alipay.com/doc2/detail.htm?spm=a219a.7629140.0.0.jIUkAQ&treeId=59&articleId=103675&docType=1 集成过程基本

  • Vue.js组件使用开发实例教程

    组件 组件可以扩展HTML元素,封装可重用的代码,在较高的层面上,组件是自定义元素,vue.js的编译器为它添加特殊功能,在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展. Vue.js的组件可以理解为预先定义好了行为的ViewModel类.一个组件可以预定义很多选项,但最核心的是以下几个: 模板(template):模板声明了数据和最终展现给用户的DOM之间的映射关系. 初始数据(data):一个组件的初始数据状态.对于可复用的组件来说,这通常是私有的状态. 接受的外部参数(p

  • linux环境安装node.js开发环境搭建图文教程

    Node.js现在有多火,有多重要,就不多说了,这里介绍一下他的开发环境安装,通常情况下,我们都是在window环境进行开发,或者是在mac环境下进行开发,但是我们的项目实际运行的环境一般都是在linux上的,所以我们让我们的开发环境和生产环境能够尽量统一,且能够方便我们开发,一般我们将必要环境安装在服务器上,然后在window上通过xshell,SecureCRTPortable等一些工具连接上去,在window上使用方便IDE软件开发,然后通过ftp将文件同步上去,所以这里就讲一些如何在服务

  • Eclipse搭建spring开发环境图文教程(推荐)

    1 安装 springsource-tool-suite: (1)在官网上找安装Eclipse的对应版本(我的Eclipse版本是4.5.1,对应版本是3.7.2) http://download.springsource.com/release/TOOLS/update/3.7.2.RELEASE/e4.5/springsource-tool-suite-3.7.2.RELEASE-e4.5.1-updatesite.zip (2)INSTALL NEW SOFTWARE (3)下载sprin

  • Visual Studio 2017开发环境的安装图文教程

    Visual Studio 2017是微软为了配合.NET战略推出的IDE开发环境,同时也是目前开发C#程序最新的工具,本节以Visual Studio 2017社区版的安装为例讲解具体的安装步骤. 说明:Visual Studio 2017 社区版是完全免费的,其下载地址为:https://www.visualstudio.com/zh-hans/downloads/ . 安装Visual Studio 2017社区版的步骤如下: (1)Visual Studio 2017社区版的安装文件是e

  • C# 对Outlook2010进行二次开发的图文教程

    第一步:添加新项目 第二步:添加新的页签,注意,此页签是显示到Outlook主界面的 第三步:添加自己想要的文本框以及按钮 第四步:如果你想将此界面显示到主界面的话,需要这样设置:属性里面的RibbonType 设置为 Microsoft.Outlook.Explorer 运行后的结果: 获取所有邮件内容 Microsoft.Office.Interop.Outlook.Application app; Microsoft.Office.Interop.Outlook.Items items;

随机推荐