串口屏菜单控件使用指南

菜单控件可弹出选项列表，用户点击后，所选内容即时显示在屏幕上方。

1、 适用于经济型、基本型、商业型、物联网型及86盒系列串口屏。

2、 VisualTFT软件需使用V3.0.0.749或更高版本。

3、 串口屏硬件版本需为V2.22.915.XXX或更高版本。

4、 菜单控件可弹出选项列表，用户点击选择后，所选内容即刻显示在界面中。图中展示的是该控件的属性设置窗口。

5、 控件配置

6、 菜单外观支持单色模式与自定义图片两种样式。

7、 A：选择单色模式，可自定义菜单字体与背景样式，效果所示。

8、 选择自定义图片，并分别设置按钮弹起和按下时显示的图片，效果所示。

9、 若需自定义图片并启用裁剪功能，建议先将图片分辨率调整至与屏幕分辨率一致；但通常不推荐使用裁剪功能。

10、 字体：可调整文字大小。

11、 背景色：设置菜单控件的背景颜色。

12、 前景色：设置菜单控件中文本的颜色。

13、 菜单配置

14、 菜单风格包括弹出式和固定式两种类型，具体样式所示。

15、 点击按钮或发出指令后，系统将弹出相应菜单。

16、 B：固定式菜单，始终显示在屏幕上方。

17、 菜单方向可选水平或垂直，建议根据实际需求调试后选择更合适的布局方式。

18、 菜单项数：指菜单中显示的选项数量。

19、 支持为控件添加多种语言版本。

20、 菜单控件需在屏幕中选择并显示，须与文本控件和按钮控件配合使用。因此，画面中应同时配置一个按钮控件、一个文本控件及一个菜单控件，三者协同工作，确保功能完整、操作直观，具体布局所示。

21、 插入三个控件后，依次对它们进行配置。

22、 设置菜单控件的属性窗口

23、 所示，依次设置：外观→自定义图片；弹起状态图片→选择对应UI图像；按下状态图片→选择对应UI图像；菜单样式→弹出式；排列方向→水平；菜单项总数→5；菜单数据内容为：57.7；100；220；230；无效；。

24、 设置文本控件的属性窗口

25、 所示，先清空文本框，再设置为居中对齐，并选择用户主机输入方式。

26、 设置按钮控件的属性窗口

27、 对于串口屏硬件版本号低于V2.22.793（含V2.22.793）的设备，当前不支持将按钮控件的触控用途直接设为弹出菜单，否则下载工程后该功能将无法正常响应。如需实现弹出菜单效果，建议采用前述开关描述方式配置按钮行为。若需原生支持该功能，可联系我司销售团队，升级至V2.22.793以上版本固件。升级后即可在属性中直接设置按钮触控用途为弹出菜单，操作更便捷，功能更稳定。

28、 因产品固件更新，设置按钮控件属性窗口有两种方式。

29、 若固件版本低于793，需按图示设置按钮控件属性：触控用途选开关描述，并配置对内按下时触发的指令（具体指令设置方法详见后续说明）。

30、 内部按键指令设置方式

31、 启动指令助手，在其界面中通过下拉菜单依次设置：当前画面ID、当前菜单控件ID、显示下拉菜单选项及当前文本控件ID。

32、 在按钮属性窗口中，用鼠标左键单击图标区域，将显示...按钮，接着点击该按钮即可展开相应设置。

33、 系统将弹出输入框，所示，请将已复制的指令粘贴至该输入框内。

34、 若固件版本为793及以上，需将按钮控件属性设为：触控用途选择弹出菜单，菜单控件ID填写1，文本控件ID填写2。

35、 编译成功后，启动模拟器运行并验证效果，界面所示。