Question

串口屏怎么使用菜单控制，我用的是大彩的。

Answer 1

1. 开发环境版本     大彩科技官网很多教程你可以登录官网去看看  这是我在官网复制的

1. VisualTFT软件版本：V3.0.0.749 及以上；

版本查看：（以下教程以使用大彩串口屏为准）

（1）打开软件,右下角显示的软件版本号。

（2） 打开VisualTFT，点击帮助->关于VisualTFT可以查看当前软件版本号。

最新版本可登陆大彩串口进行下载

2. 串口屏硬件版本：V2.22.915.XXX及以上。

版本查看：

(1) 查看屏幕背面版本号贴纸。

(2) VisualTFT与屏幕联机成功后，右下角显示的版本号。

2. 功能概述

菜单控件，弹出菜单供用户进行选择，选择后快速地将所选数据显示在屏幕上。

把菜单控件放置在一个新建画面中，菜单控件放置完成，如图 3 1所示。

图 3 1放置菜单控件

3. 技术实现

3.1 属性窗口

属性窗口是对控件属性进行更改的一个界面，熟悉属性窗口可以更好地对控件功能进行应用，如图 4 1所示。

图 4 1 属性窗口

1. 控件设置

（1） 菜单外观：分为单色和自定义图片。教程以使用大彩串口屏为准

A:选择单色，可进行菜单字体以及背景部分设置，如图 4 2所示。

图 4 2 单色

B:选择自定义图片，同时设置弹起时、按下时的图片，如图 4 3所示。

图 4 3 自定义图片

注：若设置自定义图片，并且需要用到裁剪功能，请将图片分辨率调整为屏幕分辨率大小，此处不建议使用裁剪功能。

（2） 字体：可以选择字体的大小。

（3） 背景色：选择菜单控件的背景色。

（4） 前景色：选择菜单控件上文字的颜色。

2. 菜单设置

（1） 菜单风格：分为弹出菜单和固定菜单，如图 4 4所示。

A：弹出菜单，菜单需要点击按钮或者发出指令，菜单会弹出来。

B：固定菜单，菜单一直固定显示在屏幕上 。

图 4 4 菜单风格

（2） 菜单方向：水平或者垂直，建议按需设置，调试查看哪种方向适合使用。

（3） 菜单项数：显示菜单有多少项。

（4） 菜单数据：选中菜单中的选项后显示在文本控件上的数据,数据由用户自定义，数据与数据之间用半角“；”隔开。

（5） 多语言选项：可以设置语言数；选项以半角分号隔开。

3.2 查看ID

要完成控件的功能应用，前提必须知道怎么查看控件和画面的ID。

1. 查看控件ID

如图 4 5所示，当前画面图标左上角的数字即为控件的ID。

图 4 5 控件ID

2. 查看画面ID

如图 4 6所示，点击资源窗口，可以查看每个画面对应的ID。

图 4 6 画面ID

3.3 例程操作

菜单控件要在屏幕上进行选择，并在屏幕上进行显示，需要协同文本控件和按钮控件进行使用。所以我们在画面中，需要放置一个按钮控件、一个文本控件、一个菜单控件，如图 4 7所示。

注：当我们数据比较庞大的时候，可以用一个按钮控件匹配多个菜单控件。

图 4 7 放置控件

插入控件后，我们对插入的三个控件分别进行设置。

1. 对菜单控件属性窗口进行设置

如图 4 8所示，菜单外观→自定义图片；弹起时的图片→选择弹起时的图片UI；按下时的图片→选择按下时的图片UI；菜单风格→弹出菜单；菜单方向→水平；菜单项数→“5”；菜单数据→“57.7；100；220；230；无效；”。

图 4 8 菜单控件属性

2. 对文本控件属性窗口进行设置

如图 4 9所示，清空文本框；对齐方式→居中对齐；输入方式→用户主机输入。

图 4 9 文本控件属性

3. 对按钮控件属性窗口设置

注：串口屏硬件版本号V2.22.793.XXX以前，包括793在内的产品，弹出菜单功能不支持直接设置按钮控件触控用途为“弹出菜单”，否则工程下载到硬件时将导致弹出菜单是无法正常使用的；如需正常使用弹出菜单，请使用上面介绍的开关描述功能进行设置。我司后续新产品将全面支持此功能。

因为产品固件更迭的原因，所以这里设置按钮控件的属性窗口有两种方法：

A：如果固件版本为793之前的版本（老版本），对按钮控件属性设置如图 4 10所示，触控用途→开关描述;设置对内按下时指令（下面详细介绍设置指令方法）。

图 4 10 按钮控件属性

对内按下时指令设置方法：教程以大彩串口屏为准

打开指令助手，如图 4 11所示，在指令助手中选择下拉菜单，设置选择当前画面ID、当前菜单控件ID、 “显示下拉菜单”、当前文本控件ID

图 4 11 指令助手设置

在按钮属性窗口中，鼠标左键点击图 4 12标示区域，会弹出“...”的展开标志。

图 4 12

如图 4 13所示，然后点击“...”的展开标志。

图 4 13

系统会弹出一个输入框，如图 4 14所示，把复制的指令填充到输入框中。

图 4 14 输入框

B：如果固件版本为793之后的版本（新版本），对按钮控件属性设置如图 4 15所示，触控用途→弹出菜单；菜单控件ID→“1”；文本控件ID→“2”。教程以大彩串口屏为准

图 4 15 按钮控件属性

4. 模拟仿真

编译无误后，运行模拟器测试效果，如图 4 16所示。

图 4 16 模拟仿真