理解 Flex itemRenderer - 内联渲染器
2010年08月10日
Flex 提供许多控制, 它们可以按不同方式显示大量数据。List 控制自己、DataGrid、Tree 以及包括图表和 AdvancedDataGrid 在内的可视类。默认情况下, Flex 列表控制将提供的数据显示为简单文本。但 Flex 的能耐远不止此, 列表控制提供了一种使用 itemRenderer 对其内容进行自定的方式。通过允许您使用 itemRenderer 完全控制列表每行 (或单元格) 的内容, Flex 使您能够编写出更引人注目、更具创意、更实用的应用程序。
本系列讨论 Flex itemRenderer 以及如何高效、有效地使用它们。本系列的第一部分侧重于内联 itemRenderer, 它们写入描述 List 控制的 MXML 标记中。之后的文章讨论使用 MXML 和 ActionScript 且更为复杂的 itemRenderer。
要求
为了充分利用本文, 您需要以下软件和文件:
Flex Builder 3
范例文件:
itemrenderers_pt1.zip (ZIP, 28KB)
必要条件:
要从本文中受益, 您最好熟悉 Flex Builder 和 ActionScript 3.0。
循环使用渲染器
人们经常尝试从列表外访问 itemRenderer。例如, 由于您刚从服务器那里收到新数据, 您可能要将 DataGrid 中第五行的第四列变为绿色。获取那个 itemRenderer 实例并在外部修改它对于 Flex 框架和组件模型而言是一个大工程。
要理解 itemRenderer, 您必须理解它们为何变成现在这样以及我们当初设计它们时的目的。在此, 当我用到“我们”时, 我指的是 Adobe Flex 设计小组。我与它没有关系。言归正传, 假设您要显示 1,000 条记录。如果您认为列表控制会创建 1,000 个 itemRenderer, 您就错了。如果列表只显示 10 行, 它会创建约 12 个 itemRenderer-这些足以显示各个可见行, 多出的几个则用于缓冲和性能。列表最初显示行 1
发表评论
-
为什么不大愿意调用国内厂商提供的API
2012-01-20 09:45 556为什么不大愿意调用国 ... -
BIGWORLD问题集
2012-01-20 09:45 683BIGWORLD问题集 2010年11月07日 服务器问 ... -
编译 boost
2012-01-20 09:45 574编译 boost 2011年05月17日 ... -
linux&windows安装boost1.45
2012-01-20 09:45 732linux&windows安装boost1.45 2 ... -
CVS 版本控制环境配置指南
2012-01-20 09:45 618CVS 版本控制环境配置指 ... -
2010-11-30
2012-01-19 14:50 5122010-11-30 2010年11月30日 ... -
筹备计划
2012-01-19 14:50 684筹备计划 2011年08月27日 ... -
2011-10-8
2012-01-19 14:50 5402011-10-8 2011年10月08日 分享到: Q ... -
HTC Desire G7刷机
2012-01-17 04:34 902HTC Desire G7刷机 2011年10月07日 ... -
2011-8-4
2012-01-17 04:34 9602011-8-4 2011年08月04日 ... -
先人的DELPHI基础开发技巧2
2012-01-17 04:33 966先人的DELPHI基础开发技巧2 2011年02月28日 ... -
params ref out 的使用
2012-01-17 04:33 591params ref out 的使用 2010年06月24日 ... -
第五章: 基本I/O
2012-01-17 04:33 617第五章: 基本I/O 2011年04月21日 5.1 ... -
浅谈Asp程序的编写和调试
2012-01-16 03:26 665浅谈Asp程序的编写和调试 2010年03月08日 很多 ... -
牛X的黑客及联系方式-
2012-01-16 03:26 2400牛X的黑客及联系方式- 2010年05月22日 网名: ... -
KBS的BBS系统灌水脚本
2012-01-16 03:26 647KBS的BBS系统灌水脚本 20 ... -
flash/flex开源框架aswing教程1
2012-01-16 03:26 815flash/flex开源框架aswing教 ...
相关推荐
flex itemRenderer 渲染机制的概念和使用
详细介绍Flex的项目呈现器的各种初级用法以及高级用法,相当实用。
理解_Flex_itemRenderer 理解_Flex_itemRenderer 理解_Flex_itemRenderer
NULL 博文链接:https://hcty31.iteye.com/blog/1190932
解决Flex内联itemRenderer的例子
flex中经常会使用到渲染器,这里简要介绍一下渲染器的一些知识
flex中渲染器简介 本系列讨论 Flex itemRenderer 以及如何高效、有效地使用它们。
关于flex的itemRenderer的介绍,还算比较详细。
Flex项呈示器自定义及使用实例,展示用户信息,包括头像及等级信息。与博客Flex之旅--项呈示器ItemRenderer对应
提供: 内渲染器的使用方法。 通过2个List的 界面 自己看效果理解。
用FLEX4做的项呈现器,仿雅虎聊天界面。 需要的字段为userId、nikeName、sex…… 你可以自行添加 声明,次呈现器只做模版使用。
通过两种方法继承List组件的IconItemRenderer,实现在每个item项中添加组件,如button等
NULL 博文链接:https://liugang-ok.iteye.com/blog/1135551
Flex 4 ColumnChart 图表使用实例ColumnChart_RIA前线-Flex富应用、Flex中文教程、Flex实例源码 Flex实现ColumnChart柱图为圆角矩形的itemRenderer - 代码分享 - 开源中国社区 flex 动态生成柱状图,折线图_IT空间_...
itemRenderer里面的内容 获取技巧。
NULL 博文链接:https://baiyejianxin.iteye.com/blog/823229
FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc
<?xml version="1.0" encoding="utf-8"?> <![CDATA[ import mx.controls.CheckBox; import mx.controls.Alert;... </mx:itemRenderer> </mx:DataGridColumn> </mx:WindowedApplication>
本文为大家详细介绍下Flex4如何使用itemRenderer 为Tree加线,感兴趣的朋友可以参考下
提供: ActionScript 自定义 ItemRenderer 渲染器的基本方法 与上一个例子 效果一样。