什么是旋转控件?
![旋转控件如何使用?插图1 旋转控件如何使用?插图1](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
如上图,仅适合M/物联型,旋转控件是自定义指针的格式,通过设定旋转控件一个坐标来旋转,然后配合表盘(背景图)显示
旋转控件,物联型、M系列、H系列、X系列
例程下载链接:《串口屏表盘应用》(点击跳转)
16.1 旋转控件属性介绍
用户可以通过旋转控件插入任意大小的图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转,从而实现表盘的功能。旋转控件的属性窗口如下所示
![旋转控件如何使用?插图3 旋转控件如何使用?插图3](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
路径
素材图片的文件路径
调整
“缩放”或“裁剪”
- 缩放整张图片的显示
- 裁剪图片裁剪显示,通过调整旋转控件大小进行裁剪
过滤
“勾选”或“取消”,勾选后【过滤色】才生效
过滤色
勾选过滤选项后设置:选择需要过滤的颜色
启用控件
选择“是”或“否”;选择“是”
初始角度
图片的初始旋转角度,如下所示:
![旋转控件如何使用?插图5 旋转控件如何使用?插图5](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
调节精度
“1度”或者“0.1度”,如下所示:
![旋转控件如何使用?插图7 旋转控件如何使用?插图7](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
用途
旋转控件的用途有“图片旋转”、“滑动旋钮”、“时钟-时”、“时钟-分”和“时钟-秒”,如下所示:
![旋转控件如何使用?插图9 旋转控件如何使用?插图9](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
旋转点x偏移/旋转点y偏移
旋转中心的坐标。用户可用鼠标放置在相应的坐标上,然后点击鼠标右键,选中“设为旋转点””,如下所示
![旋转控件如何使用?插图11 旋转控件如何使用?插图11](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
限制角度
滑动旋钮模式下生效,选择“是”或者“否”
最大角度
滑动旋钮模式下生效,开启限制角度后,“最大角度”的范围为0~360
通知方式
滑动旋钮模式下生效,选择“松开时”或者“滑动时”
16.2 旋转控件应用
【旋转控件】画面,通过插入的“表针”素材图片,设置相应的旋转中心,让该图片围绕相应的旋转中心进行旋转,从而实现表盘的应用
画面配置
在【仪表控件】画面的“背景图片”导入相应的美工图片如下所示
![旋转控件如何使用?插图13 旋转控件如何使用?插图13](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
画面中添加1个旋转控件(控件ID:1),此时,弹框加载旋转控件的素材图片,如下所示
![旋转控件如何使用?插图15 旋转控件如何使用?插图15](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
属性配置
在仪表控件的属性窗口中,设置旋转点X/Y偏移,选择旋转控件,单击鼠标右键,弹出选项框,选择“设置旋转点”,如下所示
![旋转控件如何使用?插图17 旋转控件如何使用?插图17](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
运行预览
运行虚拟屏,VisualTFT软件和虚拟屏用“虚拟串口”建立联机。打开【指令助手】,选择左侧导航栏【旋转控件】,设置“设置旋转角度”指令参数。如例程中,控制画面(画面ID:1)中的旋转控件(控件ID:1),填写“数值”为“200”,点击“发送”;或者拖动指令助手中的滑动条,也可设置仪表控件值。运行效果如下所示
![旋转控件如何使用?插图19 旋转控件如何使用?插图19](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
单片机程序
用户单片机控制旋转控件更新的程序,参考开发包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
……
}