第二节 组件(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帧,在【动作】面板中定义这一帧的动作脚本为:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)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实例中显示正确的反馈信息
}
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)else{//如果密码输入错误,就在resultField实例中显示错误的反