跳到主要内容

运行结果

本节主要介绍 AppStudio 控件库里的运行结果控件。

运行结果控件
运行结果控件

属性

CloudPSS 提供了一套统一的控件属性参数

通用样式

参数名键值 (key)单位备注类型描述
缩放比例$scale输入控件缩放比例常量输入缩放比例数值,控件按照比例放大或者缩小,默认为 1 倍大小
是否隐藏hidden选择是否隐藏控件选择选择隐藏或者显示隐藏当前控件,或者显示当前控件,默认为显示状态

样式

参数名键值 (key)单位备注类型描述
显示头部showHeader是否显示头部开关是否显示头部,默认为否
显示消息详情showMessageDetails是否显示消息详情开关是否显示消息详情,默认为否
简化样式simpleStyle是否简化样式开关是否简化样式,包括不显示消息边框、背景等装饰性样式,默认为否
幻灯片模式slideMode幻灯片模式选择器幻灯片模式,包括否、水平滚动、垂直滚动,默认为否

内容

参数名键值 (key)单位备注类型描述
结果 IDkey输入查看的结果 ID常量查看的结果 ID
消息 keymessageKey查看的消息 ID表格查看的消息 ID,省略可以显示所有消息,默认显示所有消息
消息类型messageType输入查看的消息类型常量查看的消息类型,省略可以显示所有消息,默认显示所有消息

案例介绍

接入 FuncStudio 函数的典型应用

  1. 创建一个按钮控件,在右侧的属性配置区内给按钮命名为 A

  2. 创建一个运行结果控件,在右侧的属性配置区内给运行结果命名为 B,调整下运行结果控件的大小

  3. 创建函数资源 asset1,选择资源类型为函数

  4. 配置函数资源 asset1,点击选择资源,绑定 ridfunction/Maxwell/demo 的示例函数

  5. 鼠标选中选择器 A 的事件/点击属性栏,按下 Ctrl 输入 $asset1.start()

  6. 鼠标选中选择器 B 的内容/结果 ID 属性栏,切换到 fx 表达式模式输入 $asset1.job.id

  7. 鼠标选中选择器 B 的内容/消息 key 属性栏点击新增 plot-1;或是在 fx 表达式模式下设置为 [plot-1]

  8. 点击工具栏的预览快捷按钮(或者 Ctrl + P ),进入预览模式,点击操作按钮运行 function/Maxwell/demo 示例函数,并显示出运行结果

创建按钮控件
创建按钮控件
创建运行结果控件
创建运行结果控件
创建函数资源
创建函数资源
绑定示例函数
绑定示例函数
示例函数详情
示例函数详情
更改按钮属性
更改按钮属性
配置运行结果 ID 属性
配置运行结果 ID 属性
配置运行结果消息 key 属性的两种方式
配置运行结果消息 key 属性的两种方式
预览模式
预览模式
FuncStudio 函数使用详情

常见问题

什么是事件触发机制?

AppStudio 场景标签页内控件的属性有两种输入模式,一种是 (x) 值输入模式,另一种是 f(x) 表达式输入模式。 值输入模式是通过在属性框内直接输入值来配置控件属性,表达式输入模式则是在属性框内输入由变量/函数资源键名、控件属性键名构成的 math.js 表达式,通过表达式解析器计算出表达式的值来配置控件属性值。详情参见 控件属性的表达式输入

(x) 与 f(x) 的区别

事件是指对控件操作后产生的效果,事件触发使用 HTML 元素事件触发的回调函数结合 math.js 的表达式解析器进行控件属性或者资源的调用。详情参考 事件触发机制