Technical 
  Note 
菜单控件应用 
工程技术笔记   
类别 
关键词 
摘    要 
菜单控件  串口屏 
内容 
 
 
 
 
菜单控件应用 V1.0 
 
修订历史 
版本 
V1.0 
 
日期 
2016/02/19 
 
原因 
创建文档 
 
  2 / 12 
 
菜单控件应用 V1.0 
 
目    录 
1.  适用范围 ................................................................................................................... 5 
2.  开发环境版本 ........................................................................................................... 6 
3.  功能概述 ................................................................................................................... 7 
4.  技术实现 ................................................................................................................... 8 
属性窗口 ................................................................................................................... 8 
查看 ID ..................................................................................................................... 9 
例程操作 ................................................................................................................. 10 
4.1 
4.2 
4.3 
  4 / 12 
 
菜单控件应用 V1.0 
 
1. 适用范围 
文档适合经济型、基本型、物联型、86 盒系列等串口屏产品。 
 
  5 / 12 
 
菜单控件应用 V1.0 
 
2. 开发环境版本 
1.  VisualTFT 软件版本:V3.0.0.636  及以上; 
版本查看:打开 VisualTFT,点击帮助->关于 VisualTFT 可以查看当前软件版本号; 
 
 
2.  串口屏硬件版本:V2.22.793.XXX 及以上。 
  版本查看:(1)  查看屏幕背面版本号贴纸。 
(2) VisualTFT 与屏幕联机成功后,右下角显示的版本号。 
  6 / 12 
 
菜单控件应用 V1.0 
 
3. 功能概述 
菜单控件,弹出菜单供用户进行选择,选择后快速地将所选数据显示在屏幕上。 
把菜单控件放置在一个新建画面中,菜单控件放置完成,如图  3-1 所示。 
 
图  3-1 放置菜单控件 
 
  7 / 12 
 
菜单控件应用 V1.0 
 
4. 技术实现 
4.1  属性窗口 
属性窗口是对控件属性进行更改的一个界面,熟悉属性窗口可以更好地对控件功能进行
应用,如图  4-1 所示。 
 
图  4-1  属性窗口 
1.  控件设置 
(1)  菜单外观:分为单色和自定义图片。 
A:选择单色,可进行菜单字体以及背景部分设置,如图  4-2 所示。 
 
图  4-2  单色 
B:选择自定义图片,同时设置弹起时、按下时的图片,如图  4-3 所示。 
 
图  4-3  自定义图片 
注:若设置自定义图片,并且需要用到裁剪功能,请将图片分辨率调整为屏幕分辨率大小,此处不建
议使用裁剪功能。 
(2)  字体:可以选择字体的大小。 
(3)  背景色:选择菜单控件的背景色。 
(4)  前景色:选择菜单控件上文字的颜色。 
  8 / 12 
 
菜单控件应用 V1.0 
 
2.  菜单设置 
(1)  菜单风格:分为弹出菜单和固定菜单,如图  4-4 所示。 
A:弹出菜单,菜单需要点击按钮或者发出指令,菜单会弹出来。 
B:固定菜单,菜单一直固定显示在屏幕上 。 
 
图  4-4  菜单风格 
(2)  菜单方向:水平或者垂直,建议按需设置,调试查看哪种方向适合使用。 
(3)  菜单项数:显示菜单有多少项。 
(4)  菜单数据:选中菜单中的选项后显示在文本控件上的数据,数据由用户自定义,
数据与数据之间用半角“;”隔开。 
4.2  查看 ID 
          要完成控件的功能应用,前提必须知道怎么查看控件和画面的 ID。 
1.  查看控件 ID 
如图 4-5 所示,当前画面图标左上角的数字即为控件的 ID。 
图  4-5  控件 ID 
 
2.  查看画面 ID 
如图  4-6 所示,点击资源窗口,可以查看每个画面对应的 ID。 
 
  9 / 12