Flex - 第一个项目作为按钮，所有其他项目作为图像的图块列表

Question

我需要帮助 我需要一个 TileList，其第一个位置/项目有一个按钮，并且在所有其他项目中每个项目都有一个图像。 好吧，在遇到 Plastic 主题和 s:List 问题（滚动条列表的问题）之后，我放弃了并开始使用 TileList。 我正在为 TileList 使用自定义项目渲染器。这很简单，但我认为我做错了什么。

ArrayCollection 中 TileList 的 dataProvider 由 String 类第一项组成，所有其他项都是扩展 Image 类的自定义类。 喜欢： arr=["bt",图片,图片.....];

我不知道为什么，但我的 TileList 在第一个项目中显示正确的按钮，但之后它显示更多 2 个项目图像，然后第四个项目具有正确的图像但带有按钮，它是一个图案......在 3 个正确的项目之后，下一个项目带有一个按钮......

我的自定义 ItemRenderer：

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"

     horizontalAlign="center"
     verticalAlign="middle"
     creationComplete="init()">
<mx:Script>
    <![CDATA[
        import mx.controls.Button;
    protected function init():void
    {
        if(this.data == "bt")
        {
            var bt:Button = new Button();
            bt.id = "btEnviar";
            bt.width=84;
            bt.height=28;
            bt.label = "Enviar Fotos"; 
            addElement(bt);

        }

    }
    ]]>
</mx:Script>
<mx:Image id="img" source = "{data}"/>

如果有人可以提供帮助，我真的很感激...我在互联网上没有找到任何相关信息。

谢谢！

Answer 1

似乎是虚拟布局问题。这意味着渲染器被重用。如果它们没有重新初始化（例如：删除您的 bt 元素），可能会发生这样的事情。另外，我建议您重写 public function data(value:Object):void 并将代码放在那里。如果您确实愿意，您还可以禁用虚拟布局（在数据组/列表上使用VirtualLayout = false）。

我目前没有太多时间来解释它，但我建议您查看 DataGroup 的 itemRendererFunction 属性。此函数返回一个 ClassFactory，定义根据数据使用的项目渲染器的类型。

以下是来自 Adob​​e 参考资料的链接：使用项目渲染器 。请参阅“将项目渲染器函数与 Spark 容器结合使用”部分。