毋庸置疑，Flash 的发展推动了网络的进步，是Flash给了网络活力与新鲜。现在，Macromedia又给Flash MX 增加了Components UI（UI组件）。有了Components UI后，我们就可以设计功能更加强大的程序，也不必再象以前那样笨拙地设计下拉菜单或是留言板的界面了。我们将会给大家详细讲解Components UI的功能、使用方法及使用技巧等。文章的最后，我们还会通过几个实例地讲解来帮助大家理解，消化我们所讲的内容。

    其实，现在的组件就是对Flash5中的SmartClips（智能剪辑）进行了功能增强，但它们都还只是一些拥有参数的影片剪辑。不过，与SmartClips不同的是MX中的组件也已经有了自己的方法，新增的Properties面板也使我们能更加方便的对这些组件进行设计。

    现在，FlashMX中只有7个简单的Components UI：CheckBox（复选框）、ComboBox（组合框）、ListBox（列表框）、PushButton（按钮）、RadioButton（单选按钮）、ScrollBar（滚动条），ScrollPane（扩展组合框），如图1所示。


图1

    在FlashMX中，我们可以使用单个的组件为一个界面提供服务。但更加可能的是，我们将会组合多个组件来制作各种复杂的菜单或是一些高级应用程序等等。当然，如果您愿意的话，您也可以改变组件的样式或是替换它们。

    开场就这样吧，下面让我们先来了解了解和组件相关的一些基本概念与知识。等大家有了地基（基础知识），那万丈高楼也就指日可待了。

    1. 组件的概念

    1.1 认识组件

    学过VC++的朋友对FlashMX中的组件可能有一种亲切感。虽然我们不能象在VC++中那样轻松地为控件添加成员函数，不过我们也不需要那些复杂的功能和函数，我们需要的只是一些更方便的能够解决问题的方法，FlashMX中组件自带的Methods（方法）可以为我们提供不少解决问题的手段。我们也可以看出FlashMX组件的功能主要还是面对网络设计的。在VC中我们可以使用属性面板轻松地设置控件，在FlashMX中我们也有了可提供方便设置的属性面板，如图2所示。


图2 组件的属性面板

    每个组件都有自己的参数设置面板。按快捷键Ctrl+F3打开Parameters（参数设置）面板后，我们可以在面板中对组件的参数进行设置。单击Properties（属性）切换到属性面板后，我们还可以对组件进行一般的设置，譬如我们可以选中一个组件，然后右键单击它，选择Edit命令，接着我们就可以设置这个组件的透明度或是颜色了。

     添加组件
    在FlashMX中的Window菜单下选择Components命令，或是按快捷键Ctrl+F7打开库面板，如图3所示。


图3 Components面板

    用鼠标左键按住Components面板中的组件，把它拖拽到场景中。这样，我们就简单地把组件添加到场景中了。然后您可以通过其参数设置面板来设定组件的参数。当然，您也可以通过ActionScript来为组件设定参数，这个我们后面介绍。

    现在，细心的朋友可能会问：为什么我的Components面板多出了ImageBox、Slider（Skin 1）和Slider（Skin 2）三个组件。其实，您要是想在您的Components面板中增加几个组件并不是一件困难的事情。首先，您要先设计好您自己的组件，或是找到您所喜欢的组件，然后根据路径Flash MX\First Run\Components找到FlashMX中组件存放的文件Flash UI Components.fla并双击它打开。接着，您只要把您的组件导入Flash UI Components.fla的库中即可。最后重新开启FlashMX，打开Components面板您就可以看见新的组件了。另外，不但是组件，我们还让Components面板显示影片剪辑，如图4所示。但实际上这并无多大的意义，我只是顺便给大家提一下。


图4 显示其它组件或符号