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