表盘编辑

1. 说明

在GUI Builder中制作表盘的时候,用户可以制作一个表盘的多个显示样式,也可以在slot控件中放置多个widget控件,从而使同一个位置能有多个显示选择。

通过表盘编辑功能,在手机/固件上即可选择在表盘主页中要显示哪一个样式。以及slot中要显示哪一个widget。

2. 表盘编辑

2.1 制作表盘

首先我们需要制作一个带有多样式以及slot中有多个widget的表盘。GUI Builder 创建表盘

下图中是制作的一个示例。可以看到我们制作了两个普通样式:light和dark。控件slot_190中含有多个widget。每一个widget都需要在右侧属性栏中设置组件名称,此名称会在组件编辑的时候被显示。

点击组件slot_190,可以看到其中包含四个widget,点击生成预览图或用户自己传入一个预览图。组件预览图会在组件编辑的时候被显示。

注意:aod样式不会参与表盘编辑。

相关文件:

  • solution\components\app_tool\app_tool_wf_alter.c

  • solution\components\app_tool\app_tool_wf_alter.h

  • solution\components\app_tool\app_tool_wf_slot.c

  • solution\components\app_tool\app_tool_wf_slot.c

2.2 样式编辑

  1. 首先在外部通过函数来检测此表盘是否支持编辑,也就是含有多个普通样式,或者slot中含有多个widget。

uint32_t sfat_wf_alter_editable(sfat_manager_node_t *node)
  1. 然后通过函数来进入表盘编辑页面:

void sfat_wf_alter_main(sfat_manager_node_t *node)
  1. 通过上下滑动或者滚轮来切换表盘样式,样式缩略图由GUI Builder生成。点击下面的按键保存修改结果并退出。选中的表盘样式会在表盘中被显示。

2.3 组件编辑

  1. 通过左右滑动来切换样式编辑页面与组件编辑页面。进入组件编辑页面以后,表盘背景会变成暗色,可以编辑的组件会将其预览图高亮显示。

  2. 点击高亮的组件预览图,会进入到组件选择页面。

此处显示的组件名称就是GUI Builder中给widget填写的名称。

  1. 点击按键完成选择并返回组件编辑页面。