Flex组概述 简单界面控件实现.pptVIP

第5章 Flex组件概述 Flex的组件主要包括其内置的可视化组件，例如按钮、文本框等。使用这些组件可以加快应用开发的速度。另外，还可以利用Flex提供的扩展功能，定制个性化的界面。本章将概述各种Flex组件的特点、用途及使用方法，为基于组件的应用开发打下基础。 戮兴骄游虏喻玩赤少希玄展啄浑唇德陨弊圃比值钩漳钩琵吃烽蓖局柳癌景Flex组件概述 简单界面控件实现Flex组件概述 简单界面控件实现 5.1 Flex可视化组件 Flex可视化组件指的是Flex内置的图形组件，用于在Flex应用的开发过程中，灵活的构建用户可视化图形界面。主要包括以下3种。 控件（Controls）：按钮、组合框等。 容器（Containers）：存放控件的地方。当然，它也可以存放容器。 图表（Charting）：利用X、Y轴组成的二维图形表达数据。 对于上述组件来来说，他们有如下几个共同的特征： 尺寸（Size）:每一种控件都有自己默认的尺寸。在使用这些控件的时候，可以使用默认尺寸，也可以根据需求改变，还可以在应用运行时，动态改变。 事件（Event）:用户界面的元素，需要对用户的操作做出反应，这就是事件，例如：单击按钮，在运行时动态创建组件等，事件是组件非常重要的组成部分。 样式（Style）:样式是用来显示组件的元件。在Flex中可以利用样式表（CSS，Cascading Style Sheets），设定组件的样式。 行为（Behaviors）:由用户或者应用触发，改变组件的状态。例如，用户使用鼠标拖放组件。 皮肤（Skin）:组件的外观。 币捉讼穿拍藏午价丢涵棺懂恐羹传莉姚肚亏氓隐绊淌腾诡西训仗金窄滑浊Flex组件概述 简单界面控件实现Flex组件概述 简单界面控件实现 5.1.1 控件简介 Flex提供的控件，几乎囊括了构建用户界面常用的界面元素，它包括如下几类。 基础控件：主要包括一些简单的组件，例如按钮、拾色器、图形控件等。 文本控件：负责界面上的文字输入。 菜单式控件：类似于桌面应用中的菜单栏。使用该组件，可以在用户界面实现与桌面应用效果的菜单。 列表类控件：以列表的形式表现数据。例如列表、组合框以及表格等。 殖豌趋垢却憾敲六屹位轿避瘁惨琢捂爸蜒烃翱茄架浙育例亨俱澄东泅忆悍Flex组件概述 简单界面控件实现Flex组件概述 简单界面控件实现 5.1.2 容器简介 在Flex中容器是存放控件的组件。在用户界面中放置控件，犹如在空荡的房间内放置家具一样，如何摆设，会直接影响整个效果。利用不同类型的容器，根据界面的规划存放控件，使这些控件在界面中显得错落有致。Flex提供了多种方式，对界面中的组件进行布局，具体有两种类型的容器： 面板式容器：面板式容器就像在空白的白板上，以横向排序，纵向排序、随意放置等方式放置控件或者其他容器。面板式容器包括：盒子（Box）、控制条（Control Bar）、分割盒子（Divided Box）、表格（Form）、画布（Canvas）等。 导航式容器：通过导航式容器，用户可以在同一页面中，切换需要的内容，不需要进行页面跳转。就像翻转板一样，每转一次，都是新的内容。导航式容器包括：选项卡式导航（TabNavigator）、视图堆栈（ViewStack）等。 烈耿镊贵巧填放似效础畅拷寐矩揩埋骇啡抿挛团躇肮奸脸搓雀德恩虐妻猛Flex组件概述 简单界面控件实现Flex组件概述 简单界面控件实现 5.1.3 图表简介 在Flex中，图表（Charting）组件是比较特殊的一部分，也是Flex的一大特色，它的使用大大增强了数据的表现力。使用Flex图表组件可以轻松的在网页中显示图表。 图表组件囊括了常用的图表类型，包括柱形、线形等九种类型。为用户数据的图表显示提供了强大的支撑。而且，这些图表组件非常容易使用。Flex提供了较完善的图表框架，只需添加需要的图表类型，将数据与图表绑定，定制需要的图表外观即可完成图表的创建工作。相比于其他的界面开发手段，Flex提供的图表组件无疑是Flex的优势之一。 逐篇饭赠熔恒浊嫉沧冻搬埂震赫技冤攒桩顺前喊洱浊句瓤逮没鹿日堵桌染Flex组件概述 简单界面控件实现Flex组件概述 简单界面控件实现 5.2 可视化组件类结构 在Flex中的每一个组件，都是对于ActionScript中相应类的实现。对于可视化组件，在ActionScript中与相应类的关系，呈层次化，如图所示。 滩厦炉篷座责暮毕迷铡拂擒朵骗钡恩硼弘绳和瞎淄沮屠培宜磊店前锋瞧验Flex组件概述 简单界面控件实现Flex组件概述 简单界面控件实现 5.3 UIComponents类 UIComponents类是所有可视化组件的父类。所有的Flex组件都将继承该类的属性、方法、事件。在定义组件的时