理解 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
发表评论
-
vbs脚本:CopyFolder
2012-01-20 02:16 505vbs脚本:CopyFolder 2010年08月08日 ... -
vbs学习笔记
2012-01-20 02:16 561vbs学习笔记 2010年06月20日 刚解了下fso, ... -
vbs脚本:MoveFolder
2012-01-20 02:16 750vbs脚本:MoveFolder 2010年08月08日 ... -
分享一个单机游戏的NSIS封装包脚本代码
2012-01-20 02:16 777分享一个单机游戏的NSIS封装包脚本代码 2011年05月1 ... -
在windows系统中配置关机和开机执行脚本
2012-01-20 02:16 929在windows系统中配置关机和开机执行脚本 2010年09 ... -
AS3容器的实现原理
2012-01-19 10:06 602AS3容器的实现原理 2010年07月09日 所谓 ... -
ASP/flasH
2012-01-19 10:06 588ASP/flasH 2011年07月29日 asp多文件 ... -
Flex 86道题(好好学习一下)
2012-01-19 10:06 583Flex 86道题(好好学习一 ... -
2009 - 2010 Flex 工作笔记
2012-01-19 10:06 6162009 - 2010 Flex 工作笔记 ... -
as3面试题
2012-01-19 10:06 639as3面试题 2011年09月13日 ... -
如何在XP中搭建谷歌Android SDK平台
2012-01-17 02:47 711如何在XP中搭建谷歌Andro ... -
.net SDK中CorFlags.Exe的用法
2012-01-17 02:47 860.net SDK中CorFlags.Exe的用 ... -
Meizu M8 SDK 开发之准备前记
2012-01-17 02:47 707Meizu M8 SDK 开发之准备前 ... -
android----Android开发环境搭建(JAVA)全程演示(jdk+eclipse+android sdk)
2012-01-17 02:47 500android----Android开发环境搭建(JAVA)全 ... -
Win7环境下安装Mac OS双系统及Iphone开发SDK
2012-01-17 02:47 1061Win7环境下安装Mac OS双系 ... -
我国驻越南的外交机构
2012-01-15 22:21 647我国驻越南的外交机构 2011年03月23日 中国驻越南 ... -
世界各国驻中国大使馆名录(全)
2012-01-15 22:21 2323世界各国驻中国大使馆名录(全) 2009年10月07日 ... -
各国驻香港大使馆
2012-01-15 22:21 597各国驻香港大使馆 2011年05月10日 香港机票网 ... -
flash/flex开源框架aswing教程1
2012-01-15 22:21 652flash/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 渲染器的基本方法 与上一个例子 效果一样。