系统界面

    系统 - 图1

    更新时间:2024-01-15 16:39:30
    文档 属性·动作·事件
    功能概述
    交互系统为我们预设了一些应用、可以直接调用的交互界面,例如弹窗、加载提示等。我们可以直接在用户完成某些操作之后、去调用这些交互的功能,以提升用户的体验。 开发时,我们只需在选择对象的下拉框中-选择系统界面:
    系统 - 图2
    弹窗交互
    1.弹框提示(alert)
    弹框提示(alert)通过浏览器弹框的方式-向用户提示某些信息,该对话框上-默认包含一个“确认”按钮,用户阅读完所显示的信息后,需单击该按钮就可以关闭对话框:
    系统 - 图3
    如果不点击、则不能继续 其他交互。
    该弹窗的样式为浏览器预设样式。
    假设-现在我们需要使用弹框-记录用户点击某个按钮的次数
    首先在前台-添加按钮、变量、系统组件。每点击一次,令该变量值加一, 同时,在点击按钮后,让系统弹出弹框,按钮事件如下:
    系统 - 图4
    注意,此处每段文字需使用单引号引用,变量值直接选取引用,变量与文字之间通过+号连接。
    进行预览,可以看到每点击一次,弹框提示点击次数。点击确定后弹框隐藏,可进行下一次交互。
    系统 - 图5
    2.显示弹窗(小程序样式)
    除了使用浏览器原生的弹窗外,我们还提供了自定义程度更高的弹窗以供使用,并且在其回调中可以分别针对弹窗点击“确认”或“取消”做出不同的响应。
    系统 - 图6
    浏览时,会出现如下样式的弹窗,弹窗始终位于屏幕的正中
    系统 - 图7
    应用反馈
    1.消息提示框
    交互系统还提供了消息提示的弹出框,可以在用户完成某些操作成功或失败时调用,用作交互反馈, 我们可以设定该弹出框的持续时间,也可以通过调用关闭弹窗框的方法-将其立刻关闭。
    系统 - 图8
    如上,消息提示框会在1s后被强制关闭
    2.加载提示框
    消息提示框用于交互完成的反馈,加载提示框则正好用于交互中的反馈, 往往在一些需要等待的操作中,我们可以加上加载提示框来告诉用户,

    :程序仍在运行中,但是需要等待。

    系统 - 图9

    加载提示框需要手动关闭,否则当前页面会一直显示加载框

    由于大部分耗时操作接收回调函数,我们在回调中进行关闭操作即可。