什么是旋转控件?

旋转控件如何使用?插图1

如上图,仅适合M/物联型,旋转控件是自定义指针的格式,通过设定旋转控件一个坐标来旋转,然后配合表盘(背景图)显示

旋转控件,物联型、M系列、H系列、X系列

例程下载链接:《串口屏表盘应用》(点击跳转)

16.1 旋转控件属性介绍

用户可以通过旋转控件插入任意大小的图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转,从而实现表盘的功能。旋转控件的属性窗口如下所示

旋转控件如何使用?插图3

路径

素材图片的文件路径

调整

“缩放”或“裁剪”

  1. 缩放整张图片的显示
  2. 裁剪图片裁剪显示,通过调整旋转控件大小进行裁剪

过滤

“勾选”或“取消”,勾选后【过滤色】才生效

过滤色

勾选过滤选项后设置:选择需要过滤的颜色

启用控件

选择“是”或“否”;选择“是”

初始角度

图片的初始旋转角度,如下所示:

旋转控件如何使用?插图5

调节精度

“1度”或者“0.1度”,如下所示:

旋转控件如何使用?插图7

用途

旋转控件的用途有“图片旋转”、“滑动旋钮”、“时钟-时”、“时钟-分”和“时钟-秒”,如下所示:

旋转控件如何使用?插图9

旋转点x偏移/旋转点y偏移

旋转中心的坐标。用户可用鼠标放置在相应的坐标上,然后点击鼠标右键,选中“设为旋转点””,如下所示

旋转控件如何使用?插图11

限制角度

滑动旋钮模式下生效,选择“是”或者“否”

最大角度

滑动旋钮模式下生效,开启限制角度后,“最大角度”的范围为0~360

通知方式

滑动旋钮模式下生效,选择“松开时”或者“滑动时”

16.2 旋转控件应用

【旋转控件】画面,通过插入的“表针”素材图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转,从而实现表盘的应用

画面配置

在【仪表控件】画面的“背景图片”导入相应的美工图片如下所示

旋转控件如何使用?插图13

画面中添加1个旋转控件(控件ID:1),此时,弹框加载旋转控件的素材图片,如下所示

旋转控件如何使用?插图15

属性配置

在仪表控件的属性窗口中,设置旋转点X/Y偏移,选择旋转控件,单击鼠标右键,弹出选项框,选择“设置旋转点”,如下所示

旋转控件如何使用?插图17

运行预览

运行虚拟屏,VisualTFT软件和虚拟屏用“虚拟串口”建立联机。打开【指令助手】,选择左侧导航栏【旋转控件】,设置“设置旋转角度”指令参数。如例程中,控制画面(画面ID:1)中的旋转控件(控件ID:1),填写“数值”为“200”,点击“发送”;或者拖动指令助手中的滑动条,也可设置仪表控件值。运行效果如下所示

旋转控件如何使用?插图19

单片机程序

用户单片机控制旋转控件更新的程序,参考开发包keil程序中的him.dever.h文件函数声明以及him.dever.c文件中的定义。keil程序中的函数定声明如下所示

/**********************************************************************
** Function name: void Set_RotateValue(uint16 screen_id,
**                                     uint16 control_id,
**                                     uint16 value)
** Descriptions    : 设置旋转控件值
** input parameters: screen_id: 画面ID
**                  control_id: 控件ID
**                       value: 需要设置的控件值
** output parameters : 无
** Returned value    : 无
*********************************************************************/
{
    ……
    RotateValue (1,1,200);//设置画面1、控件1旋转控件值为200
    ……
}

相关新闻

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

cloud@modbus.cn

QQ
微信