界面切换

界面分为页面和对话框，下面介绍如何在多个界面之间切换。 界面切换有两种方式：

• 通过界面对象的show()方法来实现，如ui.main.show()
• 通过捷径来实现

1. 新建一个工程test1, 点“页面管理”右边的加号按钮，新建一个界面page1（页面模板选中“普通界面”）和一个对话框setting(页面面模板选中“对话框界面”)。

2. 在主界面main中从控件列表拖入一个按钮，修改文字属性为“切换到page1”，然后通过脚本的方式实现主界面main到page1的切换。点击“代码”按钮，在弹出的动作编辑器中添加如下脚本：

  ui.main.textButton.onRelease = function() {
      ui.page1.show();
  };

3. 在界面page1中从控件列表拖入一个按钮，修改文字属性为“返回主界面”，然后通过捷径来添加"Show Form"行为，实现page1到主界面main的切换。点击“捷径”按钮，在弹出的动作编辑器中添加如下行为：

4. 在界面page1中从控件列表拖入一个按钮，修改文字属性为“设置”，然后通过捷径来添加"Show Form"行为，实现page1到setting界面的切换：

5. 在界面setting中从控件列表拖入一个按钮关闭setting对话框，修改文字属性为“关闭”，然后使用脚本方式，调用对话框界面的hide()方法来实现对话框的关闭：

  ui.setting.textButton.onRelease = function() {
      ui.setting.hide();
  };

6. 在WeStudio主窗体左下角工具栏点击模拟器按钮，模拟运行。