旋转控件

什么是旋转控件？

EJz科讯网

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

16.1 旋转控件属性介绍

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

EJz科讯网

路径

素材图片的文件路径EJz科讯网

调整

“缩放”或“裁剪”EJz科讯网

1. 缩放EJz科讯网

   整张图片的显示EJz科讯网

2. 裁剪EJz科讯网

   图片裁剪显示，通过调整旋转控件大小进行裁剪EJz科讯网

过滤

“勾选”或“取消”，勾选后【过滤色】才生效EJz科讯网

过滤色

勾选过滤选项后设置：选择需要过滤的颜色EJz科讯网

启用控件

选择“是”或“否”；选择“是”EJz科讯网

初始角度

图片的初始旋转角度，如下所示：EJz科讯网

EJz科讯网

调节精度

“1度”或者“0.1度”，如下所示：EJz科讯网

EJz科讯网

用途

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

EJz科讯网

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

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

EJz科讯网

限制角度

滑动旋钮模式下生效，选择“是”或者“否”EJz科讯网

最大角度

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

通知方式

滑动旋钮模式下生效，选择“松开时”或者“滑动时”EJz科讯网

16.2 旋转控件应用

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

画面配置

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

EJz科讯网

画面中添加1个旋转控件（控件ID：1），此时，弹框加载旋转控件的素材图片，如下所示EJz科讯网

EJz科讯网

属性配置

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

EJz科讯网

运行预览

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

EJz科讯网

单片机程序

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

/**********************************************************************
** 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
    ……
}