当前页面位置: » 丰搜网 » 文档中心 » 详细内容
在flah mx2004的listbox中应用html
我目前正在做一个项目，使用了flash mx 2004。情况一直很好，直到有一次我想令list中的一部分加粗。我原以为很简单，就像改变label一样，插入html标签就行了，但是生活哪有那么简单:)
在做了一点阅读和挖掘之后，我终于找到了一种方法，就是今天我要和你分享的。
下面这个就是最终的结果，你可以轻松的创建一个。
这个效果是通过创建一个自定义cellrenderer,而不是listbox默认的处理。
一个cellrenderer就是任意的一个class，这个class要实现cell renderer api，被用来在基于列表的组件（list，datagrid，tree和menu）显示一行的内容。你可以在帮助中找到更多关于cell renderers的信息
using components -> components dictionary -> cellrenderer api
按下面的步骤创建上面的例子
1.下载我的labelcellrenderer,解压缩到合适的路径（.fla所在的路径最好），保持压缩包中的文件目录
2.插入一个新的mc符号，命名为"labelcellrenderer"，不加引号，这是个空的符号
3.在库面板的labelcellrenderer上单击右键，从菜单中选择“linkage...”。点击“export for actionscript”，使用“com.darronschall.labelcellrenderer”作为as2.0的类。而且确定“labelcellrenderer”作为id。
4.添加一个label组件到库中。这是必要的，因为labelcellrenderer用他来显示。
5.拖动一个listbox到舞台上，给他一个实例名称。我使用“mylist”，在这个例子中调整他的大小到250×90。
6.复制粘贴下面的代码，以使用labelcellrenderer
// 普通的事件处理
function change(eventobj) {
trace(eventobj.target.selecteditem.data);
}
// 填充listbox - 注意label字符串中的html代码
mylist.additem({label:"<b>apples</b> ... <font color=\"#ff0000\">are <u>red</u></font>", data:"apple"});
mylist.additem({label:"<b>oranges</b> ... <font color=\"#ff9900\">are <u>orange</u></font>", data:"orange"});
mylist.additem({label:"<b>bananas</b> ... <font color=\"#ffcc00\">are <u>yellow</u></font>", data:"banana"});
mylist.additem({label:"<b>pears</b> ... <font color=\"#009900\">are <u>green</u></font>", data:"pear"});
// 当内容不足以显示滚动条时，关闭这个讨厌的东西
mylist.vscrollpolicy = "off";
// 使用 labelcellrenderer 来显示 listbox中的label,并允许使用html mylist.cellrenderer = "labelcellrenderer";
mylist.addeventlistener("change", this);
// 原文里改变了组件样式，我发现不改反而更漂亮，呵呵(qhwa注)
//_global.style.setstyle("themecolor", 0xcccccc);
这样应该可以了，祝你好运喽~
希望你明白了怎样使用一个cellrenderer有效地显示你需要地东西，而不是去钻研list组件的内部程序。
