原创力文档- 1、本文档共9页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
cairngorm入门案例
Flex开发框架cairngorm入门实例
2010-05-27 19:51
?Cairngorm是flex开发的mvc框架，现在在 adobe旗下。它架构和eclipse插件开发gef架构很相似，具体工作原理如下：
?
?
?
该框架就是一个Cairngorm.swc文件，大家可以到Cairngrom的官方网站上去下载，我在这里提供地址：/wiki/display/cairngorm/Cairngorm
然后新建一个Flex工程，有一个Cairngrom.swc包一定要引进去才行（一般放在libs文件夹里面）,或者直接 在build path中加入该包。
?
下面通过一个实例来说明Cairngorm框架如何使用。我们做一个简单的图书录入显示功能，做完后界面如下：
?
?
flex工程结构如下：
?
? 第1步：定义VO,不妨假定一本书包含书名，作者，和单价。代码如下，文件名为BookVO.as package com.dobodo.vo { public class BookVO { public var bookName:String; public var bookAuthor:String; public var bookPrice:String; public function BookVO() { } } } 第 ２步：创建ModelLocator，该类为单例模式，用来放整个应用的数据。 package com.dobodo.model { import mx.collections.ArrayCollection; public class ModelLocator { static private var __instance:ModelLocator=null; [Bindable] public var BookAC:ArrayCollection = new ArrayCollection(); static public function getInstance():ModelLocator { if(__instance == null) { __instance=new ModelLocator(); } return __instance; } } } 第3步：现在我们就要开始设计我们的视图了，即我们的界面效果，它是一个Component,。 文件名为：BookAdd.mxml ?xml version=1.0 encoding=utf-8? mx:Panel xmlns:mx=/2006/mxml width=562 height=306 horizontalAlign=left title=添加图书 mx:Script ![CDATA[ import com.dobodo.event.AddBookEvent; import com.adobe.cairngorm.control.CairngormEventDispatcher; import com.dobodo.vo.BookVO; import mx.collections.ArrayCollection; [Bindable] public var bookAC:ArrayCollection = new ArrayCollection(); public function addBook():void { var bookVO:BookVO = new BookVO(); bookVO.bookName = this.bookName.text; bookVO.bookAuthor = this.bookAuthor.text; bookVO.bookPrice = this.bookPrice.text; var event:AddBookEvent = new AddBookEvent(bookVO); CairngormEventDispatcher.getInstance().dispatchEvent(event); this.bookName.text = ; this.bookAuthor.text = ; this.bookPrice.text = ; } ]] /mx:Script mx:HBox width=100% height=258 horizontalScrollPolicy=off mx:VBox width=250 mx:Form width=233 height=212 mx:FormItem label=书名： mx:TextInput width=118 id=bookName/ /mx:FormItem mx:FormItem label=作者： mx:TextInput
文档评论（0）