时间: 2021-07-31 作者:daque
第八章 笔墨字段和组件
第二节 组件(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范例中表露缺点的反应消息
resultfield.text="暗号不对,请从新输出!";
}
}
}
passwordfield.addeventlistener("enter", textlistener);// 将passwordfield范例备案到textlistener侦听器东西,一旦对准passwordfield范例爆发了按下enter键的吩咐,那么就触发textlistener侦听器东西相映的事变因变量。
按赶快键ctrl+enter,尝试功效吧!
(13)窗口(window)组件
不管何时你须要向用户供给消息或最优先的采用时,你都不妨在运用步调中运用一个窗口。比方,步调中须要用户填写登录窗口大概爆发了变动并须要确认新暗号的窗口。
在运用步调中创造窗口东西不妨运用窗口(window)组件。它不妨在一个具备题目栏、边框和封闭按钮(可选)的窗口内表露影戏剪辑的实质。window组件扶助拖动操纵,你不妨单击题目栏并将窗口及其实质拖动到另一个场所。
window组件不妨是形式的,也不妨利害形式的。形式窗口会提防鼠标和键盘输出转至该窗口除外的其余组件。
将窗口增添到运用步调的本领常用的有两种:一种本领是将窗口组件径直从【组件】面板拖放到戏台上;另一种本领是运用popupmanager类来创造窗口,这种本领不妨创造与戏台上其余东西臃肿的形式窗口。
在【属性】面板中不妨树立window组件的参数有:
u contentpath:指定窗口的实质。这不妨是影戏剪辑的链接操作符,大概是屏幕、表单或包括窗口实质的幻灯片的元件的称呼。它也不妨是要加载到窗口的swf或jpg文献的一致或对立url。默许值为 ""。加载的实质会被裁剪,以符合窗口巨细。
u title:指明窗口的题目。
u closebutton:指明是(true)否(false)表露封闭按钮。单击封闭按钮会播送一个click 事变,但并不许封闭窗口。你必需编写挪用 window.deletepopup() 的处置因变量,本领实行封闭窗口。
径直从【组件】面板将window组件拖放到戏台上去创造运用步调中的窗口的本领比拟大略,只有树立好相映的组件参数即可。
底下咱们用第二种本领,在运用步调中创造一个窗口,而且实行窗口的封闭功效。这个步调的运转情景如图8-3-27所示。
图8-3-27 窗口功效
这个步调的简直创造办法如次:
办法1 从【组件】面板拖放一个windows组件范例加入景上,而后简略,如许不妨使【库】面板中展示一个名字为“window”的编写翻译剪辑(swc)。
办法2 创造一个名字为textmc的片子剪辑元件,在这个元件的编纂场景中输出几行笔墨,典型为【静态文本】,笔墨东西的坐标为(0,0),如图8-3-28所示。
图8-3-28 textmc片子剪辑元件
在【库】面板中,用鼠标右键单击textmc元件,采用【链接】吩咐,弹出【链接】对话框,简直树立如图8-3-29所示,树立完后,单击【决定】。
图8-3-29 设置链接操作符
办法3 切换到主场景1,运用popupmanager类的createpopup因变量创造一个窗话柄例,并实行封闭功效。采用功夫轴第1帧,在【举措】面板中设置这一帧的举措剧本为:
import mx.managers.popupmanager//举措剧本类定名空间
import mx.containers.window//援用要创造一个window类
var mytw = popupmanager.createpopup(_root, window, true, {closebutton:true, title: "我的窗口",contentpath:"textmc"});//运用popupmanager类createpopup因变量创造一个窗话柄例mytw,在这个窗话柄例中表露链接操作符为textmc的片子剪辑
//以次是运用window类的click事变来实行单击封闭窗口的功效
windowlistener = new object();//设置一个侦听器东西
windowlistener.click = function(evt){//设置侦听器东西click事变因变量
_root.mytw.deletepopup();//简略范例名字为mytw的窗话柄例
}
mytw.addeventlistener("click", windowlistener);//将mytw窗话柄例备案到侦听器东西windowlistener上,如许,当单击mytw窗口上的封闭按扭时,挪用侦听器东西click事变因变量举行处置。
树立完后,按赶快键ctrl+enter,尝试功效吧!