Flash MX2004入门与进阶实例——文字和组件(10)

云海顽石

第八章 文字字段和组件 第二节 组件(7) 这个程序的制作步骤如下： 步骤1 创建影片文档 新建一个影片文档，舞台大小设置为300×220，背景颜色设置为灰色。保存这个影片文档，文件名为“TextInput组件应用实例.fla”。 步骤2 引用组件 从【组件】面板拖放三个TextInput组件实例、两个Label组件实例到舞台上，调整它们的位置，效果如图8-3-26所示。

登录/注册后可看大图

图8-3-26 引用组件 步骤3 定义组件实例属性和参数 先按照图8-3-25所示设置两个Label实例的text参数值。 然后，选择第2个TextInput实例（标签文字为密码的），在【属性】面板定义这个实例的名字为：passwordField。设置【password】参数值为true，其他参数都取默认值。 选择最下边哪个TextInput实例，在【属性】面板定义这个实例的名字为：resultField。在【组件检查器】面板中设置【visiable】参数值为false（这样设置以后，这个实例刚开始在画面上不显示，我们要在程序中用程序代码控制它显示），其他参数都取默认值。 步骤4 编写程序 选择时间轴第1帧，在【动作】面板中定义这一帧的动作脚本为： textListener = new Object();//定义一个侦听器对象 textListener.handleEvent = function (evt){//定义侦听器对象的handleEvent事件函数 if (evt.type == "enter"){//判断侦听到的事件类型是不是按下Enter键 resultField.visible=true;//让resultField实例在页面上显示出来 if(evt.target.text=="password"){//判断输入到passwordField实例中的文本是否和设置的密码password一致 resultField.text="用户名和密码正确！";//如果密码输入正确，就在resultField实例中显示正确的反馈信息 } else{//如果密码输入错误，就在resultField实例中显示错误的反