如何在Flex 3中调用ActionScript3.0中的MXML类

Question

我有一个由自定义组件组成的页面。 在该页面中我有一个按钮。 如果我单击该按钮，我必须调用另一个页面（由自定义组件组成的 page.mxml）。 然后单击事件处理程序用动作脚本编写在单独的文件中。

如何在 ActionScript 中创建 MXML 类的对象？ 如何显示对象（即页面）？

我的代码：

page1.mxml

<comp:BackgroundButton x="947" y="12" width="61" height="22" 
      paddingLeft="2" paddingRight="2" label="logout" id="logout"
      click="controllers.AdminSession.logout()"
 />

此 page1.mxml 必须使用另一个类中的 ActionScript 代码调用 page2.mxml：

static public function logout():void {
   var startPage:StartSplashPage = new StartSplashPage();
}

Answer 1

您的 Actionscript 类需要对显示列表的引用，以便将组件添加到舞台。 MXML 只是声明性动作脚本，因此在 Actionscript 中创建实例或使用 MXML 表示法创建实例没有区别。

您的功能：

static public function logout():void {
   var startPage:StartSplashPage = new StartSplashPage();
}

可以更改为：

static public function logout():StartSplashPage {
   return new StartSplashPage();
}

或：

static public function logout():void {
   var startPage:StartSplashPage = new StartSplashPage();
   myReferenceToDisplayListObject.addChild( startPage );
}

如果您的动作脚本没有对显示列表的引用，则您无法将自定义组件添加到显示列表。 添加基于 MXML 的自定义组件与将任何其他 DisplayObject 添加到显示列表没有什么不同：

var mySprite:Sprite = new Sprite();
addChild(mySprite)

等同于：

var startPage:StartSplashPage = new StartSplashPage();
myReferenceToDisplayListObject.addChild( startPage );

Sprite 和 StartSplashPage 都是 DisplayObject 核心的扩展。

您在另一个答案的评论中引用了 MVC。 如果不知道您已实现的具体框架，或者根据您尝试执行此操作的上下文向我们提供更多代码，则很难给出更具体的答案。

Answer 2

我假设您所在的页面包含一组组件，并且想要用另一组组件替换页面上的这组组件。 如果这不是您想要做的，我提前表示歉意。

您可以使用 ViewStacks 并在选择时切换选定的索引来完成此操作 - 这可以通过数据绑定或通过在controllers.AdminSession.logout()中触发事件并在主页中侦听该事件并切换的 selectedIndex 来完成在处理函数中查看堆栈。

主页.mxml

<mx:ViewStack>
<views:Page1...>
    ...
    <comp:BackgroundButton x="947" y="12" width="61" height="22" 
          paddingLeft="2" paddingRight="2" label="logout" id="logout"
              click="controllers.AdminSession.logout()"/>
</views:Page1...>
<views:Page2 ...>
    ...
    <comp:Comp1 .../>
    <comp:Comp2 .../>
</views:Page2>

Answer 3

我认为你可以使用状态来完成你的工作。

您可以查看 http://blog.flexexamples.com/2007/10/05/creating-view-states-in-a-flex-application/#more-221

编辑：
我不确定我是否完全理解你的情况。

据我所知，您可以在 page1.mxml 中创建一个新状态，并将其命名，例如。 secondaryPageState，然后将自定义组件page2.mxml放入secondPageState中。

在控制器中，您需要一个 import 语句来导入 page1 组件并为 page1 组件创建一个公共变量，例如： 第一页。

然后，代码将类似于：
公共函数注销（）：无效
{
第一页.currentState = "第二页状态";
：

另一个解决方案
如果您不喜欢更改状态解决方案，您可以尝试使用 addchild 将自定义组件添加到您的应用程序中。