在 actionScript 中将元素添加到移动应用程序的视图

Question

我有一个带有项目列表的程序。项目是一个扩展View 的actionScript 类。当我单击列表时，它会推送视图。在此类的构造函数中，我添加了一些按钮，并且有一个添加另一个按钮的函数。 我的问题是视图仅显示构造函数中创建的按钮，而不显示函数中创建的按钮。

类

package 
{   

    import spark.components.Button;

    public class Application extends View
    {       
        public function Application()
        {
            var bt:Button = new Button();
            bt.label = "In C";
            addElement(bt);
        }

        public function addButton():void {          
            var b:Button = new Button();
            b.label = "Olé";
            addElement(b);
            visible = true;         
        }       
    }
}

FirstView

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" title="Home"
    visible="false" creationComplete="retrieveApplication(event)">
<fx:Script>
    <![CDATA[
        import ...

        protected function retrieveApplication(event:FlexEvent):void
        {
            ...
            var application:Application = new Application();
            ...                     
            application.addButton();
            this.visible = true;
        }

        protected function launchApplication(event:IndexChangeEvent):void
        {
            navigator.pushView(Application);
        }

    ]]>
</fx:Script>
<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:Button x="10" y="10" width="460" label="Button" click="launchApplication(event)"/>

我做错了吗？

Answer 1

请注意，您传递的是对 PushView 的类引用，而不是实例。这意味着您不会传递在retrieveApplication 方法中创建的应用程序实例。

在调用pushView 后，Flex 会实例化自己的视图实例。所以 addButton 方法永远不会被调用。