FLEX学习建议[转]
原帖:http://hi.baidu.com/flex2/blog/item/3501c1622af2b1dde6113aef.html
现在不少人开始关注并学习Flex了(至少比以前多了),但是现在关于Flex的资料并不多,国内的资料就更少了,而且Flex的论坛人气都差的很,一眼望去全都是提问帖子,回帖超过5个的寥寥无几,惨不忍睹啊。我翻译一些东西也是为了增加中文学习资料,不过真正想要学习最好还是趁早习惯了英文,去看英文文档以及英文Blog。我不是什么专家牛人,我技术水平差的远,但是我学习Flex的时间算是比较长的了,所以在这里给初学者提一点学习建议,希望能帮助大家少走点弯路。
一、起步
1.了解Flex以及相关的东西。
一开始你最好先搜索一下Flex到底是什么,有次我居然看到有人问Flex 和 Flex Builder 有什么区别,faint。建议大家最好是先看看Flex白皮书,看一些介绍Flex的文档,先把FDS,Flex SDK等东西搞清楚再说。
2.初级
了解了基本概念之后,开始进入学习了。初级教程还是挺多的,比如 Flex Quick Starts 以及Adobe官网上的初级教程。Flex Quick Starts 中文翻译在Adobe 中国(http://www.adobe.com/cn/devnet/flex/?tab:quickstart=1)上可以找到。其中有很多示例,那些示例你最好一行一行的敲出来,然后运行看看结果,不要直接复制。初学任何东西的时候都不要复制别人代码,偷懒也要看情况。
看完Flex Quick Starts之后,应该对Flex中的组件布局,事件机制等有了大概了解了。这个时候建议你了解一下 Flex 中的各种控件。官方有一个介绍各种控件的非常好的例子:Adobe Flex2 Component Explorer ,依然建议把所有代码敲一遍,至少对每个控件的样子以及容器的布局方式有个印象,到时候你需要什么的时候就自然想到某个控件。
了解了控件之后,应该了解一下ActionScript 3.0了,这个东西比较强大。如果你以前没有接触过AS,那么建议你认认真真看一下AS 3.0 的基本语法以及各种数据类型,虽然每种语言基本都是相通的,但是至少还是有点区别的,如果自以为是很容易就吃亏。
3.进阶
经过了一些练习对MXML,AS3.0 应该都比较熟悉了,接下来就是看一些高级教程 + 模仿示例代码了。高级教程Adobe Flex Developer Center上有不少,应该看。而且Adobe 自带的那个 Flex Store 也是个很好的例子。很多国外的Flex开发者都会将自己做得小例自提供源代码下载,所以示例代码不难找。在模仿别人代码的时候要注意别人的一些编程思想,比如组件之间如何通讯之类的,看多了代码以后遇到类似问题解决
相关文档:
TabNavigator默认是只初始化第一个TAB的,设一下属性,设了后会初始化其他TAB,creationPolicy="all"
补充下tab里面的容器是Canvas
动态生成TabNavigator tab页面
var canvas: Canvas = new Canvas();
canvas.label = "new Tab";
tabNavigator.addChild(canvas);
-------------------------------------------------- ......
HScrollBar{
up-arrow-skin: ClassReference( null );
down-arrow-skin: ClassReference( null );
}
VScrollBar{
up-arrow-skin: ClassReference( null );
down-arrow-skin: ClassReference( null );
}
http://www.brentlamborn.com/post/Flex-Scrollbar-Remove-up-down-arrows.aspx ......
什么是Cairngorm?
Cairngorm(中文名:“烟水晶”?)是一个轻量级的Flex RIA程序开发框架,从而使程序可扩展性、可维护性都大大提高,其本身并不是一个完整的企业应用,它只是提供了一个开发骨架,Adobe称之为体系。
Cairngorm体系
主要包括以下几个部分:
1、VO(Value Object)
IValueObject 和 ValueO ......
日前做项目,需要把页面的JS代码抽出来放到一个.js文件中,由于flex程序是以div+SWFObject的方式嵌入到页面的,为了达到目标网站只需要引用一个.js文件即实现引用项目工程的目的,所以也要把SWFObject的代码放到.js文件中。
思路是用document.write()把引用swf文件的代码写进页面,然后把flex要调用的js函数都放到.j ......
###################
#
Flex与Web设计
###################
大多数企业级的Web设计都需有3层结构:
*
表现层(Presentation
Tier):这一层构建的是用户看到的内容。有时候,人们也把这一层叫做图形用户界面(graphical
user interface,GUI)。
*
业务逻辑层(Business
Logic
......