正在阅读：Flash8打造具搜索功能的电话本Flash8打造具搜索功能的电话本

2007-05-10 09:15 出处：作者：闪电儿责任编辑：chenzhenjia

返回分页浏览

1Flash8打造具搜索功能的电话本(1)回顶部

　　相关学习课程推荐：Flash 8专业版实例视频教程

　　利用Flash8 Action Script制作一个简单的电话本搜索程序。先看效果(姓名中输入Sven, Michel, Jack, Charly 和 Ana 可以查看到结果)：

点击这里下载源文件
　　

　　1、建立Flash文件，按Ctrl+J修改属性，然后从网上找来一幅图片当做背景使用：

Flash8打造具搜索功能的电话本
图1

2Flash8打造具搜索功能的电话本(2)回顶部

　　2、然后按下图所示添加一些部件。都是一些非常简单的设置，文字我加了一些滤镜效果，文本框是输入文本，为了好看我加了一个矩形框，还有一个按钮。

Flash8打造具搜索功能的电话本
图2

　　3、文本框对应的设置如下：

Flash8打造具搜索功能的电话本
图3

Flash8打造具搜索功能的电话本
图4

　　4、然后制作一个只有点击帧有一个形状的按钮，然后回到主场景中，添加一个图层，把刚才做的按钮放到search按钮上面正好盖住。

Flash8打造具搜索功能的电话本
图5

　　5、然后新建一个层，然后选择第1帧按F9输入下面指令：

　　var directory:Array = [{name:"Sven", phone:"854-664-9652"}, {name:"Michel", phone:"459-6996-4522"}, {name:"Jack", phone:"895-659-4485"}, {name:"Charly", phone:"956-8596-5243"}, {name:"Ana", phone:"127-25485-6695"}];
　　function getPhoneByName(name:String):String {
　　for(var i:Number = 0; i < directory.length; i++) {
　　if(directory[i].name.toLowerCase() == name.toLowerCase()) {
　　return directory[i].phone;
　　}
　　}
　　return "No Match";
　　}
　　searchButton.onRelease = function() {
　　resultField.text = getPhoneByName(nameField.text);
　　}

　　代码很简单，稍微有点编程基础就知道什么意思了！不给解释了。最后一个简单的电话本就这样做好了！