[Flex 2] 02 Flex
###################
#
Flex与Web设计
###################
大多数企业级的Web设计都需有3层结构:
*
表现层(Presentation
Tier):这一层构建的是用户看到的内容。有时候,人们也把这一层叫做图形用户界面(graphical
user interface,GUI)。
*
业务逻辑层(Business
Logic
Tier):幕后工作就发生在此层。程序代码就是在这里确定什么可以留下来、什么不可以留下来以及到其他服务器和数据库的连接。这是完成实质性工作的地方。
*
骨干层(Backbone
Tier):根据业务逻辑层中声明的规则来收集和分发数据的数据库服务器就处在这一层。
人们有时候把诸如此类的设计叫做n-层设计。除了刚才列出的基本的3层设计,有些设计方案还有额外的服务器层和数据层。
Flex主要是参与表现层的建设。事实上,人们常常把Flex称为呈现服务器。它的主要功能是运用为创建RIA(第1章有介绍)而设计的工具来创建用户交互。
###################
#
Flex应用程序框架
###################
Flex应用程序框架有其自身的层次结构。
位于最上方的是MXML和ActionScript3.0。其意义非常重大,因为它意味着Flex使用是Web设计中的两个最流行的工具:XHTML和面向对象编程(object-oriented
programming, OOP)。MXML类似于XHTML,ActionScript3.0则遵守了OOP的那些最严格的准则。
现在,如果光凭这两样仍不够的话,我们还可以同时运用MXML和ActionScript3.0对Adobe
Flash Player
9的能力进行驾驭。这意味着我们实际上获得了3方面的最佳组合:一门类XHTML的语言(MXML)、OOP(ActionScript3.0)和Flash的能力。3者合而为一。
Flex还自带了一个丰富的类文件(预建程序)集合,该集合包含了成功构建RIA所需要的大部分工具(其中包括用来连接到数据源的Flex
Data
Services(Flex数据服务))。即,我们需要的大部分东西已经构建好了,我们要做的就是在需要的地方调用它,并加入各种想要的自定义内容。Flash
Player会知道如何处理这些预建的类文件,并使用它们构建出一个能与用户交互的RIA表现。
1
MXML
MXML是一门基于XML的语言,它提供了一种简便的方法来调用和管理应用程序的视觉元素。同样,大部分的视觉元素都是已经预建好,等着我们直接
相关文档:
一、国外站点
1.资源 类
Adobe Flex 2 Component Explorer : 官方的,展示了各种组件 的用法 ,入门 必看。
CFlex :很好的一个Flex资源站点,包括教程 ,新闻,资源站点…… 只是页面有点杂乱,大家一般看右边那一栏就行了。
FlexBox :一个收集 了网上很多开源 组件的站点,是进阶学习 的好帮手。 ......
/**=========main.mxml=========*/
/* 导出excel */
private function exp():void{
if(dgEnterprise.dataProvider==null){
Alert.show("数据为空,无法导出excel","友情提示");
}else{
ExportExccel.loadDGInExcel(dgEnterprise,"/ssfxSystem/excelexport.jsp?tableName=企业信息");
}
}
/**===== ......
Hey,buddy! How are you doing these days?All right,Let us straight to the point.
flex嵌入字体有两种方式:
方式1,直接嵌入:
[Embed(mimeType='application/x-font', source='font/minicartoon.ttf', fontName='迷你简卡通')]
private var mnCartonFont:Class;
&nbs ......
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 ......