Flex 4 数据网格覆盖

Question

我需要在数据网格单元格上绘制叠加层。我希望叠加层位于底层单元格数据之上并显示剖面线图案，即：水平线和垂直线，就像单元格中的迷你网格一样。

覆盖的想法是表明，当一段时间内没有收到数据时，数据就已经过时或过时了。

我很确定我需要在渲染器的 updateDisplayList() 中做一些事情，但我还没有使用绘图 API，所以我不知道如何做到这一点。

任何帮助将不胜感激。

谢谢 标记

Answer 1

所以我想 ItemRenderer 有 2 种状态，一种称为“新”，一种称为“旧”，对吧？

一个好消息：您不需要重写 updateDisplayList 函数。 Flex SDK 4+ 为您提供名为 FXG 的图形实用程序。您可以访问此链接了解更多信息：http://help.adobe.com/en_US/flex/using/WS145DAB0B-A958-423f-8A01-12B679BA0CC7.html

在你的情况下，你可以这样做：

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/mx" width="50" height="50" click="currentState = 'old'">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:states>
        <s:State name="new" />
        <s:State name="old" />
    </s:states>
    <s:BorderContainer width="50" height="50">
        <s:Label text="{data.toString()}" />
    </s:BorderContainer>
    <s:Path data="M 0 10 L 50 10 M 0 20 L 50 20 M 0 30 L 50 30 M 0 40 L 50 40 M 10 0 L 10 50 M 20 0 L 20 50 M 30 0 L 30 50 M 40 0 L 40 50"
            includeIn="old">
        <s:stroke>
            <s:SolidColorStroke color="black" weight="1" />
        </s:stroke>
    </s:Path>
</s:ItemRenderer>

想法：创建一条路径（绘制网格）并将其置于“旧”状态，每当项目更改为“旧”状态时，网格就会出现。