Flex 2入门教程之五:基本控件基础

    【IT168 实用技巧】从本文开始，笔者将引领读者正式学习Flex技术的基础内容。虽然Flex技术本身比较复杂，涉及方面众多，但是只要读者踏实阅读按照本系列文章的讲解，相信用不了多少时间就能够掌握Flex的基础内容。本文重点讲解Flex技术提供的基本控件，首先读者需要对所有控件建立概括性了解，然后通过一个综合示例介绍基本控件。

    1.  Flex控件概述

    如前文所述，Flex技术使用组件创建用户界面。组件分为两种类型：控件和容器（容器在随后的文章中介绍）。对于具有一定开发经验的读者而言，应该不会对控件感到陌生。为了提高开发效率和界面的统一性，Flex提供了数十个种控件供用户选择，这些控件可以分为两种类型：基本控件和数据控件。同时，基本控件还可以细分为文本类控件、按钮类控件、菜单类控件和通用控件。

    控件具有以下三个重要特征：

    使用MXML实现控件声明，以及控件属性和事件设置；
    在运行时，可使用ActionScript调用控件的方法和设置控件的属性；
    可使用样式、皮肤和字体自定义外观。

    实际上，Flex组件（包括控件在内）都是继承自flash.display.Sprite和mx.core.UIComponent类的ActionScript对象。它们之间的继承关系如图1所示：

图1

    结合图1，根据面向对象的知识可知，Controls类会自动继承Sprite和UIComponent基类的属性、方法、事件、样式和效果。因此，在了解控件之前，读者有必要了解这些基类所提供的基本成员。

　　enabled属性

　　确定是否该组件接受用户交互。属性值类型为Boolean。

　　id属性

　　获取或者设置组件标识符。属性值类型为String。

　　height属性和width属性

　　获取或者设置组件高度和宽度。属性值类型为Number。

　　x属性和y属性

　　获取或者设置组件的水平和垂直坐标。单位是pixel。属性值类型为Number。

　　initialize ()方法

　　该方法用于初始化组件。

    实际上，基类Sprite和UIComponent还提供了很多基本成员。在控件的使用过程中，开发人员完全可以自由调用。限于篇幅，笔者就不在此一一列举了。

    下面简单介绍一下Flex技术提供的基本控件。

更多热点：Photoshop 视频教程 图片教程 开发速查手册