通过 id[0]、id[1]、id[2] 引用组件（可能通过使用 Repeater 或 DataGroup）

Question

我正在尝试将游戏从纯 AS3 移植到 Flex4。

首先，我想对代码进行尽可能少的更改。

所以我有一个包含 3 个用户头像的游戏场：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
   xmlns:s="library://ns.adobe.com/flex/spark" 
   xmlns:mx="library://ns.adobe.com/flex/mx" 
   xmlns:comps="*">

    <comps:User id="user0" x="20" y="20"/>
    <comps:User id="user1" x="250" y="20"/>
    <comps:User id="user2" x="125" y="250"/>

</s:Application>

它工作正常，但我有以下问题：

我更愿意通过 user[ 0 ]、user[ 1 ]、user[ 2 ] 引用这些自定义组件。

而不是像上面代码中那样由 user0、user1、user2 执行。

如何实现这一目标？我可能需要使用 Repeater 或 DataGroup （有什么区别），但是如何处理不同的坐标？

我是否应该引入一个坐标数组（或 ArrayCollection？或 ArrayList？这让我在 Flex 中感到困惑）并以某种方式使用它？

更新：

我尝试了以下方法：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
   xmlns:s="library://ns.adobe.com/flex/spark" 
   xmlns:mx="library://ns.adobe.com/flex/mx" 
   xmlns:comps="*">

    <fx:Declarations> 
        <s:ArrayCollection id="myAC" source="{myDP}"/>
    </fx:Declarations> 

    <fx:Script>
        <![CDATA[
            [Bindable]
            public var myDP:Array = [ 
                { x: 20, y: 20 },
                { x: 250, y: 20 },
                { x: 120, y: 250 },
            ];
        ]]>
    </fx:Script>

    <mx:VBox>
        <mx:Repeater id="r" dataProvider="{myAC}">
            <comps:User id="user" x="{r.currentItem.x}" y="{r.currentItem.y}"/>
        </mx:Repeater>
    </mx:VBox>
</s:Application>

但是组件绘制在错误的位置（在垂直行中）...

Answer 1

如何实现这一目标？

您应该创建用户元素的数组或 ArrayCollection；从概念上讲是这样的：

var user : Array = new Array();
// create user1
var user1 : userType = new userType();
// set properties on user1
// .....
user.push(user1);

// create user2
var user2 : userType = new userType();
// set properties on user2
// .....
user.push(user2);

// create user3
var user3 : userType = new userType();
// set properties on user3
// .....
user.push(user3);

您可以编写创建用户对象所需的任何逻辑。从概念上讲，这正是我使用 Flextras Calendar 来创建日子的方法。根据显示的日历月份，我们决定创建多少天，然后创建它们并将它们存储在数组中。您可以使用任何逻辑来创建适合您的游戏的用户。

I probably need to use Repeater or DataGroup (what's the difference), but how do I handle the differing coordinates?

Repeater 和 DataGroup 都不是数组。他们不会为您创建数组或 dataProvider，并且不允许您像数组一样访问元素。

中继器基本上是循环的 MXML 版本，我相信应该不惜一切代价避免它们。 MXML 并不是一种好的循环语言。

DataGroup 旨在根据您指定的数据（dataProvider）及其布局类（垂直、水平或平铺）显示内容。在我看来，你想要一个自定义布局；所以我不确定是否建议使用数据组进行显示。

Should I introduce an array (or ArrayCollection? or ArrayList? this confuses me in Flex) of coordinates and somehow use it?

是的，我会使用数组。 ArrayCollection 只是数组的包装器，它提供 API 来过滤和排序数据。 ArrayList 只是一个实现 IList 接口的数组，因此它可以用作 DataGroup 或其他 ListBase 类（例如 DataGrid）的 dataProvider。

您发布的代码不是我推荐的方法。如果在 ActionScript 中执行此操作，您将可以更精细地控制组件的定位和布局。您可能会受益于阅读Flex 组件生命周期。< /a> 了解 UIComponent 如何在屏幕上绘制自己；以及如何融入其中以“让事情发挥作用”。在这种情况下，“让东西发挥作用”与你的定位有关。

我正在尝试将游戏从纯 AS3 移植到 Flex4。

我知道你是在帖子开头而不是结尾时这么说的，但我想问“为什么？” Flex 并不是为游戏而设计的；它是为游戏而设计的。我不确定我是否会推荐将其作为游戏引擎。如果您想创建菜单或高分列表，我可以看到它可能对您有利。但是，您应该能够轻松地并排使用 AS3 代码和 Flex 代码，而无需重新编写/修改游戏。