多语言展示
当前在线:1030今日阅读:126今日分享:42

物联型串口屏工程技术笔记—图片控件的应用

使用大彩物联型串口屏的用户可以设置图片使能,图片使能后用户可通过定义插入的素材图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转。用户还可以用该控件来模拟时钟来演示走时的功能。
工具/原料
1

​VisualTFT软件

2

大彩串口屏

适用范围

文档中图片控件适合所有型号使用,但是图片控件的使能属性只有物联型才支持。

开发环境版本

VisualTFT软件版本:V3.0.0.893及以上版本;串口屏硬件版本:V3.0.223.XXX及以上。

技术实现
1

基本属性是指控件的名称以及编号的设置,如图所示。1.名称:圆形进度条控件的名称,默认是Image1。2.编号:圆形进度条的控件ID。

2

位置属性是指控件的坐标属性以及显示的大小,如图所示。1.x坐标:控件左上方的x坐标。2.y坐标:控件左上方的y坐标。3.宽度:控件在界面显示的宽度。4.高度:控件在界面显示的高度。

3

图片是指设置图片的路径、调整、过滤、初始角度、旋转点x偏移、旋转点y偏移、透明度、模拟时钟等属性配置,如图所示。1.路径:素材图片的文件路径。2.调整:缩放或裁剪。缩放:是指整张图片的显示;裁剪:是指图片的裁剪显示;3.过滤:是或否。4.过滤色:选择需要过滤的颜色。5.控件使能:选择“是”、“否”;选择“是”:A)初始角度:图片的初始旋转角度; B)旋转点x坐标:旋转中心的x坐标,用户可用鼠标放置在相应的坐标上,然后点击鼠标右键,选中“设为旋转点”即可; C)旋转点y坐标:旋转中心的y坐标,用户可用鼠标放置在相应的坐标上,然后点击鼠标右键,选中“设为旋转点”即可;D)透明度:设置图片的透明度,透明度范围是0-255;E)模拟时钟:选择“否”、“时”、“分”、“秒”;1.否:无; 2.时:模拟时针; 3.分:模拟分针;4.秒:模拟秒针;

例程操作
1

新建一个界面,在界面中插入旋转控件,如图所示。

2

对旋转控件进行属性设置,控件使能→是,初始角度→0,旋转点x偏移→119,旋转点y偏移→22,透明度→0,模拟时钟→否,如图所示。

3

编译无误后,运行虚拟屏测试效果。可以用指令来操作旋转控件,如图所示。

注意事项
1

仅适用于大彩物联型串口屏

2

注意核对开发环境版本

推荐信息