北有云溪 -
开发环境版本 大彩科技官网很多教程你可以登录官网去看看 这是我在官网复制的
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 模拟仿真