2007/07/30 | 组件使用的几个简单示例。
类别(Flash学习笔记) | 评论(0) | 阅读(338) | 发表于 11:42

 压缩包下载

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);

0

评论Comments