您的位置:首页网页设计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来说是一个质的飞跃,不仅仅只是表现在自带了几个内置的组件,更多的内容我们将在后面的章节中进行详细的叙述。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼