点击浏览该文件
照片效果看不到,没有上传,不过在硬盘中和可看到。
好,让我们看看具体的做法:
通过前几天的介绍我们已将FlashMX内置的组件作以简单的介绍,相信现在诸位已经对组件的功能、作用及使用方法有了一定的熟悉,或许到现在大家可能还没真正熟悉到利用这些组件可以达到什么样的实际功效,在下面我们就将举一实例向大家展示一下综合利用组件这些组件的高级应用。
在此实例中我们将应用到FlashMX内置的七大组件,利用这些组件我们在一个数据提交页内提交一些个人数据信息,然后再利用文本框及ScrollPane组件显示个人的照片及其它信息。或许我们一时半会并不会从该实例中琢磨到什么实际应用价值,但试想假如用此实例为基础再加之后台数据库等内容的运用,不需多久就可轻松的构建例如留言板等Flash应用程序了,因而诸位在学习此例时也需搞清楚它们的结合原理,哥们数据库方面太弱。
具体实例看下图:
1、姓名旁边是一个输入文本,其实体名称为name(非变量名)
2、性别旁边不用说了,是两个RadioBox单选框,并将其Lable命名为男、女。(注重其参数GroupName(组别名称)应该相同)
3、来自旁边是一个ComboBox(组合框),将其组件命名为CBComeFrom,将起Labels按如下图设置。
、擅长旁边是6个CheckBox(复选框),其Label名分别为FLASH动画、FLASH编程、三维动画、平面设计、灌水、煽情,其对应的组件名称为CKFlashMovie、CKFlashAction、CK3D、CKPlane、guan、shan。其他的参数默认即可,也可以根据自己的个性进行修改。
5、简介旁边的是一个输入文本和一个ScrollBar(滚动条),输入文本的实体名称为InstanceName_0,并将滚动条拖入到输入文本中,滚动条的参数设置如下图:
6、照片旁边也是一个输入文本,其实体名称为PhotoPath。
7、最下边是一个推动按钮,将其的Label设置为确定,Click Handler中输入InputData以便调用InputData函数来进行数据的提交。参数如图:
(注:具体参数可参看源文件,关于以上七大组件的使用闪吧的教材区都有具体的介绍,有什么不懂可翻看以前的教程)。
新建一层,并在层中第一帧的内输入如下代码:
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 (guan.getvalue() != false) {
shui = guan.getLabel();
} else {
shui = "";
}
if (shan.getvalue() != false) {
qing = shan.getLabel();
} else {
qing = "";
}
//定义一个变量adept,将前面复选项中被选中的项进行累和最终得到我们的擅长内容
adept = FlashMovie+FlashAction+Design3D+Plane+shui+qing;
InstanceName_0 = InstanceName_0.text;
PhotoPath = PhotoPath.text;
//完成数据收集以后再进行影片播放
play();
}
//创建自定义函数ViewData(),利用此函数我们可以将前面数据输入的内容进行信息显示
function ViewData() {
ViewName.text = name;
ViewSex.text = sex;
ViewComeFrom.text = ComeFrom;
ViewAdept.text = adept;
ViewInstanceName_0.text =InstanceName_0 ;
//用loadScrollContent找到将前面的照片路径,然后将照片显示在ScrollPane中
ViewPhoto.loadScrollContent(PhotoPath);
}
在第五帧加入要害帧
按下图进行布局:
从上到下均为动态文本框:
起变量名依次为:name sex ComeFrom adept
简介旁边的带滚动条的输入文本,可延续第一桢的状态,但要将变量名输入InstanceName_0
照片旁边是新建的一个ScrollPane(滚动面板),将起组件名称命名为ViewPhoto
并在AS层的第五桢加入如下代码:
stop();
//调用ViewData()函数,将前面输入的数据信息显示在此帧内的相应文本框及ScrollPane框内
ViewData();
最后需要注重的一点,关于照片的路径,假如在同一个文件夹下,可以直接调用如yu.jpg(和目标在同一个目录下。具体设置和效果看下图:
确定后:
至此我们已经对FlashMX自带的内置组件有了一定的熟悉,在以后的Flash应用程序中我们可以利用这些组件快速的创建拥有自己风格的影片。希望能给大家带来帮助。
源文件:
点击浏览该文件