webgame开发之Flex调用FLash自定义界面
2011-09-22 23:13
405 查看
心得教程类型: 原创
简析:用TextArea的好处在于其htmlText支持html文本,这个不仅支持网页中的字体,段落,等等,还支持表情,网上很多讲表情聊天制作的没怎么看过,不过用这个是可以轻易实现的;不仅如此,<a href='event:" + secretChatRoleName + "'><u>" + secretChatRoleName + "</u></a> 的Link还可以监听玩家的名称,装备的名称,这样也很容易的就实现了再聊天窗口中查看玩家的信息和游戏装备属性!
本帖最后由 junxiang 于 2011-7-3 07:20 编辑 今天做游戏主界面,在群里看见有人讨论如何在Flex中调用Flash里面的组建或者自己搭建的界面,所以抽了点时间写了一个游戏开发中常用的聊天组建提供有用之人学习,觉得没用可以绕道,谢谢! 其实加载Flash中的自定义的界面有很多方式 比如讲界面转换成swc;发布成swf,或者直接操作fla都可以,不过大家有去玩网页游戏,然后去网页缓存中看资源文件,就会看见很多游戏都有很多空白的swf文件,其实那些大部分都是加密了的swf资源文件(资源发不成swf的好处我就不说了,有兴趣研究的可以去google,百度),下面是我用Flash做的资源swf,然后用Flex加载并显示的例子。 1、 调用Flash里面的TextArea 2、 调用Flash里面的TextInput 3、 调用Flash里面的Button 以上这些空间都是Flash里面的fl包中的,所以Flex中是没有的,并且fl中的基类组建都比Flex中对应的组建小很多,这个自己去测试! 详见代码: |
import mx.core.UIComponent; /** Flash中的聊天界面 */ private var chatMc:MovieClip ; /** Flash中的TextArea */ private var chat_content:* ; /** Flash中的TextInput */ private var chat_input:* ; /** 发送按钮 */ private var chat_send:* ; /** 资源加载器 */ private var swfLoader:Loader ; /** 发送私聊的玩家名称 */ private var secretChatRoleName:String = "一笑奈何" ; /** MC Contener */ private var uiComponent:UIComponent ; private function initChatUi():void { uiComponent = new UIComponent(); uiComponent.width = 600 ; uiComponent.height= 400 ; this.addChild(uiComponent) ; swfLoader = new Loader() ; swfLoader.load(new URLRequest("assets/chatui.swf")) ; swfLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete) ; } private function loadComplete(evt:Event):void { var chat:Class = swfLoader.contentLoaderInfo.applicationDomain.getDefinition("Chat") as Class ; chatMc = new chat() as MovieClip ; chat_content = chatMc.getChildByName("chat_content") ; chat_input = chatMc.getChildByName("chat_input") ; chat_send = chatMc.getChildByName("chat_send") ; chat_send.label = "发送" ; chat_send.addEventListener(MouseEvent.CLICK, sendMessage) ; uiComponent.addChild(chatMc) ; } private function sendMessage(evt:MouseEvent):void { /** 聊天信息模板 */ var chatStr:String = "<FONT FACE='宋体' SIZE='16' COLOR='#CFCF00'><b>【世界】<a href='event:" + secretChatRoleName + "'><u>" + secretChatRoleName + "</u></a>:" + chat_input.text + "</b></FONT>\n" ; chat_content.htmlText += chatStr ; chat_input.text = "" ; }
简析:用TextArea的好处在于其htmlText支持html文本,这个不仅支持网页中的字体,段落,等等,还支持表情,网上很多讲表情聊天制作的没怎么看过,不过用这个是可以轻易实现的;不仅如此,<a href='event:" + secretChatRoleName + "'><u>" + secretChatRoleName + "</u></a> 的Link还可以监听玩家的名称,装备的名称,这样也很容易的就实现了再聊天窗口中查看玩家的信息和游戏装备属性!
相关文章推荐
- (转载)FLEX 界面SKIN样式设计 - Uyang - Photoshop Flash Flex Apollo 教程 组件 开发 源代码
- 【转载】Flex 调用外部JS(中级篇) - Uyang - Photoshop Flash Flex Apollo 教程 组件 开发 源代码
- 从Android java 中调用Flex开发的应用程序
- 用flash制作SWC文件,生成flex自定义组件
- iOS开发笔记--自定义Zbar扫描界面
- 新增用户的时候调用smartbi二次开发接口调试的异常界面
- iOS开发之UI基础--纯代码自定义UItableviewcell实现一个简单的微博界面布局
- 以前编写的inno setup脚本,涵盖了自定义安装界面,调用dll等等应用
- android 自定义发彩信实现(不调用系统发彩信界面)
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- flash和flex结合开发方案
- 微信开发 企业号(三)-- 主动调用(通讯录、多媒体文件、自定义菜单,下发信息)
- 一个通过Flash设计与Flex结合开发的网站www.mapgle.cn
- 汇编调用flash文件.实现界面的初探
- Flex企业应用开发实践学习笔记(六)——使用ActionScript创建自定义组件
- 【连载】Bootstrap开发漂亮的前端界面之自定义右键菜单
- away3d开发环境搭建——Flash Develop+Adobe Flex
- android 小常识(包含一些界面开发的推荐颜色和自定义按钮~)
- Flex自定义组件开发之日周月日期选择日历控件
- Android软件开发之盘点自定义View界面大合集(二)