Flash/Flex学习笔记(1):Hello World!
万世开头难,先来一个Hello World!吧,Adobe出了二款支持Action Script3语言的经典开发工具,即:Flash CS 与Flash Builder(以前称为Flex Builder),这二者的关系就好Silverlight中的Blend与Visual Studio
先来看看Flash中如何玩:
1.启动Flash CS 4,新建一个"Flash 文件(Action Script3.0)"
2.保存为HelloWorld.fla
3.再新建一个ActionScript文件,保存为Person.as(注意要与HelloWorld.fla保存在同一个目录下,否则fla就调用不到as文件了)
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-->"窗口"菜单-->"工作区"-->"开发人员"
在这个工作区下,可以很方便的添加各类基本组件(即.net中的控件)到场景中
6.拖一个Label到场景中,并设置id为lbl1
7.添加AS代码
"窗口"-->"时间轴"
先把时间轴调出来,然后在第一帧在右击,选择"运作",敲入以下代码:
var p:Person = new Person({name:"菩提树下的杨过",say:"Hello Flash"});
lbl1.text = p.SayHello();
stop();
这里我们初始了一个json对象做为参数,实例化了一个Person对象,然后调用它的SayHello方法,并把返回值赋值为Label控件,最后的stop()让动画不要循环播放
Ctri + Enter 运行结果如下:
源文件下载:
再来看Flash Builder 怎么玩
1.启用Flash Builder Beta2(好象目前这是最高版本了),新建一个"Flex项目"
2.拖一个Label控件到设计视图中,同时设置Id为lbl1
3.新建一个ActionScript文件,并保存为Person.cs,把刚才在Flash中写过的Person.cs代码复制到里面
其实也就是重用在Flash中写过的代码
4.切换到源代码视图,参考下图添加代码
ok了,运行
小结:做为程序员来讲,肯定会更喜欢Flex的编程方式, 这个与Silverlight/VS的开发比较相似,但是有一个细节要注意,同样的功能用Flex开发生成的swf文件要大出N倍,以本文为例:Flash方式生成的swf文件只有15k,而Flash Builder beta2生成的swf文件居然有100K !(看来Adobe还要继续努力啊)
- Android开发必备知识:为什么说Kotlin值得一试
- Go语言实现冒泡排序、选择排序、快速排序及插入排序的方法
- Go语言排序与接口实例分析
- 从 Android 静音看正确的查找 bug 的姿势
- GO语言并发编程之互斥锁、读写锁详解
- 浅析Go语言中的Range关键字
- Go语言使用sort包对任意类型元素的集合进行排序的方法
- 优化Linux的内核参数来提高服务器并发处理能力
- 浅析 Android 的窗口
- Golang同步:锁的使用案例详解
- Android 开发绕不过的坑:你的 Bitmap 究竟占多大内存?
- 高性能网络编程7--tcp连接的内存使用
- 从websocket看go的应用
- go语言chan 和 routine活用
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法