Flash/Flex学习笔记(1):Hello World!

简介: 万世开头难,先来一个Hello World!吧,Adobe出了二款支持Action Script3语言的经典开发工具,即:Flash CS 与Flash Builder(以前称为Flex Builder),这二者的关系就好Silverlight中的Blend与Visual Studio 先来看看Flash中如何玩: 1.

万世开头难,先来一个Hello World!吧,Adobe出了二款支持Action Script3语言的经典开发工具,即:Flash CS 与Flash Builder(以前称为Flex Builder),这二者的关系就好Silverlight中的Blend与Visual Studio

先来看看Flash中如何玩:

1.启动Flash CS 4,新建一个"Flash 文件(Action Script3.0)"

img_37e95e1ea1cfd69114353f233a6162c4.jpg

2.保存为HelloWorld.fla

3.再新建一个ActionScript文件,保存为Person.as(注意要与HelloWorld.fla保存在同一个目录下,否则fla就调用不到as文件了)
img_d036e6ac8fdb0440844e900cf36a10ee.jpg

4.Person.cs中敲入以下代码:

package {
	public class Person {

		private var _sName:String;//姓名
		private var _sSayContent:String;//说的内容

		//构造函数
		public function Person(obj:Object):void {
			this._sName=obj.name;
			this._sSayContent=obj.say;
		}
	
		//类的公共方法
		public function SayHello():String {
			var _s:String="["+this._sName+"]说:"+this._sSayContent;
			trace(_s);
			return _s;
		}
	}
}

 

注:ActionScript与JavaScript都是从ECMAScript标准发展而来的语言,所以语法比较相似,就不多解释了.

5.切换到开发人员工作区
偶是程序员,不是动画设计师,so,换个更习惯的环境,操作如下:

Flash Cs4-->"窗口"菜单-->"工作区"-->"开发人员"

img_79b8e194b60be3103319331f595b3f44.jpg

在这个工作区下,可以很方便的添加各类基本组件(即.net中的控件)到场景中

6.拖一个Label到场景中,并设置id为lbl1
img_31b539f66f9580cec8966ef8bfc8e6f9.jpg

7.添加AS代码

"窗口"-->"时间轴"

先把时间轴调出来,然后在第一帧在右击,选择"运作",敲入以下代码:
img_1d11ff5795fb17823dfca0494915e447.jpg

var p:Person = new Person({name:"菩提树下的杨过",say:"Hello Flash"});

lbl1.text = p.SayHello();

stop();

 

这里我们初始了一个json对象做为参数,实例化了一个Person对象,然后调用它的SayHello方法,并把返回值赋值为Label控件,最后的stop()让动画不要循环播放

Ctri + Enter 运行结果如下:
img_a0ae1c42f276a4cd5cb42eefe391a4bd.jpg

源文件下载:

 

再来看Flash Builder 怎么玩

1.启用Flash Builder Beta2(好象目前这是最高版本了),新建一个"Flex项目"
img_43960e82b7fab5653d8efb102ddd5b0a.jpg

2.拖一个Label控件到设计视图中,同时设置Id为lbl1

img_3384caca3adb88b10270be6f6c652b89.jpg

3.新建一个ActionScript文件,并保存为Person.cs,把刚才在Flash中写过的Person.cs代码复制到里面

其实也就是重用在Flash中写过的代码
img_12d29012bc46843de9c0bd7e81fcdbd8.jpg

4.切换到源代码视图,参考下图添加代码
img_cbee05fb3a9b157cfb866d47b2409153.jpg

ok了,运行

img_e6bd41ee6bfd2eb607de11a25395003a.jpg

 

小结:做为程序员来讲,肯定会更喜欢Flex的编程方式, 这个与Silverlight/VS的开发比较相似,但是有一个细节要注意,同样的功能用Flex开发生成的swf文件要大出N倍,以本文为例:Flash方式生成的swf文件只有15k,而Flash Builder beta2生成的swf文件居然有100K !(看来Adobe还要继续努力啊)

目录
相关文章
|
机器学习/深度学习 编解码 文字识别
第3章 计算机视觉基础
这篇文章是计算机视觉基础的介绍,涵盖了计算机视觉的概念、应用场景、挑战,以及常见的计算机视觉任务(如图像分类、目标检测、图像分割、OCR、视频分析和图像生成),并通过PaddleHub工具提供了快速实践的指南。
|
网络协议 Unix Linux
Rpcx (二):传输
Rpcx (二):传输
119 1
|
自然语言处理 知识图谱
通用信息抽取 UIE(Universal Information Extraction)
通用信息抽取 UIE(Universal Information Extraction)
1316 0
通用信息抽取 UIE(Universal Information Extraction)
|
前端开发
前端项目实战玖拾react-admin+material ui-踩坑-List的用法之children用法之WithListContext
前端项目实战玖拾react-admin+material ui-踩坑-List的用法之children用法之WithListContext
100 0
|
存储 JavaScript
VUE学习笔记--webpack(下)
VUE学习笔记--webpack(下)
|
easyexcel Java
SpringBoot 实现导出数据 - EasyExcel 导出数据
1. EasyExcel 介绍 EasyExcel 官网介绍 传统操作Excel大多都是利用 Apach POI 进行操作的,但是 POI 框架并不完善,使用过程非常繁琐且有较多的缺陷: 动态操作Excel非常繁琐,对于新手来说,很难在短时间内上手; 读写时需要占用较大的内存,当数据量大时容易发生内存溢出问题(OOM); 基于上述原因,阿里开源出一款易上手,且比较节省内存的Excel操作框架:EasyExcel 注意:easyExcel底层使用POI实现的;
|
SQL 关系型数据库 MySQL
【ElasticSearch从入门到放弃系列 十一】Elasticsearch常用查询方式讨论及实践(五)
【ElasticSearch从入门到放弃系列 十一】Elasticsearch常用查询方式讨论及实践(五)
180 0
|
缓存 JavaScript Serverless
Vue3 中computed计算属性的使用
Vue3 中computed计算属性的使用
|
JSON JavaScript 前端开发
Jquery就是这么简单
什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为什么要使用Jquery? 我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西.
1794 0