FLEX技术之四——界面布局和导航.ppt

文档介绍：FLEX技术之四——界面布局和导航
康玉忠
KYZEAL@
广东科学技术职业学院
知识回顾——布局的容器和控件
常用可视控件: 使用可视控件组织界面,可以定义组件属性供外部访问
A。基于文本的控件
B。基于按钮的控件
C。基于列表的控件
D。加入资源的控件
知识回顾——布局的容器和控件
常用可视控件: 使用可视控件组织界面,可以定义组件属性供外部访问
A。基于文本的控件(Text controls):
Label(单行文本显示)、
Text(多行文本显示)、
TextInput(单行文本显示与输入)
TextArea(多行行文本显示与输入)
RichTextEditor (富文本显示与输入)
用于显示文本和/或接收来自用户的文本输入,都有一个 text 属性用于设置要显示的文本。
使用 RichTextEditor 控件可以输入文本、编辑文本和设置文本格式。用户通过使用位于 RichTextEditor 控件底部的子控件, 应用文本格式和 URL 链接。
知识回顾——布局的容器和控件
常用可视控件: 使用可视控件组织界面,可以定义组件属性供外部访问
基于按钮的控件
Button(激活时会发出click和buttonDown事件)
LinkButton(用于打开URL)
CheckBox(复选标签)
RadioButton(单选标签创建的组)
PopupButton 控件(常用于打开List控件或Menu控件签)
激活时会发出click和buttonDown事件,用于 URL 链接,单选、多选、菜单选择。
知识回顾——布局的容器和控件
常用可视控件: 使用可视控件组织界面,可以定义组件属性供外部访问
boBox、
List、
HorizontalList、
DataGrid、
Tilelist、
Tree 控件
从某数据提供程序的数据,获得数据
使用[Bindable]元数据标签(属性非默认绑定,必须明确的声明被绑定的属性),将控件绑定到使用 ActionScript 定义的现有 Array 或 Collection。
布局的容器和控件——加入IMAGE案例
常用可视控件: 使用可视控件组织界面,可以定义组件属性供外部访问
D。加入资源(图片,音频,视频,程序):
Image(图画)控件: 可外载或内嵌多种富媒体资源: JPEG、GIF、PNG位图、SVG矢量图(只能内嵌)
SWFLoader控件: 通常用来加入Flex应用程序(可以使用AS与其通信),当然也能用于加入Image控件所能加入的富媒体资源。
加入MP3音频: 您可以在 Flex 应用程序中通过使用[Embed]元数据标签嵌入MP3文件并播放它。
加入视频FLV: 在 Flex 应用程序中加入视频组件。
运行时外载和编译时直接内嵌两种方式,外载方式要多花一段载入时间,但使用简单;内嵌方式可直接调用资源,但加重了程序的负担(体积变大,且图片编辑后需要重新编译)
Image(图画)控件:
<mx:Image id="myLogo0" source="assets/"/>
//
<mx:Image id="myLogo" source="***@Embed(''assets/'')"/>
//在脚本中定义富媒体对象,在MXML中可以多次嵌入
<mx:Script>
<![CDATA[ [Embed(source="assets/")]
[Bindable]
public var Logo:Class;
]]>
</mx:Script>
<mx:Image id="myLogo" source="{Logo}"/>
<mx:Image id="myLogo2" source="{Logo}"/>
布局的容器和控件——加入SWF案例
常用可视控件: 使用可视控件组织界面,可以定义组件属性供外部访问
D。加入资源(图片,音频,视频,程序):
Image(图画)控件: 可外载或内嵌多种富媒体资源: JPEG、GIF、PNG位图、SVG矢量图(只能内嵌)
SWFLoader控件: 通常用来加入Flex应用程序(可以使用AS与其通信),当然也能用于加入Image控件所能加入的富媒体资源。
加入MP3音频: 您可以在 Flex 应用程序中通过使用[Embed]元数据标签嵌入MP3文件并播放它。
加入视频FLV: 在 Flex 应用程序中加入视频组件。
运行时外载和编译时直接内嵌两种方式,外载方式要多花一段载入时间,但使用简单;内嵌方式可直接调用资源,但加重了程序的负担(体积变大,且图片编辑后需要重新编译)
SWFLoader控件:
//外载入