Question

如果在flex页面中以九宫格的形式显示大量的图片，大概有万把张(其实就四张图片根据状态不同显示不同图片）

最近把一个C/S项目改成B/S项目，里面有个实时监控(传递来的数据有个状态，如果状态是正常，显示正常状态的图标，如果状态为异常，则显示异常状态图标)的模块。

leader决定用flex来做这模块。我很光荣的奉命用一个星期去学flex，然后准备开发。现在基本上flex和java的交互都弄得差不多了，但是在显示数据的时候问题来了，打开客户端的flex页面时，速度慢得不行，卡。

在flex中我需要接收从java服务器端传递过来的数据，然后用列表的形式将这些数据显示出来。其中有个状态(status)的属性，我要根据实时接收的状态的值(正常、关闭、未知、待处理四种状态)，显示不同的图片（正常.jpg/关闭.jpg/未知.jpg/待处理.jpg）。即，假如这一秒接收到的状态是正常，就显示正常.jpg这张图，两秒后接收到待处理的状态，就显示待处理.jpg这张图。

但是因为我是通过actionscript代码来循环创建Image控件的方式来显示状态图标的，一万多的数据量，就创建了一万多的Image，感觉这样做是有问题的，这样做对内存简直是可耻的浪费。

但是我接触flex也才一个多星期，很多东西都是懵懵懂懂的，很多flex对数据的处理方式都不清楚，公司也没谁接触过flex，哪位兄弟姐妹对flex熟点的给指点下迷津，感激不尽。
这是读取出来的图片(测试用的)，加载好久才加载完，而且内存狂飙到2G。

Answer 1

虽然有1w张图，但是你不可能同时显示这么多啊，屏幕上有显示的才生成，不显示的不理。

上面是简单的原理。具体实现不需要这么复杂，直接使用list + 图片的渲染器即可，渲染器在页面滚动过程中会复用（由list自己实现）

追问

list + 图片的渲染器 这是什么东西呢？接触flex不久，很多东西都不知道呢，能不能具体说说或者给个简单的例子我看看？兄弟感激不尽啊

追答

如图，具体的各组件大小、数据源都自己写吧

追问

哥们，我听了你的话去了解了渲染器，然后弄出来想要的效果，但是同时也出现了一个问题。我用java向flex推送数据(大概5秒推送一次)。在flex端用customer接收推送过来的数据，保存到ArayCollection中，然后把这个ArayCollection对象作为TileList的dataProvider，这样图片就能在TileList中的image显示出来。但是由于我的customer一直在不停的接收java端推送的数据，TileList控件每隔5秒就会刷新一次。huanshifush@163.com邮箱交流吧

追答

那又怎么样呢，导致了新的问题？

追问

TileList控件每隔5秒就会刷新一次，我想要的是不刷新控件就能更新数据。现在是我把滚动条拉到中间，它一刷新，滚动条又回到了顶端。

从

变成

后边的数据还没看完，它就刷新了。arraycollection对象的数据是每隔5秒从java服务器端获取一次的，现在只要arraycollection对象一更新，控件就刷新。我希望的结果是控件中的内容随着arraycollection对象的内容更新而更新，但是不要刷新整个控件，该怎么做呢？

追答

那你不能直接把ac赋给dp，得一项项的比对并修改当前dp里的对应的数据的值。（如果排好序，直接按顺序赋值即可）
另外，如果数据变化小的话，建议消息里只发送改变的项

追问

我也是这样做的，但是问题来了，我一项项去比对，整个页面就被卡死了。我用了两个数组，一个数组array1保存当前从服务器取到的最新数据，一个数组array2用于绑定tilelist，我用两个for each比对两个数组是否变更，变更了，就将array1中修改的值赋给array2，然后页面就被卡死了。哥们，能不能留个邮箱，我把我的demo发给你看看，这几天被leader逼急了

Answer 2

没太看明白要干什么- -
比较笨的办法就是，你在同一个位置放上4张对应不同状态的图，然后根据获取到的状态显示不同图片
<s:Group>

<s:Image source="xxxx" visible="{this.status=='正常'}"/>
<s:Image source="xxxx" visible="{this.status=='关闭'}"/>
……

</s:Group>

追问

简单来说，就是我想做个列表，列表中有个状态的字段，这个字段是用图片显示的，根据不同的状态的值(【正常】【关闭】【未知】【待处理】)显示【正常.jpg】【关闭.jpg】【未知.jpg】【待处理.jpg】这几张图片

Answer 3

你别一直创建对象啊，创建的多了当然就崩溃了，你直接修改img对象的图片源啊
你定义4张图片源对象 好像是
[@='url']
var img1:Class;
好像就是这样定义的 好久没用flex了记不清了

追问

但是没有Image对象，我怎么显示出我的图片呢？我想做的是这样的功能

这些状态都是从java端读取出来的，没有办法事先在mxml文件中写好image控件，因为到底有多少数据都是不确定的，可能几千条，也可能上万条。

Answer 4

？