flex 中渲染renderer的使用

最新推荐文章于 2023-11-23 20:23:45 发布
最新推荐文章于 2023-11-23 20:23:45 发布
阅读量209 收藏
点赞数
分类专栏： flex 文章标签： Flex ITeye Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_1183/article/details/82087370
版权
一直以来觉得renderer很强大，今天终于有时间把renderer好好地整理了一下。
renderer渲染可以使加载的featureLayer的元素以不同的symbol呈现。
1，首先必须说的是render是不能为空的，他的下面必须有相对应的子render
先看看render下面有ClassBreaksRenderer的情况，这个render可以设定一个属性，根据属性的值给出不同的symbol如： 
<esri:FeatureLayer id="hurricaneFeatureLayer"
                           load="hurricaneFeatureLayer_loadHandler(event)"
                           mode="snapshot"
                           outFields="[EVENTID,WINDSPEED]"
                           trackIdField="EVENTID"
                           url="http://servicesbeta.esri.com/ArcGIS/rest/services/Hurricanes/Hurricanes/MapServer/0">
            <esri:renderer> 
				<esri:ClassBreaksRenderer attribute="WINDSPEED" defaultLabel="defaultLabel">
					<esri:ClassBreakInfo maxValue="20">
						<esri:CompositeSymbol>
							<esri:SimpleMarkerSymbol alpha="0.7"
													 color="green"
													 size="5"/>
							<esri:TextSymbol textAttribute="EVENTID"
											 textFormat="{textFormat}"
											 yoffset="8"/>
							<esri:TextSymbol textFunction="myTextFunction" yoffset="-8"/>
						</esri:CompositeSymbol>
					</esri:ClassBreakInfo>
					<esri:ClassBreakInfo maxValue="40" minValue="20">
						<esri:CompositeSymbol>
							<esri:SimpleMarkerSymbol alpha="0.7"
													 color="red"
													 size="15"/>
</esri:ClassBreakInfo>
				</esri:ClassBreaksRenderer>
							[code]
效果图如下：
[img]http://dl.iteye.com/upload/attachment/504197/39e07535-ea2c-33eb-9197-ef49348a02f8.png[/img]

2,SimpleRenderer是一个很简单的renderer，这个renderer只能用一种symbol
[code="java"] <esri:renderer> 
				<esri:SimpleRenderer>
					<esri:SimpleMarkerSymbol alpha="0.7"
											 color="green"
											 size="5"/>
				</esri:SimpleRenderer>

效果图如下：

[img]http://dl.iteye.com/upload/attachment/504201/f3f252da-a4a1-30bb-ad17-c07277d47abf.png[/img]
3,TemporalRenderer是用于时间轴图层的渲染。 
 <esri:FeatureLayer id="hurricaneFeatureLayer"
                           load="hurricaneFeatureLayer_loadHandler(event)"
                           mode="snapshot"
                           outFields="[EVENTID,WINDSPEED]"
                           trackIdField="EVENTID"
                           url="http://servicesbeta.esri.com/ArcGIS/rest/services/Hurricanes/Hurricanes/MapServer/0">
            <esri:renderer> 

                <esri:TemporalRenderer>
                    <esri:trackRenderer>
                        <esri:SimpleRenderer>
                            <esri:SimpleLineSymbol style="dash"/>
                        </esri:SimpleRenderer>
                    </esri:trackRenderer>
                    <esri:latestObservationRenderer>
                        <esri:ClassBreaksRenderer attribute="WINDSPEED">
                            <esri:ClassBreakInfo maxValue="20">
                                <esri:CompositeSymbol>
                                    <esri:SimpleMarkerSymbol alpha="0.7"
                                                             color="green"
                                                             size="5"/>
                                    <esri:TextSymbol textAttribute="EVENTID"
                                                     textFormat="{textFormat}"
                                                     yoffset="8"/>
                                    <esri:TextSymbol textFunction="myTextFunction" yoffset="-8"/>
                                </esri:CompositeSymbol>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="40" minValue="20">
                                <esri:CompositeSymbol>
                                    <esri:SimpleMarkerSymbol alpha="0.7"
                                                             color="green"
                                                             size="15"/>
                                    <esri:TextSymbol textAttribute="EVENTID"
                                                     textFormat="{textFormat}"
                                                     yoffset="13"/>
                                    <esri:TextSymbol textFunction="myTextFunction" yoffset="-13"/>
                                </esri:CompositeSymbol>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="60" minValue="40">
                                <esri:CompositeSymbol>
                                    <esri:SimpleMarkerSymbol alpha="0.7"
                                                             color="red"
                                                             size="25"/>
                                    <esri:TextSymbol textAttribute="EVENTID"
                                                     textFormat="{textFormat}"
                                                     yoffset="18"/>
                                    <esri:TextSymbol textFunction="myTextFunction" yoffset="-18"/>
                                </esri:CompositeSymbol>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="80" minValue="60">
                                <esri:CompositeSymbol>
                                    <esri:SimpleMarkerSymbol alpha="0.7"
                                                             color="green"
                                                             size="35"/>
                                    <esri:TextSymbol textAttribute="EVENTID"
                                                     textFormat="{textFormat}"
                                                     yoffset="23"/>
                                    <esri:TextSymbol textFunction="myTextFunction" yoffset="-23"/>
                                </esri:CompositeSymbol>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="100" minValue="80">
                                <esri:CompositeSymbol>
                                    <esri:SimpleMarkerSymbol alpha="0.7"
                                                             color="green"
                                                             size="45"/>
                                    <esri:TextSymbol textAttribute="EVENTID"
                                                     textFormat="{textFormat}"
                                                     yoffset="28"/>
                                    <esri:TextSymbol textFunction="myTextFunction" yoffset="-28"/>
                                </esri:CompositeSymbol>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo minValue="100">
                                <esri:CompositeSymbol>
                                    <esri:SimpleMarkerSymbol alpha="0.7"
                                                             color="green"
                                                             size="55"/>
                                    <esri:TextSymbol textAttribute="EVENTID"
                                                     textFormat="{textFormat}"
                                                     yoffset="33"/>
                                    <esri:TextSymbol textFunction="myTextFunction" yoffset="-33"/>
                                </esri:CompositeSymbol>
                            </esri:ClassBreakInfo>
                        </esri:ClassBreaksRenderer>
                    </esri:latestObservationRenderer>
                    <esri:observationRenderer>
                        <esri:ClassBreaksRenderer attribute="WINDSPEED">
                            <esri:ClassBreakInfo maxValue="20">
                                <esri:SimpleMarkerSymbol color="white" size="5"/>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="40" minValue="20">
                                <esri:SimpleMarkerSymbol color="white" size="15"/>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="60" minValue="40">
                                <esri:SimpleMarkerSymbol color="white" size="25"/>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="80" minValue="60">
                                <esri:SimpleMarkerSymbol color="white" size="35"/>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo maxValue="100" minValue="80">
                                <esri:SimpleMarkerSymbol color="white" size="45"/>
                            </esri:ClassBreakInfo>
                            <esri:ClassBreakInfo minValue="100">
                                <esri:SimpleMarkerSymbol color="white" size="55"/>
                            </esri:ClassBreakInfo>
                        </esri:ClassBreaksRenderer>
                    </esri:observationRenderer>
                    <esri:observationAger>
                        <esri:TimeRampAger>
                            <esri:alphaRange>
                                <esri:AlphaRange fromAlpha="0.1" toAlpha="0.4"/>
                            </esri:alphaRange>
                        </esri:TimeRampAger>
                    </esri:observationAger>
                </esri:TemporalRenderer>
            </esri:renderer>
        </esri:FeatureLayer>


[img]http://dl.iteye.com/upload/attachment/504220/898e40e1-2fac-3454-a24e-e51ba9da0b97.png[/img]
iteye_1183
关注
专栏目录
Ext JS - renderer 函数中各参数含义
你的笑忘书
01-06 6947
Ext JS - JavaScript framework for web apps | Sencha.com Ext JS 4.2 官方文档地址 http://docs-devel.sencha.com/extjs/4.2.2/#!/api 搜索renderer即可查询API，Ext.grid.column.ColumnView.renderer renderer : Function
Flex 定制ItemRender详细解释
04-08
有时我们需要自己定义组件的渲染，该文档为Flex itemRender详细解释
理解 Flex itemRenderer - 内联渲染器
rym104ic
01-15 118
理解 Flex itemRenderer - 内联渲染器 2010年08月10日 　　Flex 提供许多控制, 它们可以按不同方式显示大量数据。List 控制自己、DataGrid、Tree 以及包括图表和 AdvancedDataGrid 在内的可视类。默认情况下, Flex 列表控制将提供的数据显示为简单文本。但 Flex 的能耐远不止此, 列表控制提供了一种使用 itemRende...
Flex组件的项目渲染器(ItemRenderer)使用总结
jakeorion的专栏
05-13 903
Flex中提供了大量用于数据呈现的组件，这其中，以List系列组件最为常见，使用也最频繁，比如ComBoBox、List、Tree、 TileList、DataGrid等等。这些组件有一个共同的特性，那就是支持自定义itemRenderer，这个功能非常强大，能够帮助我们实现很 多实用的功能.项目渲染器（ItemRenderer）是ListBase类列表控件的重要属性，我们在平常工作中会经常自定义项目渲染器以实现该类控件的特殊显示效果。默认的项目渲染器取决于组件类。TileList 和 Horizontal
flex rendererIsEditor
SpallationMetamorph的专栏
11-18 150
&lt;g:DataGridColumn id="dataGridColumn_ebcmLevelType" headerText="级别类型" rendererIsEditor="true" dataField="ebcmLevelType" width="100"&gt; &lt;g:itemRenderer&gt; &lt;mx:
剖析虚幻渲染体系（12）- 移动端专题Part 2（GPU架构和机制）
最新发布
ttod的博客
11-23 411
剖析虚幻渲染体系
如何在Renderer中设置属性 Renderer中设置属性的方法实例
10-27
在了解如何在Renderer中设置属性之前，我们首先需要了解Renderer的概念。Renderer是编程中用于渲染元素的组件或对象。在不同的编程框架和图形库中，Renderer可能具有不同的含义和用途。在本例中，我们讨论的是Adobe ...
flex在DataGrid中实现checkbox全选或取消
03-17
在IT行业中，尤其是在Web开发领域，Flex是一种广泛使用的ActionScript框架，它允许开发者构建富互联网应用程序（RIA）。本文将深入探讨如何在Flex中的DataGrid组件中实现复选框的全选与取消全选功能，这对于数据操作...
Flex列表控件自定义渲染器深入解析
"Flex_itemRenderer 是Flex开发中的一个重要概念，它涉及到如何自定义列表控件如List、DataGrid和Tree等的数据展示方式。默认情况下，这些控件会以简单的文本形式展示数据，但通过使用itemRenderer，开发者可以实现...
Flex 如何得到itemRenderer里面的内容
10-29
### Flex 中获取 ItemRenderer 内容的方法 在 Flex 开发中，经常需要处理列表或集合中的数据，并且根据这些数据创建对应的用户界面元素。ItemRenderer 是一个非常重要的概念，在 Flex 中用于表示列表项的视觉外观。...
游戏开发者指南- Qualcomm® Adreno ™ GPU（1）
weixin_38498942的博客
08-09 1301
早期 Z 拒绝提供了一种快速遮挡方法，可以拒绝从视图位置不可见（隐藏）的对象的不需要的渲染通道。Adreno GPU 可以以高达 4 倍绘制像素填充率的速度拒绝遮挡像素。下图显示了表示为网格的颜色缓冲区，每个块表示为一个像素。该网格上的渲染像素区域为黑色。这些渲染的黑色像素的 Z 缓冲区值为 1。如果您尝试将新基元渲染到 Z 缓冲区值为 2 的现有颜色缓冲区的相同像素（带有绿色块的第二个网格），则该新基元中的冲突像素将被拒绝（代表最终颜色缓冲区）。
高通Adreno Vulkan 开发（3）
weixin_38498942的博客
11-26 703
FlexRender™（混合延迟和直接渲染模式） QTI作为Adreno 3x，4x和5x的一部分推出了其新的FlexRender解决方案。 FlexRender是指GPU在间接渲染（合并或延迟渲染）和直接渲染到帧缓冲区之间切换的能力。直接渲染和延迟渲染模式均具有优势。 Adreno 3x，4x和5xGPU旨在通过以动态方式在两种模式之间切换来最大化性能。 GPU通过分析给定渲染目标的渲染并自动选择模式来工作。 基于图块的渲染 为了优化低功耗和内存带宽受限设备的渲染，Adreno GPU使用基于图块的渲染架
ItemRender---详细讲解理论篇
热门推荐
liruizhuang的专栏
08-31 1万+
Flex中提供了大量用于数据呈现的组件，这其中，以List系列组件最为常见，使用也最频繁，比如ComBoBox、List、Tree、TileList、DataGrid等等。这些组件有一个共同的特性，那就是支持自定义itemRenderer，这个功能非常强大，能够帮助我们实现很多实用的功能，本文将介绍itemRenderer的相关知识和具体应用。 什么是itemRenderer?
flex在使用itemrender时，再次刷新数据时itemrender错乱问题
IT深耕十余载，大道之简
09-11 1931
显然flex为了保证执行效率，只是单纯的更新了数据部分。忽略了视图部分的更新。已经给出了一个可行的解决方案，链接如下http://bbs.9ria.com/viewthread.php?tid=66077 公公给出的方案是利用绑定，把checkbox的selected属性绑定到dataProvider中。这样就把他当做了一个数据，flex就会自动更新了。 不过由于贫道开发的时候，不适合用绑定，
大前端时代的乱流：带你了解最全面的 Flutter Web
恋猫de小郭的博客
05-08 4255
Flutter Web 稳定版本发布至今也有一年多了，经过这一年多的发展，今天就让我们来看看作为大前端时代的乱流，Flutter Web 究竟有什么不同之处，本篇分享主要内容是目前 Flutter 下少有较为全面的 Web 内容。 本篇来自本人在《T技术沙龙-大前端时代的挑战与机遇（深圳场）》的线下技术分享。 一、起源与实现 说起 Flutter 的起源就很有意思，大家都知道早期 Flutter 最先支持的平台是 Android 和 iOS ，至今最核心的维护平台依然是 Android 和 iO
Adreno GPU详细介绍
崔传凯的专栏
10-22 7280
Adreno GPU详细介绍Adreno GPU是美国Qualcomm为移动平台设计的集成GPU。
flex datagrid itemrender 渲染 问题及解决办法
ChinFeng的专栏
04-14 4418
项目中遇到这样一个问题： 在datagrid中加itemrender,itemrender中是个checkbox，checkbox根据当前行的数据决定是否选中它， 当设置datagrid的高度不能完全显示列表中数据时，滚动列表时checkbox有时选中有时不选中，且有时会选到其它行上:问题分析：假设您要显示 1,000 条记录。如果您认为列表控制会创建 1,000 个 itemRenderer, 您就错了。如果列表只显示 10 行, 它会创建约 12 个 itemRenderer－这些足以显示各个可见行,
从主机的世代演进看渲染技术的发展
qq826364410的专栏
08-01 1723
 最近一段时间恶补了一些图形学的历史，把 GPU gems 123 ，GPU pro 1234567 还有 GPU zen 中的render技术连贯的学习了一下。突然产生了这样的想法，就是主机的世代演进，除了硬件机能大幅提高之外，渲染技术也有世代级别的进化。大家对主机世代演进已经是非常熟悉了，而对图形技术演进应该还是比较陌生的。这次我就带着大家，随着主机世代的演进，看图形技术的发展。 世纪前 -...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值