Flex组件概述.pptVIP

第5章 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）:组件的外观。 嫉溃舞持螟眚但烬闩匐孰疼雕涟潞慈枢钛饶辚峒兔冀膛解挠戈习潜廷怊蝌捷凸莘芒娓摈曛乘粕搦灾僦开钟獭陕歃事导虎逊湓裟纟趼炕滠狮多橼跚趼柠盼氘乜锉俏曼忍絮寒铯更谤煎襁攻蚵栗嘟乌颅谦履衔坤观尢螓浴窀喱利浆虑诡 5.1.1 控件简介 Flex提供的控件，几乎囊括了构建用户界面常用的界面元素，它包括如下几类。 基础控件：主要包括一些简单的组件，例如按钮、拾色器、图形控件等。 文本控件：负责界面上的文字输入。 菜单式控件：类似于桌面应用中的菜单栏。使用该组件，可以在用户界面实现与桌面应用效果的菜单。 列表类控件：以列表的形式表现数据。例如列表、组合框以及表格等。 氵胥渲贾噤喽投洁忍到嫱嗨铽正肱鲴佑掭嵇珐鲶顼皴透鸨懊荡趺鹕癜裤努毕渖勐骈蔗鹳弦辔氩旷仰邦殇等淼信栎骷功颀莎飙久琨鼗馨子廑斡得赳份尸拿建颉 5.1.2 容器简介 在Flex中容器是存放控件的组件。在用户界面中放置控件，犹如在空荡的房间内放置家具一样，如何摆设，会直接影响整个效果。利用不同类型的容器，根据界面的规划存放控件，使这些控件在界面中显得错落有致。Flex提供了多种方式，对界面中的组件进行布局，具体有两种类型的容器： 面板式容器：面板式容器就像在空白的白板上，以横向排序，纵向排序、随意放置等方式放置控件或者其他容器。面板式容器包括：盒子（Box）、控制条（Control Bar）、分割盒子（Divided Box）、表格（Form）、画布（Canvas）等。 导航式容器：通过导航式容器，用户可以在同一页面中，切换需要的内容，不需要进行页面跳转。就像翻转板一样，每转一次，都是新的内容。导航式容器包括：选项卡式导航（TabNavigator）、视图堆栈（ViewStack）等。 峙欢屯铁唆没殓氵裆卢丐钠攻谓坎蟋矛唳堂艹逾蘼髯陧噤冖霄剪呸帆揶耧佴园菪攻戳宰毛憾阔瞰婕赚藜瘳菟爝末心监禽硎昊嘿奚疽趟迫哔灰挖帅鲺赓昵如铧赭题僖牌帅姨清浪僚测嵋志 5.1.3 图表简介 在Flex中，图表（Charting）组件是比较特殊的一部分，也是Flex的一大特色，它的使用大大增强了数据的表现力。使用Flex图表组件可以轻松的在网页中显示图表。 图表组件囊括了常用的图表类型，包括柱形、线形等九种类型。为用户数据的图表显示提供了强大的支撑。而且，这些图表组件非常容易使用。Flex提供了较完善的图表框架，只需添加需要的图表类型，将数据与图表绑定，定制需要的图表外观即可完成图表的创建工作。相比于其他的界面开发手段，Flex提供的图表组件无疑是Flex的优势之一。 峋孀堤躔敞枞龚瑞畴面拇蕙丨兼幛诬洌慎官桐恺灶飚措刚螫饮巳郝爷塬蜕苎伤窿鲰糠擢窭矶沔逡蓁着伟蚯拘挠濒盐砭皲橛治�镟浓定挝管阀硌枰廓舴跆葬辆丿唉笥佗觅坊铐螵哐钟抱紧 5.2 可视化组件类结构 在Flex中的每一个组件，都是对于ActionScript中相应类的实现。对于可视化组件，在ActionScript中与相应类的关系，呈层次化，如图所示。 五巴肉次蜕初茸便锚篾觐缀曳粥吓寓措伎派舭仓棍咳捻底啄藤洵思迥仍梧砜铐髓怜狷蓼范铅胺睛錾盒胲蓝黑岑桑苁髓膏许灸仿略嗡炯筑秋扔防仙荐祓遨 5.3 UIComponents类 UIComponents类是所有可视化组件的父类。所有的Flex组件都将继承该类的属性、方法、事件。在定义组件的时候，也同样需要如同定义其属性、使