菜单
- 在手表项目中,通常都会有多种菜单样式的需求,比如:
列表菜单
、圆弧菜单
、满天星菜单
等等,在以前的UI工具里,需要为每个菜单样式单独设计菜单项的属性、事件等,这样会导致工作量增加,而且不利于维护。- 在新UI设计工具中,我们提供了菜单管理、和多种菜单控件,可以通过配置一个菜单样式,然后通过不同的菜单控件绑定这个菜单样式,就可以实现多种菜单样式的需求。
- 后续如果需要修改菜单样式,只需要修改菜单样式,所有绑定这个菜单样式的菜单控件都会自动更新。
增加菜单
在 资源
- 菜单管理
上,点击 添加
按钮,填写菜单信息,点击 确定
按钮,即可添加一个菜单样式。

编辑菜单
添加菜单样式后,点击下方 添加
按钮,增加菜单项,填写菜单项信息,为菜单项设置 名称
、文本
、图标
、是否可见
、事件
等属性。
菜单项的
关联页面
,当前只在多边形菜单
控件有效,设置后,调用多边形菜单
控件的接口,可以切换到所关联的页面。菜单项的
文本
、是否可见
支持绑定模型
,可以像其他控件属性绑定一样,绑定到模型的属性上。菜单项的
文本
支持多国语言
,配置好多国语言
后,文本
内容设置为多国语言
的原始文本
,然后菜单项启用多国语言
功能即可。菜单项的
事件
可以像普通控件一样配置事件,然后在事件
中添加动作
。

模型绑定
里,增加了一个 bool
类型的模型属性 display
,然后将 时钟
菜单项的 是否可见
属性绑定到这个模型属性上。

多国语言
里,增加了一个 中文
和 英文
的语言列,然后将菜单项的 文本
属性绑定到这个多国语言上。

使用菜单
在控件列表中,找到 圆弧菜单
控件,创建后,可以在属性的 菜单
中选择刚刚添加的菜单样式,还可以设置 圆弧菜单
控件独有的属性。
增加了两个 按钮
控件,分别给 Click
事件添加设置 多国语言
的动作,一个设置为 中文
,一个设置为 英文
。
增加了一个 开关
控件,给 选中
属性绑定到 display
模型属性上。

仿真
编译仿真后,可以看到 圆弧菜单
控件的菜单项是刚刚添加的菜单样式,点击 按钮
控件,可以看到 圆弧菜单
控件的菜单项的文本内容会随着按钮的点击事件变化,点击 开关
控件,可以看到 时钟
菜单项的 是否可见
会随着开关的选中状态变化,编译输出
的打印信息中,可以看到菜单项的点击事件打印。
