用LIST组件打造QQ好友聊天器

来自:http://www.flash-home.com/article/582.html

演示:

制作难点（相对而言，呵呵，其实很简单的。）：LIST加载XML、LIST组件添加ICO图标。
首先，LIST加载XML，在此不再缀述。
//定义XML类
var my_xml:XML = new XML();
//加载XML文件
my_xml.load("http://www.taoshaw.com/taoshaw/study/List_Ico/my_List.xml");
//消除空格
my_xml.ignoreWhite = true;
//设置加载成功程序
my_xml.onLoad = function(ok:Boolean) {
if (ok) {
var my_Array:Array = new Array();
var my_Length:Number = this.firstChild.childNodes.length;
for (i=0; i<my_Length; i++) {
node = this.firstChild.childNodes[i];
//添加数据
my_Array.addItem({label:node.attributes.pplName, data:node.attributes.qq, icon:node.attributes.icon});
}
myList.dataProvider = my_Array;
} else {
}
};
下面，就LIST前面添加ICO图标说一下。
首先，利用List组件属性iconField,可以设置对象数组中的哪个属性作为图标。
myList.iconField = "icon";
这一句一定要添加的，然后在给List添加数据源的时候，加上
icon:node.attributes.icon，类似的即可。
本实例详细代码如下：

//================版权声明开始================//
//★淘沙网：http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//
//定义List组件
var myList:mx.controls.List;
//设置List的行高
myList.rowHeight = "25";
//利用List组件属性iconField,可以设置对象数组中的哪个属性作为图标。
myList.iconField = "icon";
//定义XML类
var my_xml:XML = new XML();
//加载XML文件
my_xml.load("http://www.taoshaw.com/taoshaw/study/List_Ico/my_List.xml");
//消除空格
my_xml.ignoreWhite = true;
//设置加载成功程序
my_xml.onLoad = function(ok:Boolean) {
if (ok) {
var my_Array:Array = new Array();
var my_Length:Number = this.firstChild.childNodes.length;
for (i=0; i<my_Length; i++) {
node = this.firstChild.childNodes[i];
//添加数据
my_Array.addItem({label:node.attributes.pplName, data:node.attributes.qq, icon:node.attributes.icon});
}
myList.dataProvider = my_Array;
} else {
}
};
//定义监听事件
var my_Listener:Object = new Object();
my_Listener.change = function(eventobj:Object):Void {
//快速打开QQ窗口
getURL("http://wpa.qq.com/msgrd?V=1&Uin="+eventobj.target.selectedItem.data+"&Menu=yes", target="_blank");
};
//添加监听
myList.addEventListener("change", my_Listener);
//背景颜色...
_global.styles.ScrollSelectList.setStyle("backgroundColor", 0xF3FEF3);
//换行颜色...
_global.styles.ScrollSelectList.setStyle("alternatingRowColors", [0xF6F6F6, 0xE5E5E5]);
//隐藏边框...
_global.styles.ScrollSelectList.setStyle("borderStyle", "none");
_global.styles.ScrollSelectList.setStyle("color", 0x0E1901);
//文本颜色
_global.styles.ScrollSelectList.setStyle("backgroundColor", 0xF3FEF3);
//背景颜色
_global.styles.ScrollSelectList.setStyle("borderColor", 0xFFFFFF);
//边框色
_global.styles.ScrollSelectList.setStyle("selectionColor", 0x8FCD00);
//被选中项的背景色
_global.styles.ScrollSelectList.setStyle("textSelectedColor", 0x000000);
//被选中项的文字颜色
_global.styles.ScrollSelectList.setStyle("selectionDuration ", 1000);
//被选中项渐变速度
_global.styles.ScrollSelectList.setStyle("rollOverColor", 0x8FCD00);
//鼠标滑过高亮色
_global.styles.ScrollSelectList.setStyle("textRollOverColor", 0xFFFFFF);
//鼠标滑过文本色
//隐藏手形
btn_test.useHandCursor = false;
//================版权声明开始================//
//★淘沙网：http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//

xml文件代码：

<?xml version="1.0" encoding="UTF-8" ?>

源文件下载

用LIST组件打造QQ好友聊天器

Comments(0)

wenglou