压缩包下载
Alert 组件
先将Alert组件拖放到场景中,再删除掉(库中会存有一份),然后使用下面的代码就可以看到一个信息提示框。
import mx.controls.Alert;
Alert.show("Nice to meet you!","问候");
参数中第一个字串表示正文内容,第二个字串表示信息窗口的标题,默认情况下只有一个确认按钮。如果想在正文内容中换行,在字串中加入\n 即可。比如:
Alert.show("Hello! \n Nice to meet you!","问候");
InputText 组件和 按钮组件
InputText 组件常用的事件有 enter (敲回车) 、change (有输入)、keydown (按下键盘)、keyup (键盘抬起)
按钮组件常用的事件有 click (鼠标点击)
大家可能都知道使用组件时,通常会使用事件侦听结构,侦听器可有这样两种形式:侦听对象和侦听函数。
侦听对象的用法如下(按钮组件的实例名为a_btn):
var listenerObj:Object = new Object();
listenerObj.click = function(){
Alert.show("Hello! \n Nice to meet you!","问候");
}
a_btn.addEventListener("click",listenerObj);
侦听函数的用法如下:
function msg(){
Alert.show("Hello! \n Nice to meet you!","问候");
}
a_btn.addEventListener("click",msg);
后者结构上比较简单,适合于流程结构比较简单的场合。
List 列表框组件
添加信息 a_list.addItem("指定的字串");
删除全部信息 a_list.removeAll();
获取条目的个数 a_list.length;
常用事件 change (鼠标点击)
综合应用
用一个侦听函数侦听多个组件
function msg() {
//Alert.show(a_ti.text,"信息提示");
a_list.addItem(a_ti.text);
//trace( a_list.length );
a_ti.text = "";
}
a_btn.addEventListener("click",msg);//侦听按钮组件
a_ti.addEventListener("enter",msg);//侦听输入框组件
侦听器的参数
侦听器默认情况下有一个 Object 类型的参数,该参数中有一个 target 属性,于来指出产生侦听事件的对象来源。
如果屏幕中有两个列表框,用同一个函数对它们进行侦听并区分出是哪一个对象发生了点击,可以用下面的代码:
function showList(evtObj:Object) {
Alert.show("您选择的列表框是:" + evtObj.target + "\n您选择的数字是:" + evtObj.target.selectedItem.label);
}
a_list.addEventListener("change",showList);
b_list.addEventListener("change",showList);
示例中的完整代码
屏幕放置 实例名
一个文本框组件 a_ti
两个按钮组件 a_btn c_btn
两个列表框 a_list b_list
在文本框中输入文字,敲回车或是点击确认按钮都会将文字加入到列表框中,并清除文本框中的内容。
点击列表框中的内容,将给出信息提示,告知哪个列表框被点击,点击的内容是什么。
点击清除按钮将清除 a_list 列表框中的全部内容。
其它具体的参数意义请参考Flash帮助文件。
import mx.controls.Alert;
Alert.show("Nice to meet you!","问候");
function msg() {
//Alert.show(a_ti.text,"信息提示");
a_list.addItem(a_ti.text);
b_list.addItem(a_ti.text);
//trace( a_list.length );
a_ti.text = "";
}
a_btn.addEventListener("click",msg);
a_ti.addEventListener("enter",msg);
function showList(evtObj:Object) {
Alert.show("您选择的列表框是:" + evtObj.target + "\n您选择的数字是:" + evtObj.target.selectedItem.label);
}
a_list.addEventListener("change",showList);
b_list.addEventListener("change",showList);
function clearList() {
a_list.removeAll();
}
c_btn.addEventListener("click",clearList);