为什么将这些对象放入 MXML 会破坏此功能？

Question

我有两个类，VideoPod 和 RemotePod，RemotePod 继承自 VideoPod。在不显示这些类中的所有代码的情况下，基本上都是 VideoPod 的一部分：

        public function showPanel():void {
            if (!pnl.visible) {
                pnl.visible = true;
                pnl.addElement(removeElement(vg));
            }
        }
                .
                .
                .
<s:Panel id="pnl" width="100%" height="100%" fontWeight="normal" visible="false" />
<s:VGroup id="vg" left="0" resize="onResize()" right="0" top="0" bottom="0">

这是 RemotePod 的一部分：

        private function onCreationComplete():void {
            m_tmrHeartbeat.addEventListener(TimerEvent.TIMER, checkPulse);

            var arrBtns:Array = new Array(4);
            for (var i:int = 0; i < arrBtns.length; i++) {
                arrBtns[i] = new Button();
                arrBtns[i].width = 28;
                arrBtns[i].height = 25;
                arrBtns[i].top = 10;//-28;
            }

            arrBtns[0].right = 10;
            arrBtns[0].setStyle("icon", Images.PATH + "view-fullscreen-3.png");
            arrBtns[0].addEventListener(MouseEvent.CLICK, maximize);
                .
                .
                .
            for each (var btn:Button in arrBtns) {
                addElement(btn);
            }

            m_lblSize.right = 154;
            m_lblSize.top = 18;//-20;
            m_lblSize.text = FULLSCREEN;
            addElement(m_lblSize);

其中 onCreationComplete() 是为 RemotePod 中的 creationComplete 事件调用的。几分钟前，我尝试将 RemotePod 中的按钮和标签移动到实际的 MXML 中，但这破坏了 showPanel() 函数。它引发的错误基本上有以下消息：“vg is not found in this Group。” （VideoPod 继承自 s:Group。）

我不明白。我还开始测试运行时 vg 的宽度是多少，显然它只是保持在 0。导致这种情况的晦涩语言功能是什么？谢谢！

Answer 1

MXML 类不继承其父级的 MXML 子组件。您应该在类构造函数（如果 .as）或初始化监听器（如果 .mxml）中使用纯 AS3 创建 Panel 和 VGroup。

protected var pnl:Panel;
protected var vg:VGroup;

private function onInitialize():void
{
    pnl = new Panel();
    //set pnl properties such as width, height...
    addComponent(pnl);

    vg = new VGRoup();
    //set vg properties such as width, height...
    addComponent(vg);
}

另一种解决方案是为您的基类使用皮肤。