使用小组件和函数创建混搭的最佳做法
使用小组件创建混搭时,可以使用以下最佳做法。
将布局作为顶层小组件添加到混搭中
建议您在任何容器的顶层添加布局小组件,即使添加了一个小组件也是如此。通过添加顶层布局小组件,用户可以灵活地在区域中添加其他行或列,以及在日后添加页眉或页脚。
混搭中小组件的可见性
可以使用小组件属性“可见”操控 ThingWorx 小组件在运行时的可见性。
验证用户输入
使用验证器函数可验证用户要发送到设备的输入。这些输入可能会更改设备的状态、远程操作设备等。建议您检查用户输入是否有效。对于要验证的每个字段,可以分别使用一个验证器函数,或者对于需要执行相同验证的多个字段,同时使用一个验证器小组件。
验证器接受正则表达式 (regex) 作为输入,可供检查几乎任何类型的内容。如果验证返回 false,则可向用户显示状况消息,并将输入字段重置为默认值。
数学换算
使用表达式函数在运行时执行数学转换。例如,考虑这样一种情况,温度相关数据以摄氏度 (ºC) 显示。可以提供一个单选按钮,使用户能够以华氏度 (ºF) 查看温度详细信息。根据用户选择的度量单位,表达式函数会计算温度的值并将其显示出来。
建议使用表达式函数而非服务器端自定义服务进行简单计算。
键盘导航和焦点
在 ThingWorx 9.4 及更高版本中,除了新增的键盘导航功能外,还提供了与键盘导航和焦点相关的辅助功能,以确保残障人士能够高效使用 Mashup Builder 界面。
通过在混搭中包括每个小组件的描述性标签来创建清晰且可访问的表单。
确保混搭中对键盘导航的支持遵循 TabIndex 属性的逻辑顺序。从 Tab 索引序列中排除不需要的小组件。
确保用户能够仅通过键盘来使用混搭。
工具提示
添加工具提示,为用户提供有用的文本。工具提示对使用屏幕读取设备的用户很有用。
配置自动焦点以突出显示用户在首次打开混搭时可能会与之交互的小组件。这样可减少导航到混搭中特定小组件所需的时间。
确保您的样式主题可访问。使用足够的对比度以确保混搭在不同设备和屏幕上可见。
这对您有帮助吗?