界面切换

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

  • 通过界面对象的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主窗体左下角工具栏点击模拟器按钮,模拟运行。

results matching ""

    No results matching ""