flash cs4 和 flex builder 联合开发

简介:

出处:http://www.cnblogs.com/liusy1988/articles/2265097.html

 

flash cs4 优点:UI 设计功能强大;所产生的Flash文件小。

flash cs4 缺点:智能感知功能太弱。

flex builder 优点:智能感知功能强大。

flex builder 缺点:UI设计功能弱小;所产生的Flash文件大。

因此,很多情况下需要使用flash cs4与flex builder联合开发。俺对flex builder熟悉,对flash cs4不熟悉,经过几小时摸索,结合网上的文章,总结出下面的开发模式:

第一步. 在flex builder中建立一个ActionScript Project。使用多层命名空间。下面是我建立的Demo项目:

image

第二步. 在flash cs4中新建项目到同一个目录:

image

然后,在src目录下添加Demo.fla。把这个fla绑定到类 Orc.Demo.Main。

image

第三步,flash ui 和 as 之间互动

在flash这边,拖个Label组件过来,对这个组件指定Id为lbText,如下图:

image

Label组件是在fl命名空间下,因此,为了能够智能感知,Action Script 项目那边必须引用fl.*。引用方法:在Source Path中加入fl.*的源代码目录“……/Adobe/Adobe Flash CS4/Common/Configuration/Component Source/ActionScript 3.0/User Interface”,见下图:

image

为了在as文件中使用ui组件的强类型引用,我加入了 getter:

		public function get LbText() : Label
		{
			return this.lbText as Label;
		}

然后,添加事件,动态改变Label的值:

		public function Main()
		{
			this.addEventListener(Event.RENDER, OnRender);
		}
		
		private function OnRender(e: Event):void
		{
			this.LbText.text = "hello world.";
		}

返回Flash CS4,运行fla:

image

这样就可以了。既保证了强类型+智能感知,又保证了flash cs设计界面的优势。

 

缺陷:fla文件要放在src目录下,有点不爽。我尝试放到其它目录,结果告诉类路径有问题,可能是哪里没配置好。

 


本文转自火地晋博客园博客,原文链接:http://www.cnblogs.com/yelaiju/archive/2012/02/16/2354631.html,如需转载请自行联系原作者

目录
相关文章
|
1月前
|
开发者 UED 容器
鸿蒙next版开发:ArkTS组件通用属性(Flex布局)
在HarmonyOS next中,ArkTS的Flex布局是一种强大且灵活的布局方式,支持水平或垂直方向排列元素,并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap,适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
85 10
|
7月前
Uniapp开发过程中解决的一个Flex布局问题
Uniapp开发过程中解决的一个Flex布局问题
135 0
|
Web App开发 小程序 API
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
150 0
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
|
Web App开发 小程序 iOS开发
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
281 0
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
|
前端开发 JavaScript
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端
lex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式
265 0
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端
|
Android开发 机器学习/深度学习 Java