将容器(在MXML中定义)的子容器移动到“内部容器”内部

Question

我目前正在开发一个扩展 Canvas 的自定义组件（我们称之为 SuperCanvas）；它基本上是一个可以让你缩放和缩放的容器。平移其内容。

解释原因太长了，但我不能使用scrollRect，所以我被迫在我的 SuperCanvas 中声明一个 Canvas 对象（称为 innerCanvas）...（我知道，不是很好） =/)

我想知道是否有适当的方法来“重定向”此画布中我的组件子级的创建。

让我解释一下：

<comp:SuperCanvas id="superCanvas">
   <mx:Image id="img" source="image.jpg"/>
   <mx:Label id="lbl" text="Sample"/>
</comp:SuperCanvas>

这样，img 和 lbl 将添加到我的 SuperCanvas 中。我希望将它们添加到 superCanvas.innerCanvas 中。

我无法重写 add/removeChild 方法来执行“重定向”，因为我无法添加此innerCanvas...

所以我尝试了这个：

<comp:SuperCanvas>
   <comp:innerCanvas>
      <mx:Image id="img" source="image.jpg"/>
      <mx:Label id="lbl" text="Sample"/>
   </comp:innerCanvas>
</comp:SuperCanvas>

但 Flex 抱怨“ >在“内容”的初始值设定项中：类型 mx.controls.Image 无法分配给目标类型 mx.containers.Canvas”。我读到我可以使用带有 [ArrayElementType] 元标记的 UIComponent 数组，并手动实例化对象，但我正在寻找更简单（并且可能合适）的解决方案。

我还看到了 childDescriptor 属性（其中包含 MXML 文件中定义的每个子项的描述），但它是只读的，因此我无法将其传递到我的 innerCanvas。

如果我不够清楚，请毫不犹豫地问我精确度，英语不是我的母语，所以很难很好地解释事情=/

任何帮助将不胜感激，我完全陷入困境。

---

编辑： 我的 SuperCanvas 类（减去导入以及此处无关紧要的缩放和平移逻辑）：

public class SuperCanvas extends Canvas
{
    public innerCanvas:Canvas = new Canvas();

    public function SuperCanvas()
    {
      super();
      addChild( innerCanvas );
    }
}

Answer 1

此博客条目详细介绍了将组件添加到 SuperCanvas，然后在创建后将它们全部移动到内部画布的方法。这是一种解决方法。

或者，您可以将 DefaultProperty 设置为 dataProvider 类型对象，然后从那里将内容添加到内部画布，而不是首先将它们设为 SuperCanvas 的子级。

另外：

我遇到了这个 博客文章，除其他内容外，还讨论了 Panel 组件及其如何处理此问题。您可以查看它和 Panel 源代码。