- 1. 什么是曲线控件？
- 2. 9.1 曲线控件属性
- 3. 9.2 曲线控件应用
什么是曲线控件？
曲线可以直观地看出data变化情况，上升、下降等趋势，MCU采集的data按顺序send到屏幕，然后利用曲线控件将采样的data点连成曲线显示出来，X轴是data的采样点数，Y轴是data采样值
适用范围：全系列
例程Download链接：《曲线控件应用》(点击跳转)
9.1 曲线控件属性
本章节重点介绍曲线控件的属性，属性窗口如下所示
采样点数
曲线在整个控件宽度范围，从左到右显示一轮的点数，如下所示
例如，把曲线宽度设置为480像素，采样点数设置为480个，1个像素点对应1个曲线采样data。那么整个宽度的曲线显示完毕正好需要480个data，当481个data到来的时候，更新FIFOdata，曲线向右平移显示。如果曲线宽度为200像素，采样点数为201，整个控件宽度只能显示200个采样点，那么第201个曲线的data点到来的时候屏幕上显示的曲线就会开始向右平移显示
采样深度
一个采样data的占的byte。“1Byte”、“2Byte”可选，默认为1Byte
显示方向
曲线的显示方向，分为“水平”、“垂直”
水平显示，效果如下所示
垂直显示，效果如下所示
线条粗细
设置曲线的线条粗细，有1、2、3、4四种级别可选
缩放显示
Open缩放，设置好缩放的initial value、终止值后，根据这两个设置的值，曲线在这个值的范围中进行上下拉伸
假定我们设定initial value为0，终止值为255，那么曲线会在曲线控件的控件范围内等比例缩放到0至255之间，如下所示
假设曲线的高度为200，未Open缩放的sine curve，当Y轴方向的numerical value超过200后的data则不会显示，如下所示
通道值
最多可以预设8个通道。每个通道可以设置不同的颜色，颜色的设置有助于区分不同的通道，可以以HSB模式和RGB模式设置颜色，如下所示
9.2 曲线控件应用
【曲线控件】画面，介绍用户设备和HMI通讯时，用户设备向HMIsend指令，显示实时曲线
画面配置
在【曲线控件】画面的“背景图片”导入相应的美工图片。在该画面中添加曲线控件和button控件，如下所示
属性配置
曲线属性配置
设置【采样点数】为“466”、【采样深度】为“1 Byte”、【显示方向】为“水平”、【线条粗细】“1”、【缩放显示】“是”、【曲线底部值】“0”、【曲线顶部值】“255”、【通道数】“1”，配置如下所示
button属性配置
正弦波button配置方法：打开【指令Assistant】，选择指令Assistant中左侧导航栏中的【曲线控件】，然后点击窗口中点击生成正弦波指令，把指令添加到button控件的对内指令中，Operation如下所示。锯齿波button配置同理
运行预览
运行虚拟屏，点击画面中的正弦波button，画面如下所示
外部MCU控制
参考开发包keil程序中的him.dever.h文件函数声明以及him.dever.c文件中的定义。例如用户需实现“曲线显示”，则直接调用添加曲线data的函数GraphChannelDataAdd( )即可，代码如下所示
/************************************************************************
** Function name: void GraphChannelDataAdd(uint16 screen_id,
** uint16 control_id,
** uchar channel
** uint8 *pData,
** uint16 nDataLen);
** Descriptions : 曲线控件-Add data
** input parameters: screen_id 画面ID
** control_id 控件ID
** channel 通道号
** pData 曲线data
** nDataLen data个数
** output parameters: 无
** Returned value : 无
************************************************************************/
{
......
//添加曲线data一共256个，请参考源代码
uint8 sin[256]={};
//Add data到曲线 一次两个data
GraphChannelDataAdd(0,1,0,&sin[num],2);
}
发表回复