在 FlashMX 下使用 UI Components 制作一例

大家可以先看看这个例子（要有 Flash MX 的插件啊）。

其实呢，现在在 Flash MX 里面制作起来很简单的，那就是，我们要使用到 Flash UI Components。下图是成品的界面：

这里面其实有很多 Flash UI Components，下面有标出。

这个东西实现的效果是这样的：在左边填写和选择，然后按“提交信息”，右边就会出现正确的信息。我们首先把这些内容全部摆放到屏幕上，如果您是第一次使用 Flash MX，看看那下面，我们可以直接调整屏幕的尺寸：

我们先从最上面那个可以滑动的东西开始。

它是一个 ScrollPane，在制作之前，我们先要准备好一个 MovieClip，我们给它取名叫 efe 好了，放在 Library 里面就是这个样子：

右键点击 efe 这个 MovieClip，然后选择“Linkage”（用过老版本的闪客应该会使用的），填写上 Linkage 的名称：efetext。

好，下面点取 ScrollPane 对象，屏幕下方的 Properties 属性框会出现，然后在 Scroll Content 一栏填写上“efetext”。

这样，我们就完成了一项工作：将 efe 这个 Movie Clip 放到 Scroll Pane 里。效果就是我们可以看到的那样：我们可以拖动滚动条来浏览整个的 efe Movie Clip。

好，然后看看下拉框是怎么做的。我们使用的是 Flash UI Compnents 里面的 ComboBox，我们会在里面填写上一些必须的项目：

其中，Labels 代表的是显示的内容，而下面的 Data 则是代表上面的内容相对应的数值，这和 HTML 里面的用法是差不多的。Row Count，这个值用来控制显示项目的条数，如果超过这个条数，就会出现卷滚条。这个例子中项目只有６条，所以不影响，也不会出现卷滚现象。有兴趣不妨自己试试修改成４、５什么的看看效果。

下面是 Radio Button 了，性别选择男或者女，看看选项“男”是怎么做的：

Label 是显示的内容，Data 的功能也是和上面下拉框一样，需要注意的是 Group Name，本例中，有“男”、“女”两个选项，它们之间是相关的，只能选择一个，所以，这两个项目之间的联系就在这里－－Group name，“男”、“女”两个选项的 Group Name 是一样的，如果不一样，那么它们两个选项之间将不存在任何关系。这里我们都取成“sex”。

Check Box 也是类似，就不多说了。

要重点说的是文本框和卷滚条的关系。

我们放一个名为 words 的文本框，然后放一个 Scroll Bar 在边上，Scroll Bar 光自己滚动是没有意义的，它要指向一个文本框，那么，我们就在 Target TextField 项目里面填上“words”。这样，它们两个就简单的连接到一起了。有趣吧，简单吧。

function onClick(component){ _root.resulttext.text = "姓名：" + uname.text + "\r 评价：" + choice.getValue() + "\r 性别：" + sex.getValue() + "\r 留言：" + words.text + "\r 邮件：" + mail.getValue(); }

下面到这个小东西的唯一的一段程序，我们把上面的这段程序放到主时间线上（_action）：

大家可能轻易的就读懂了，是显示得到的数据。同以前有些不同，比如，文本框不简单的是一个变量了，在 MX 里面它已经变成一个对象，所以要用 _root.resulttext.text 来操作文本。

程序有了，我们就可以用按钮来调用它，按钮 Push Button 的属性是这样的：

“onClick”就是调用刚刚看过的主动画的那段程序，好像也很简单吧？