使用可拖动的 Canvas 创建 TileList 时出现问题

Question

我想创建一个图块列表，其中有不同的画布或垂直框等，并且我想让它们能够拖动。

我编写了一个代码来执行此操作，但输出没有在列表中显示任何内容。

<mx:TileList width="1500" height="1000" dragMoveEnabled="true" 
                selectable="true" selectionColor="#FFFFFF"
                dragEnabled="true" dropEnabled="true" 
                 columnCount="1" rowHeight="160">
        <mx:dataProvider>
            <mx:Array>
                <mx:Canvas width="1450" height="100">
                    <mx:Button label="Testin the buttong"/>
                </mx:Canvas>
                <mx:Canvas width="1450" height="100">
                    <mx:Button label="Testin"/>
                </mx:Canvas>
            </mx:Array>
        </mx:dataProvider>
    </mx:TileList>

我该如何解决这个问题？或者让我知道我在这里做错了什么？

感谢和问候 泽尚

Answer 1

您的 dataProvider 应该具有某种类型的对象。理论上它们可以是 Canvas 的实例，但是使用可视组件作为 dataProvider 是非常不寻常的。您要做的就是阅读 itemRenderers。 itemRenderer 是一个组件，用于渲染 dataProvider 的每个实例。

尝试这样的事情：

<mx:script><[[
 public var mydb : Array = [
   {label: 'Testin the buttong'},
   {label: 'Testin'}

  ]
]]></mx:script>

<mx:TileList width="1500" height="1000" dragMoveEnabled="true" 
                selectable="true" selectionColor="#FFFFFF"
                dragEnabled="true" dropEnabled="true" 
                 columnCount="1" rowHeight="160" dataProvider="{mydp}">
        <mx:itemRenderer>
         <mx:Component>
                <mx:Canvas width="1450" height="100">
                    <mx:Button label="{data.label}"/>
                </mx:Canvas>
         </mx:Component>
        </mx:itemRenderer>
    </mx:TileList>

简而言之，我使用通用对象在脚本中定义了 dataProvider。我在线定义了一个 itemRenderer 。像这样的事情至少应该有一些东西出现。

我不确定画布是否可以拖动，因为它通常没有任何可以单击来开始拖动的内容。您可能需要考虑 TitleWindow。

我在浏览器中编写了代码，因此适用标准免责声明。