进入Flash MX组件时代之二内置组件的使用（下） -pc6资讯

您的位置：首页 → 网页设计 → Flash → 进入Flash MX组件时代之二内置组件的使用（下）

进入Flash MX组件时代之二内置组件的使用（下） 时间：2004/11/7 2:19:00来源：本站整理作者：蓝点我要评论(0)

　　2.8　FlashMX七大组件综合实例

　　至此我们已将FlashMX内置的七大组件作以简单的介绍，相信现在诸位已经对这七个组件的功能、作用及使用方法有了一定的认识，或许到现在大家可能还没真正认识到利用这些组件可以达到什么样的实际功效，在下面我们就将举一实例向大家展示一下综合利用组件这些组件的高级应用。

　　在此实例中我们将应用到FlashMX内置的七大组件，利用这些组件我们在一个数据提交页内提交一些个人数据信息，然后再利用文本框及ScrollPane组件显示个人的照片及其它信息。或许我们一时半会并不会从该实例中琢磨到什么实际应用价值，但试想如果用此实例为基础再加之后台数据库等内容的运用，不需多久就可轻松的构建例如留言板等Flash应用程序了，因而诸位在学习此例时也需搞清楚它们的结合原理。

图34　组件综合实例数据递交页场景

　　首先我们按图34一般在第一帧内放置了RadioButton、ComboBox、CheckBox、SrollBar及PushButton等组件，当然还包括了动态文本框等内容。按照前面组件制作的实例我们定义好RadioBox的组别及其它组件的实体名称，然后在ActionScript层中的第一帧的内输入如下代码：

　　stop();

//创建自定义函数InputData()，获取姓名、性别、来自、擅长、简介、图片路径等数据信息

function InputData() {

　　 name = name.text;

　　 sex = radioGroup.getValue();

　　 ComeFrom = CBComeFrom.getSelectedItem().label;

//判断复选项是否选中，如果选中则获取复选框的标题名称否则让其变量名为空

　　 if (CKFlashMovie.getValue() != false) {

　　　　 FlashMovie = CKFlashMovie.getLabel();

　　 } else {

　　　　 FlashMovie = "";

　　 }

　　 if (CKFlashAction.getValue() != false) {

　　　　 FlashAction = CKFlashAction.getLabel();

　　 } else {

　　　　 FlashAction = "";

　　 }

　　 if (CK3D.getValue() != false) {

　　　　 Design3D = CK3D.getLabel();

　　 } else {

　　　　 Design3D = "";

　　 }

　　 if (CKPlane.getValue() != false) {

　　　　 Plane = CKPlane.getLabel();

　　 } else {

　　　　 Plane = "";

　　 }

　　 if (CKAsp.getValue() != false) {

　　　　 Asp = CKAsp.getLabel();

　　 } else {

　　　　 Asp = "";

　　 }

　　 if (CKColdFusion.getValue() != false) {

　　　　 ColdFusion = CKColdFusion.getLabel();

　　 } else {

　　　　 ColdFusion = "";

　　 }

//定义一个变量adept，将前面复选项中被选中的项进行累和最终得到我们的擅长内容

　　 adept = FlashMovie+FlashAction+Design3D+Plane+Asp+ColdFusion;

　　 Brief = Brief.text;

　　 PhotoPath = PhotoPath.text;

//完成数据收集以后再进行影片播放

　　 play();

}

//创建自定义函数ViewData()，利用此函数我们可以将前面数据输入的内容进行信息显示

function ViewData() {

　　 ViewName.text = name;

　　 ViewSex.text = sex;

　　 ViewComeFrom.text = ComeFrom;

　　 ViewAdept.text = adept;

　　 ViewBrief.text = brief;

//用loadScrollContent找到将前面的照片路径，然后将照片显示在ScrollPane中

　　 ViewPhoto.loadScrollContent(PhotoPath);

}

　　我们在PushButton的Click Handler中输入InputData以便调用InputData函数来进行数据的提交。

　　在场景的第5帧下我们放置了一些数据信息显示框与一个ScrollPane用以显示个人照片，如下图35所示：

图35 组件综合实例数据显示页场景

　　然后我们在第5帧的ActionScript层的关键帧中输入如下两句代码：

stop();

//调用ViewData()函数，将前面输入的数据信息显示在此帧内的相应文本框及ScrollPane框内

ViewData();

　　现在我们已经完成了该实例的制作，成品效果如下图36所示：

图36 组件综合实例成品效果样式

　　至此我们已经对FlashMX自带的内置组件有了一定的认识，在以后的Flash应用程序中我们可以利用这些组件快速的创建拥有自己风格的影片。然而，由于FlashMX相对于Flash5来说是一个质的飞跃，不仅仅只是表现在自带了几个内置的组件，更多的内容我们将在后面的章节中进行详细的叙述。