论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

2004输入文本字段和动态文本字段

文章类别:Flash | 发表日期:2008-9-21 20:11:59

  概述
用户使用您在本课中创建的应用程序可以查看挑选出的产品的成本。查看后可以使用一个“计算”按钮来计算总成本。您将通过创建该应用程序来学习如何完成以下任务:



复制输入文本字段和动态文本字段
为文本字段指定实例名称
添加 Button 组件
声明变量和值
为文本字段指定值
编写函数
为组件编写事件处理函数












设置工作区

首先,您将打开本课程的起始文件并设置工作区,以便使用最佳布局来学习课程。


要打开起始文件,请在 Flash 中选择“文件”>“打开”。然后执行以下其中一项操作:

假如您使用的是 Windows 2000 或 XP 操作系统,请浏览到 <引导驱动器>\Documents

and Settings\<用户名>\Local Settings\Application Data\Macromedia\Flash MX 2004\<

语言>\Configuration\HelpPanel\HowDoI\QuickTasks\start_files 并双击

calculator_start.fla。

注重:假如没有显示 Application Data 文件夹,则需要更改“Windows 资源治理器”设置才

能查看该文件夹。





假如您使用的是 Windows 98 操作系统,请浏览到 <引导驱动器>\Windows\Application

Data\Macromedia\Flash MX 2004\<语言

>\Configuration\HelpPanel\HowDoI\QuickTasks\start_files 并双击 calculator_start.fla。


假如您使用的是 Macintosh 操作系统,请浏览到 <Macintosh

HD>/Applications/Macromedia Flash MX 2004/First

Run/HelpPanel/HowDoI/QuickTasks/start_files 并双击 calculator_start.fla。


注重:QuickTasks\finished_files 文件夹包含课程 FLA 文件的完成版本,以供参考。

选择“文件”>“另存为”,并使用一个新名称将该文档保存到相同的文件夹中,以保存原始的起始文件。

注重:在完成本课程中的任务时,切记要经常保存您的工作。

选择“窗口”>“面板设置”>“练习布局”以修改用于课程学习的工作区。

该表单已在 QTY 列中包括了一个输入文本字段,在 Price 列中包括了一个动态文本字段。

您将复制 Shocks 行和 Cover 行的文本字段。


复制输入文本字段和动态文本字段
您将使用输入文本字段来创建表单。

单击供用户输入 CD 播放器数量的输入文本字段。按住 Alt 键,将字段的副本向下拖到 Shocks QTY 区域。


按此在新窗口浏览图片

按住 Alt 键并单击刚才拖动的输入文本字段,然后将字段的新副本拖到 Cover QTY 区域。
按住 Alt 键并单击 CD 播放器价格的动态文本字段,然后将字段副本拖到 Shocks 价格区域。
按住 Alt 键并单击刚才拖动的字段,然后将该副本拖到 Cover 价格区域。


命名文本字段
在为动作脚本中的文本字段指定值之前,您首先需要在属性检查器中向每个文本字段提供一个实例名称。通过为实例名称附加 TXT 后缀,您可将对象标识为文本对象。

单击 QTY 列顶部的输入文本字段。在属性检查器(“窗口”>“属性”)的“实例名称”文本框中,键入 qty1_txt。
按照上面的步骤,分别将中部和底部的输入文本字段命名为 qty2_txt 和 qty3_txt。
单击 Price 列顶部的动态文本字段。在属性检查器的“实例名称”文本框中,键入 price1_txt。
按照上面使用的步骤,分别将列中部和底部的文本字段命名为 price2_txt 和 price3_txt。

添加和命名 Button 组件
组件是一些影片剪辑,您可通过它们轻松地将高级功能添加到文档中而无须了解高级动作脚本。您将使用 Button 组件来创建计算总价的“计算”按钮。因为所用的组件基于动作脚本 2.0,所以您需要先配置“发布设置”对话框以确保 Flash 内容能正常播放。

选择“文件”>“发布设置”。
在“发布设置”对话框的“Flash”选项卡上,假如尚未选定“动作脚本版本”弹出菜单中的“动作脚本 2.0”,请将其选定。
在时间轴中,单击“组件”层以选中它。
从“组件”面板(“窗口”>“开发面板”>“组件”)中,将 Button 组件拖到舞台中,并放在“计算”辅助线上。
在属性检查器的“参数”选项卡上,选中 Button 组件,单击“标签”行上的 Button 文本,并键入计算。然后按 Enter 或 Return 键。
在“标签”文本框中键入的文本就是在组件上显示的文本。

在“实例名称”文本框中,输入 calculate 以便为该按钮提供一个实例名称。

声明价格的变量和值
要使您的应用程序能够对所选部件的数量与部件的价格进行乘法运算,您需要为动作脚本中的每个部件定义变量。变量的值就是部件的成本。

在时间轴中,单击“动作”层的第 1 帧,打开“动作”面板(“窗口”>“开发面板”>“动作”)。
在“脚本”窗格中,键入 //declare variables and values for car part prices。
双斜杠 (//) 表示后面跟随的文本是注释。作为一种好习惯,每次都应添加注释来为脚本提供说明。

注重:在执行本课程的步骤时,您可能希望关闭代码提示(一种提示正确的动作脚本语法的工具提示)。假如是这样的话,可以单击“动作”面板右上角中的选项菜单来关闭代码提示。选择“首选参数”,然后取消选择“动作脚本”选项卡上的“代码提示”。

按下 Enter 或 Return 键并键入以下内容以显示每个部件的成本:
var priceCD = 320;
var priceShocks = 150;
var priceCover = 125;

为输入文本字段指定值
您将为输入文本字段指定值。当编写用于对数量和成本值进行乘法运算的动作脚本时,将会用到这些值。

在“脚本”窗格中,将插入点放在内容为 125; 的文本后面,按 Enter 或 Return 键两次并键入注释 //set initial values for the quantity text fields。
按 Enter 或 Return 键,并键入以下内容:
qty1_txt.text = 0;

qty1_txt 是您为 QTY 列下的第一个输入文本字段指定的实例名称。.text 是一个定义文本字段中的初始值的属性,您指定的值是 0。

按 Enter 或 Return 键并键入以下两行,以便将其他两个 QTY 字段的值设置为 0:
qty2_txt.text = 0;
qty3_txt.text = 0;

完成上述操作后,动作脚本应如下所示:

//set initial values for the quantity text fields
qty1_txt.text = 0;
qty2_txt.text = 0;
qty3_txt.text = 0;

编写函数
函数是一种可反复使用以执行特定任务的脚本。您可以给函数传递参数,而该函数可以返回一个值。在本课中,每次用户单击“计算”按钮时,都会运行一个函数以对输入文本字段中的数据进行乘法运算,并在动态文本字段中返回值。现在,您将编写该函数。

在“脚本”窗格中,将插入点放在内容为 qty3_txt.text = 0; 的动作脚本之后,按 Enter 或 Return 键两次,然后键入以下注释:
//calculate quantity times price

按 Return 或 Enter 键,并键入以下内容来创建在播放头进入第 1 帧(您将在该帧上附加脚本)时运行的函数:
this.onEnterFrame = function (){

键入以下动作脚本,指定函数应如何为 airplane 的输入文本字段中的值进行乘法运算:
price1_txt.text = Number (qty1_txt.text)*Number (priceCD);

price1_txt 是您为舞台中最上面的价格输入文本字段指定的实例名称。

.text 定义应出现在该文本字段中的文本,它是部件数与部件成本的乘积。部件成本为 $320,即您为 priceCD 变量设置的值。

按下 Enter 或 Return 键并键入以下两行:
price2_txt.text = Number (qty2_txt.text)*Number (priceShocks);
price3_txt.text = Number (qty3_txt.text)*Number (priceCover);
};

您的函数应如以下所示:

//calculate quantity times price
this.onEnterFrame = function (){
price1_txt.text = Number (qty1_txt.text)*Number (priceCD);
price2_txt.text = Number (qty2_txt.text)*Number (priceShocks);
price3_txt.text = Number (qty3_txt.text)*Number (priceCover);
};



为组件编写事件处理函数
为使 SWF 文件对鼠标单击等事件做出响应,您可以使用事件处理函数(与特定对象和事件关联的动作脚本)。您将使用 Button 组件的 on() 事件处理函数,它在用户单击该按钮时计算总价。

有关事件处理函数的更多信息,请参阅“动作脚本参考指南帮助”中的“处理事件”。

在舞台上,单击 Button 组件并转到“动作”面板。
“动作”面板底部标记为“计算”的选项卡指示您将脚本直接附加到选定对象而不是帧上。

在“脚本”窗格中,键入以下注释:
//Calculates total price

在注释后面,按 Return 或 Enter 键并键入以下内容来为您放在舞台上的 PushButton 组件创建处理函数:
on(click) {

您只键入了 on() 事件处理函数的开头。(click) 指定在用户单击“计算”按钮时应该发生的事件。

Button 组件有自己的时间轴。在时间轴层次结构中,该组件时间轴是主时间轴的子项。要在此脚本中将 Button 组件时间轴的元素指向主时间轴,可以使用代码 with (_parent)。

将插入点放在您刚才键入的行的末尾,按 Enter 或 Return 键并键入以下内容:
with(_parent){

按 Enter 或 Return 键,并键入以下内容完成处理函数:
priceTotal_txt.text = Number (price1_txt.text) + Number (price2_txt.text) + Number (price3_txt.text);
}
};

完成上述操作后,您的脚本应如下所示:

on(click) {
with(_parent){
priceTotal_txt.text = Number (price1_txt.text) + Number (price2_txt.text) + Number (price3_txt.text);
}
};

您键入的事件处理函数指定了以下内容:priceTotal_txt 字段中的文本应为 Price1_txt、Price2_txt 与 Price3_txt 三字段中的值之和。





测试您的应用程序
下面将测试应用程序以确保它按照预期方式执行。

保存文档,然后选择“控制”>“测试影片”。
在独立 Flash Player 中的影片测试版本中,在 QTY 字段中键入数字,看 Price 字段中会显示什么。
单击“计算”按钮来查看所有部件的总价。


小结
祝贺您学会了如何创建应用程序。在几分钟内,您学习了如何完成以下任务:

复制输入文本字段和动态文本字段
为文本字段指定实例名称
添加 Button 组件
声明变量和值
为文本字段指定值
编写函数
为组件编写事件处理函数
要了解更多有关动作脚本的知识,请学习“帮助”面板的“如何”选项卡上“基本动作脚本”系列中的课程。
上一篇:{教程}Flash动态填色本 人气:2722
下一篇:{教程}基础动画——引导线教程 人气:4179
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058