- 1. 什么是旋转控件？
- 2. 16.1 旋转控件属性介绍
- 3. 16.2 旋转控件应用
什么是旋转控件？
如上图，仅适合M/物联型，旋转控件是Customization指针的format，通过设定旋转控件一个坐标来旋转，然后配合表盘（背景图）显示
旋转控件，物联型、M系列、H系列、X系列
例程Download链接：《HMI表盘应用》(点击跳转)
16.1 旋转控件属性介绍
用户可以通过旋转控件插入任意大小的图片，设置相应的旋转中心，让该图片围绕相应的旋转中心进行旋转，从而实现表盘的Function。旋转控件的属性窗口如下所示
路径
素材图片的文件路径
调整
“缩放”或“裁剪”
- 缩放整张图片的显示
- 裁剪图片裁剪显示，通过调整旋转控件大小进行裁剪
过滤
“勾选”或“Cancel”，勾选后【过滤色】才生效
过滤色
勾选过滤选项后设置：选择需要过滤的颜色
Enable控件
选择“是”或“否”；选择“是”
初始角度
图片的初始旋转角度，如下所示：
调节精度
“1度”或者“0.1度”，如下所示：
用途
旋转控件的用途有“图片旋转”、“滑动旋钮”、“时钟-时”、“时钟-分”和“时钟-秒”，如下所示:
旋转点x偏移/旋转点y偏移
旋转中心的坐标。用户可用鼠标放置在相应的坐标上，然后点击鼠标右键，选中“设为旋转点””，如下所示
限制角度
滑动旋钮模式下生效，选择“是”或者“否”
最大角度
滑动旋钮模式下生效，Open限制角度后，“最大角度”的范围为0~360
通知方式
滑动旋钮模式下生效，选择“松开时”或者“滑动时”
16.2 旋转控件应用
【旋转控件】画面，通过插入的“表针”素材图片，设置相应的旋转中心，让该图片围绕相应的旋转中心进行旋转，从而实现表盘的应用
画面配置
在【仪表控件】画面的“背景图片”导入相应的美工图片如下所示
画面中添加1个旋转控件（控件ID：1），此时，弹框load旋转控件的素材图片，如下所示
属性配置
在仪表控件的属性窗口中，设置旋转点X/Y偏移，选择旋转控件，单击鼠标右键，弹出选项框，选择“设置旋转点”，如下所示
运行预览
运行虚拟屏，VisualTFT软件和虚拟屏用“虚拟串口”建立联机。打开【指令Assistant】，选择左侧导航栏【旋转控件】，设置“设置旋转角度”指令参数。如例程中，控制画面（画面ID：1）中的旋转控件（控件ID：1），填写“numerical value”为“200”，点击“send”；或者拖动指令Assistant中的滑动条，也可设置仪表控件值。运行效果如下所示
单片机程序
用户单片机控制旋转控件更新的程序，参考开发包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
……
}
Leave a Reply