flash cs4 和 flex builder 联合开发

简介:

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目录下,有点不爽。我尝试放到其它目录,结果告诉类路径有问题,可能是哪里没配置好。

本文转自xiaotie博客园博客,原文链接http://www.cnblogs.com/xiaotie/archive/2010/02/23/1671998.html如需转载请自行联系原作者


xiaotie 集异璧实验室(GEBLAB)

相关文章
|
3月前
|
UED 容器
5.HarmonyOS Next开发宝典:掌握Flex布局的艺术
Flex布局(弹性布局)是HarmonyOS Next中最强大的布局方式之一,它提供了一种更加高效、灵活的方式来对容器中的子元素进行排列、对齐和分配空间。无论是简单的居中显示,还是复杂的自适应界面,Flex布局都能轻松应对。
118 0
|
6月前
|
开发者 容器
鸿蒙开发:弹性布局Flex
在实际的开发中,需要掌握主轴与交叉轴的关系、换行规则及子元素属性,同时注意性能与兼容性问题,还有一点,Flex组件在渲染时存在二次布局过程,因此在对性能有严格要求的场景下建议使用Column、Row代替。
160 10
鸿蒙开发:弹性布局Flex
|
10月前
|
开发者 UED 容器
鸿蒙next版开发:ArkTS组件通用属性(Flex布局)
在HarmonyOS next中,ArkTS的Flex布局是一种强大且灵活的布局方式,支持水平或垂直方向排列元素,并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap,适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
390 10
Uniapp开发过程中解决的一个Flex布局问题
Uniapp开发过程中解决的一个Flex布局问题
202 0
|
Web App开发 小程序 API
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
178 0
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(下)
|
Web App开发 小程序 iOS开发
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
340 0
小程序开发-第一章第四节从block盒式布局到Flex弹性布局-全栈工程师之路-中级篇(上)
|
前端开发 JavaScript
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端
lex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式
306 0
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端