关于flex 设置图标有多种方式
1.在数据源中设置icon
2.通过设置函数 setItemItcon
3.用iconFunction 这里说一点本人的处理方式
image class
[Embed(source="dir/1.jpg")]
[Bindable]public var green:Class;
[Embed(source="dir/2.jpg")]
[Bindable]public var yellow:Class;
[Embed(source="dir/3.jpg")]
[Bindable]public var red:Class;
[Embed(source="dir/gray.jpg")]
[Bindable]public var gray:Class;
因为我的数据源xml 是自己动态创建的
<node name="军网八一电视6" desc="" id="95d3364419bc4a55ae1412ed73d025cf" parentid="" icon="null"> <node id="815df5f8c0884e3996e756a0648f3440" name="temp策略1" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="1924bd7a7a374320b73cf5c09e6bccfb" name="temp策略4" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="c9db2a837279423a8c3626b11d61b2e5" name="uuuu" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="4" icon="gray"/> <node id="f412962ef1bb4f2fb695439e8aae21ac" name="zytest10.22" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="b86d2dee1b9740dc88814af304b59f92" name="全局素材视频-XML策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="1" icon="green"/> <node id="55eff4c41ac74f459ba840998ebd2a38" name="全局素材音频-XML策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="c9a186d444e9408d95da75f11c4503aa" name="全局非MP4素材" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="d7a9ed13dd634749b4c0561f576b458f" name="卫视频道-收录策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="c41ab29f6714453ba2ea017e0c428eae" name="卫视频道-文件策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="4" icon="gray"/> <node id="1" name="新闻频道-收录策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="b64744ff0eb74c778175ee7e3b0cc126" name="新闻频道-文件策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="4" icon="gray"/> <node id="83cb6c9fd26344518f10f07e6a9ecf81" name="测试用策略-请勿关联_01" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="4" icon="gray"/> <node id="12c4cf65f99e4ea3bbd2cf1b527a4dae" name="网络视频抓取策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/> <node id="11" name="英夫美迪音频��描策略" parentid="95d3364419bc4a55ae1412ed73d025cf" selected="0" currentState="0" icon="gray"/></node>
上面是动态生成的结果
遇到问题1:使用iconFunction 你会发现每个item 都是一整个xml 无奈没法用
遇到问题2:动态生成xml为xml设置icon clas图标发现都变成string了
查看源码如下
if (icon == null)
icon = getStyle("defaultLeafIcon");
//convert to the correct type and class
if (icon is Class)
{
return icon;
}
else if (icon is String)
{
iconClass = Class(systemManager.getDefinitionByName(String(icon)));
if (iconClass)
return iconClass;
return document[icon];
}
else
{
return Class(icon);
}
会执行到这里 return document[icon]; 明显是走了icon is String 看来class被转了
于是干脆就给引用class字符串了 如:icon="gray" 在主文件里引入class文件 iconClass = Class(systemManager.getDefinitionByName(String(icon)));
flex会自动根据提供的字符串转成class 然后去匹配。
分享到:
相关推荐
flex 修改 tree的icon,根据数据源root 中不同的参数修改不同的图片。
flex tree 教程二
flex tree 复选框,以及父目录的三种状态。(全部选中,部分选中,没有选中)
里面收集了一些Flex的tree控件的用法和实例的源代码
flex tree+checkbox可实现级联勾选
flex tree+checkbox可实现级联勾选 修改后 修改CheckTreeDemoRenderer.as这个文件中 while (!cursor.afterLast){ if (cursor.current.@state == STATE_CHECKED) { noChecks++; }else if (cursor.current.@state =...
flex tree 拖拽,flex tree 节点移动。
去掉flex tree控件默认的图标并加上线连接。
本资源中包括Tree的文件和Tree的渲染文件(Checkbox),实现功能为点击树不获取值(也可以获取,改变一个变量即可),只有勾选Checkbox才能得到。并添加到集合中
flex带复选框的tree,包含源代码,需要用到的朋友请下载
在网上找到了关于flex 的tree在前面加上checkbox, 我经过改动, 现在很适合使用。
快速定位输入结点名称,点击“检索”后打开树中对应结点
Flex、Java 、Tree代码 使用XMLList生成xml文件
flex tree 自动显示横向滚动条 自定义重写
Flex Tree增加虚线连接,绘制虚线连接样式
Flex Tree 刷新数据源后,重新打开指定节点的解决方案,不需要延迟等其他手段
有时候tree节点内容太长,就需要用toolTip来实现鼠标滑过时提示全部内容。用两种方式实现. 1.通过itemRollOver和itemRollOut,使用ToolTipManager自定义实现 2.树本身属性showDataTips,加了一些小优化。 ...
前些日子看网上只有虚线连接的例子,无聊就给改了改
Flex右键菜单 flex tree 右键菜单 导入eclipse可直接用。我使用的flex sdk 版本是flex4.5.1,更改为4.0可直接使用。
flex 由tree扩展的时间轴,自定义其呈示器,由于有引用字体,所以编译的文件很大(会有十几兆), 可自行去掉字体的引用(不到1M)。