Flex

来源:互联网 发布:淘宝宝贝展示代码生成 编辑:程序博客网 时间:2024/06/16 06:31

一、RIA4条技术路线:HTML/AJAX,Java,微软的Silverlight和Adobe Flash。

AJAX基于HTML、DHTL、JavaScript。AJAX的基本原理是使用JavaScript的更新页面而不重新加载页面。运行在浏览器中的JavaScript程序可以将新数据插入页面或者操纵HTML DOM改变其结构,而不用重新加载页面。更新可能涉及从后台服务器加载的新数据(用XML或者其他格式),也可以是为了响应用户交互,如点击或者悬停鼠标。

AJAX的优势在于不需要外部插件可以运行,只需使用JavaScript和DHTML,但是如果用户在浏览器中禁用了JavaScript,应用程序就无法运行。

还有一个问题是不同浏览器、不同平台兼容性问题。AJAX本身不是一种编程模型,它实际上是各种JavaScript库的一个集合。

Flex与AJAX差不多,都可以动态的加载用户界面,以及在后台加载和发送数据。

二、Flex中经常要用到的3个命名空间。Flex语言标签(由fx命名空间表示)、Flex Spark组件(由S命名空间表示)和Flex MX组件(由mx命名空间表示)。Spark类是Flex中新加入的组件,MX类则是可能在应用程序中用到的Flex3类。

XML命名规则,位于(:)与等号(=)之间的部分叫做前缀,等号后面引号后的字符串称为URL。例如:

 xmlns:s="library://ns.adobe.com/flex/spark",s称为前缀,而library://ns.adobe.com/flex/spark则称为URL。

<fx:Declarations>
  
  <!-- 将非可视元素(例如服务、值对象)放在此处 -->
  <mp:RecentVisitorAsComponent imageFile ="{visitor1.imageFile}" visitorName = "{visitor1.visitorName}" >  
  </mp:RecentVisitorAsComponent>
 </fx:Declarations>,<fx:Declarations>引用的并不是一个类,而是一个编译器指令,用于告诉编译器指令如何关联元数据和通过MXML创建的AS类。

执行机制:首先MXML标签被转换成ActionScript,ActionScript接下来被用来生成SWF文件,最后SWF被发送到浏览器中的Flash Player。

三、容器类型:

Group:用来包含一组子元素,不可见

SkinnableContainer:与Group功能相同,但是支持在屏幕上定义可见的外观

BorderContainer:也是一种SkinnableContainner,有边框,可以简单的包含子元素

Panel:也是一种SkinnableContainner,有边框,可以有标题和控制条的控制区

Application:也是一种SkinnableContainner,是Flex应用程序的根元素,也有控制条

NavigarionContent:也是一种特殊的SkinnableContainner,与ViewStack控件共同使用。

四、布局对象类型:

BasicLayout:支持绝对定位的基本布局,使用时必须知道每个布局元素的x和y坐标

HorizontalLayout:水平布局,元素按照左右依次排序

VerticalLayout:垂直布局,元素按照上下依次排序

TileLayout:根据设置创建能够按照行和列排列的布局,可以指定子元素何时开始新行新列

选定容器和布局对象之后,就可以控制他们了。

五、<s:Scroller>加滚动条,在Group外面加上滚动条并不一定会出现滚动条,只有不能完全显示Group的时候才会出现。

六、要分清楚类和属性:

主要看命名空间,如s:后面第一个字母的大小写,如果是大学,如Button,就说明这行代码引用的是一个类的新实例,如果是小写,如label中的l,就说明是设置一个类的属性。

 

 

0 0
原创粉丝点击