串口屏控件说明—如何使用进度条控件和滑块控件

 时间:2024-10-16 19:58:44

本文对大彩串口屏进度条控件大和彩串口屏滑块控件做一说明

工具/原料

​VisualTFT

大彩串口屏

适用范围

1、适合大彩经济型、基本型、物联型、86盒等系列串口屏产品。

开发环境版本

1、VisualTFT软件版本:V3.0.0.636 及以上;串口屏硬件版本:V2.22.649.XXX及以上。

功能概述

1、进度条控件,可以比较形象地对数据进行显示,反映外部上传到屏幕的数据真实现状。滑块控件,通过对滑块的拖动,可以对外部设备进行控制,比如控制灯的亮度、控制电动机的转速。

技术实现

1、进度条控件属性:熟悉控件的属性窗口可以更好地对控件进行设置,如图所示为进度条控件的属性窗口。

串口屏控件说明—如何使用进度条控件和滑块控件

2、数值起始值:进度条可显示的最小值,进度条为空,默认为0。终止值:进度条可显示的最大值,进度条为满,默认为100。初始值:进度条的初始位置,默认为20。滑动通知:是否允许滑动修改进度值,可设置为“禁止”、“允许(滑动通知)、允许(松开通知)”。数值显示:设置数值文字的显示方式,可设置为“不允许”、“居中显示”、“末端显示”,开启显示后,可设置数值的字体、字体颜色、是否显示百分号。2.类型进度条类型:有“水平/左”、“水平/右”、“垂直/左”、“垂直/右”四种类型可选,如图所示分别为四种进度条的类型。

串口屏控件说明—如何使用进度条控件和滑块控件

3、背景背景类型:有“透明”、“单色背景”、“背景图片”可选,选择“单色”可以设置单色的颜色、选择“背景图片”,可以自定义背景图。2.前景前景类型:有“单色背景”、“背景图片”可选,选择“单色”可以设置单色的颜色、选择“背景图片”,可以自定义背景图。

4、滑块控件属性:熟悉控件的属性窗口可以更好地对控件进行设置,如图所示为滑块控件的属性窗口。

串口屏控件说明—如何使用进度条控件和滑块控件

5、数值起始值:标尺最小的那个数值,游标起始位置。终止值:标尺最大的那个数值,游标终止位置。初始值:游标初始位置。如图所示,游标初始值为20。

串口屏控件说明—如何使用进度条控件和滑块控件

6、行为拖动输入:设置是否允许拖动,和允许拖动的拖动区域,可以设置“禁止”、“标尺区域”、“游标区域”,如图所示。

串口屏控件说明—如何使用进度条控件和滑块控件

7、A:禁止,滑块禁止拖动B:标尺区域,只能在标尺区域内滑动滑块。C:游标区域,只能在游标区域内滑动滑块。通知:设置什么时候上传通知,可设置“拖动时”、“松开时”,当拖动/松开滑块时屏幕上传数据。

8、标尺方向:分为 “垂直”和“水平”。两种方向的标尺如图所示。

串口屏控件说明—如何使用进度条控件和滑块控件

9、标尺类型:分为“偏移”和“居中”。设置“偏移”标尺往一边偏移;设置“居中”标尺居中,如图所示。

串口屏控件说明—如何使用进度条控件和滑块控件

10、刻度:标尺上的刻度的个数。如图所示,两个控件分别5个刻度和10个刻度,另外还可以对刻度颜色进行更改。

串口屏控件说明—如何使用进度条控件和滑块控件

11、显示数值:是否显示标尺上的数字,可选择“是”或者“否”。起始留白:标尺起始端离控件左边缘的距离,游标不可以超出滑块左上右下的边界范围(包括游标的透明部分)。如图所示,为分别起始留白50和25分辨率的效果图。

串口屏控件说明—如何使用进度条控件和滑块控件

12、终止留白:标尺末端离控件左边缘的距离,游标不可以超出滑块左上右下的边界范围(包括游标的透明部分)。如图所示,为分别终止留白50和25分辨率效果图。

串口屏控件说明—如何使用进度条控件和滑块控件

13、背景背景类型:分为“透明”、“单色背景”、“背景图片”三种,其中”单色背景”可以设置自定义背景颜色,“背景图片”可以设置自定义图片。

串口屏控件说明—如何使用进度条控件和滑块控件

14、游标游标类型:分为“系统默认”和“图片”,其中“图片”可以用自定义图片进行设置。游标方向:游标方向有“左/上”、“右下”、“两边”,三种方向分别如图所示。偏移:游标偏离标尺的距离。如图 413所示,分别偏移14和30分辨率。游标宽:游标的宽度,可以自定义。游标高度不可以超过滑块控件的边界(包括游标的透明部分)。游标高:游标的高度,可以自定义。游标高度不可以超过滑块控件的边界(包括游标的透明部分)。

串口屏控件说明—如何使用进度条控件和滑块控件
串口屏控件说明—如何使用进度条控件和滑块控件

例程操作

1、注:这里例程进度条控件和滑块控件两个控件插入在一张画面中进行演示。新建一个画面,设置好画面的背景图,然后在如图所示的标示区域分别插入一个进度条控件和一个滑块控件。

串口屏控件说明—如何使用进度条控件和滑块控件

2、插入进度条控件和滑块控件,如图所示。然后分别对两个控件进行属性设置。

串口屏控件说明—如何使用进度条控件和滑块控件

3、对插入的进度条控件进行属性设置:数据显示→末端显示;显示百分号→“是”;背景类型→透明

串口屏控件说明—如何使用进度条控件和滑块控件

4、对插入的滑块控件进行属性设置:背景类型→透明;偏移→“9”;游标宽→“32”;游标高→“30”,如图所示。

串口屏控件说明—如何使用进度条控件和滑块控件

5、编译无误后,模拟虚拟串口屏进行效果测试。如图所示。

串口屏控件说明—如何使用进度条控件和滑块控件
  • js判断一个文本框是否获得焦点
  • Labview中timestamp数据转换的经验总结
  • Visual Studio Code怎么设置始终启动提示
  • JS中如何能获取到整个屏幕的高度
  • c#怎么调用用户控件
  • 热门搜索
    有关诚信的手抄报 校园手抄报内容 爱国手抄报资料 防新型冠状病毒手抄报 五四青年节手抄报内容 文明礼仪手抄报花边 法制进校园手抄报 寻根乡愁手抄报 关于体育精神的手抄报 高中手抄报