在Flah MX2004的ListBox中应用HTML

2016-01-29 12:51 7 1 收藏

在Flah MX2004的ListBox中应用HTML,在Flah MX2004的ListBox中应用HTML

【 tulaoshi.com - Flash 】

我目前正在做一个项目,使用了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",不加引号,这是个空的符号

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)
  3.在库面板的LabelCellRenderer上单击右键,从菜单中选择“linkage...”。点击“Export for ActionScript”,使用“com.darronschall.LabelCellRenderer”作为AS2.0的类。而且确定“LabelCellRenderer”作为ID。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)
  4.添加一个Label组件到库中。这是必要的,因为LabelCellRenderer用他来显示。

  5.拖动一个ListBox到舞台上,给他一个实例名称。我使用“myList”,在这个例子中调整他的大小到250×90。

  6.复制粘贴下面的代码,以使用LabelCellRenderer


// 普通的事件处理
function change(eventObj) {
    trace(eventObj.target.selectedItem.data);
}

// 填充ListBox - 注意label字符串中的HTML代码
myList.addItem({label:"<bApples</b ... <font color="#FF0000"are <ured</u</font", data:"apple"});

myList.addItem({label:"<bOranges</b ... <font color="#FF9900"are <uorange</u</font", data:"orange"});

myList.addItem({label:"<bBananas</b ... <font color="#FFCC00"are <uyellow</u</font", data:"banana"});

myList.addItem({label:"<bPears</b ... <font color="#009900"are <ugreen</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组件的内部程序。

来源:http://www.tulaoshi.com/n/20160129/1487800.html

延伸阅读
估计最近让大家高兴的一个消息无外于是MM公司刚刚推出的三剑客MX2004试用版了!想必大家都已经开始试用了吧!这里我们不谈别的,只管来看FWMX2004,呵呵,FWMX2004到底还是真的带给了我们一些让我们心动的东西:更新的软件界面;虚线描边的加入;增强的模糊滤镜--添加了动态模糊、径向模糊等滤镜;完美的双字节支持--对于汉语的支持非常棒了;...
标签: flash教程
MX2004自带的组件比MX漂亮了很多, 但有时候为了让组件的外观和整个页面的样式相统一, 必须重新改变组件的外观, 比如组件标签的字体和颜色, 组件的背景颜色等等. 这个FlashMX自身是做不到的.        改变组件外观有三种方法: Use the Styles API(使用样式API), Apply a theme(应用一个主题名), 和M...
标签: flash教程
第一章 认识Flash 第二节 Flash的工作环境(1)      1.     初识Flash MX 2004 运行Flash MX 2004,首先映入我们眼帘的是操作的“开始”页面。页面中列出了一些常用的任务,左边是打开最近用过的项目,中间是创建各种类型的新项目、右边是从模板创建各种动画文件。 单击【创建新项目】下的【Flash...
标签: flash教程
第一章 认识Flash 第二节 Flash的工作环境(7)      (4)【字符串】面板 【字符串】面板提供了简化的多语言文本创作流程。可以实现用一种语言创作FLA文件,以多种语言发布Flash内容。用其它语言输入的任何文本必须位于“动态文本”或“输入文本”字段内。还可以为每种指定的语言创建外部XML文件。首先要单击【字符串】...
2、圆形相关工具 (1)Doughnut Tool(圆环工具) 选取工具箱的该工具,在编辑区上进行绘制,会出现如下图所示图形: 经过处理,我们可以同时看到选中该图形后三个控制点的相关的提示框: a、最上端的控制点功能可以说是最大的,单击该控制点然后分别按照顺时针或者逆时针的方向拖动该控制点,就会出现将圆环切割分离的效果,如下图所示: ...

经验教程

362

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部