从 MXML 调用 ActionScript 包函数

Question

如何从 MXML 调用 btn.as 中的函数？是否可以在不创建 btn 实例的情况下调用函数？

main.mxml 包含一个 Spark 按钮：

<s:Button text="Add Image"/>

btn.as 是一个包：

package {
    public class btn extends Sprite {
        public function btn() {
        }

        public function addImage():void {
           var im:Image = new Image("background.png");
           addChild(im);
        }
    }
}

Answer 1

你到底想要什么有点令人困惑，但我会尝试一下。

如何从 MXML 调用 btn.as 中的函数

我假设您想在单击按钮时在 btn 组件的实例上调用 addImage 函数。你可以这样：

<s:Button text="Add Image" click="{btnInstance.addImage()}"/>

如果你想要别的东西，你就必须详细说明。

是否可以在不创建 btn 实例的情况下调用函数？

是的，将其设为静态方法。像这样的事情：

    package {
        public class btn extends Sprite {
            public function btn() {
            }

            public static function addImage():void {
               var im:Image = new Image("background.png");
               addChild(im);
            }
        }
    }

然后你可以像这样调用静态方法：

<s:Button text="Add Image" click="{btn.addImage()}"/>

需要注意的是，我不希望“addChild”在静态方法中做任何有用的事情。如果没有组件实例，则不在显示列表中；并且您的新“孩子”将永远不会被展示。事实上，没有办法引用新的孩子。我想你可以将一个容器传递给 addImage 函数并在那里添加孩子。从概念上讲是这样的：

            public static function addImage(container:UIComponent):void {
               var im:Image = new Image("background.png");
               container.addChild(im);
            }

不过，我最初对这样的方法持保留态度，因此在没有完全理解用例的情况下不会推荐它。