创建一个波形显示工程

1 创建一个波形显示工程 创建一个波形显示工程 波形、数值、按钮控件使用说明 www.vibesic.com sales.cn@vibesic.com 86-755-2646-2657 86-755-2645-2675 波形、数值、按钮控件的使用 2 2 创建一个波形显示工程 修订历史 版本 日期 说明 V1.0 2009/09/28 创建文档 V1.1 2010/05/12 修改排版 V1.2 2010/06/12 使用最新 HMIDesigner 版本创建 V1.3 2010/10/27 增加视频演示 V1.4 2010/11/01 修改其中语法以及用词 V2.0 2010/11/26 波形、数值、按钮控件的使用 3 3 创建一个波形显示工程 目 录 缩略语 ...................................................................................................................................... 4 示例项目背景 ........................................................................................................................... 4 项目规划 .................................................................................................................................. 4 波形 .................................................................................................................................. 5 数值 .................................................................................................................................. 5 按钮 .................................................................................................................................. 5 整体风格设计 ........................................................................................................................... 5 HMIDesigner 设计 流程 快递问题件怎么处理流程河南自建厂房流程下载关于规范招聘需求审批流程制作流程表下载邮件下载流程设计 .............................................................................................................. 7 主控 MCU 操作 ....................................................................................................................... 14 主控 MCU 的类型............................................................................................................ 14 主控 MCU 流程与 VSD 的交互命令规划 ......................................................................... 14 主控 MCU 操作库............................................................................................................ 15 PC 下实现示例 ................................................................................................................ 15 视频演示 ................................................................................................................................ 18 免责声明 ................................................................................................................................ 19 波形、数值、按钮控件的使用 4 4 创建一个波形显示工程 缩略语 VSD：Vibesic Smart Display，特指本公司所提供的各种显示模组、嵌入式显示卡以及显 示一体机，VSD 在一个电子设备中作为从属设备，用作当前设备的显示器或者显示卡。 串口智能显示：串口智能显示，也有称智能显示、智能串口显示等多种，是 VSD 系列 产品中的一种，其中内置各种控件以及绘图指令，配合 HMIDesigner 人机界面设计软件可以 快速开发各种人机交互界面。 HMIDesigner：基于 VSD 的人机界面设计软件，本软件中集成了各种控件以及绘图指令， 使用鼠标以及设置即可以完成个性化的人机界面。 主控 MCU：当前需要设计的电子设备中的主控管理 MCU，主控 MCU 控制 VSD 进行显 示，同时控制其他外设完成设备的整体功能。 示例项目背景 在采集、测控测量的项目中一般都需要使用波形图以及显示当前的各种平均量等； 本示例项目是用在油井憋压测量中的一个测量设备，客户要求在界面上显示憋压的压力 值，方便现场工程师查看。 设备中采集一个压力传感器的压力值，压力传感量 0-10MPa，压力传感器 AD 量化值输 出 0-4096；采集时间 3.5 分钟以内。 基于客户的需求将使用波形、数值、按钮控件完成一个波形显示的憋压实验人机界面， 本设备需要通过主控 MCU 向 VSD 发送波形中需要显示的值，以及数值控件中需要显示的数 值，同时需要通过 VSD 的触摸屏控制主控 MCU 的各种动作。 工作流程为： 1. 现场工程师点击触摸屏上的按钮启动主控 MCU 进行采集工作。 2. 主控 MCU 在采集过程中实时将采集数据发送给 VSD 显示，有波形数据和当前的 采集时间两种数据。 3. 现场工程师点击触摸屏上的按钮停止主控 MCU 进行采集工作。或者主控 MCU 在 采集达到一定时间后自动停止采集工作，并通知 VSD 现在采集停止。 本项目在 VM8048-7TVSD 模组中实现，分频率为 800x480 像素。 项目规划 基于以上的需求背景，为设备做如下规划主体采用 VSD 中的波形控件完成，辅以数值 框用来显示采集的时间，使用按钮控件用来与主控 MCU 通信功能。 波形、数值、按钮控件的使用 5 5 创建一个波形显示工程 波形 VM8048 中屏幕高度为 480 个像素，0-4096 的数据全部显示，超出了范围，同时波形控 件中支持图像放大，不支持图像缩小，因此将 0-4096 缩小 10 倍为 0-409.6，取整为 0-410； 在纵向使用 410 个像素。最大采集时间为 3.5 分钟，共 210 秒，在横向 800 个像素中可以使 用 630 个像素显示时间轴。 即波形窗体为 410x630 像素。 数值 本项目中可以从波形显示中确认采集时间，但是为了更为直观的显示采集的进行时间， 设计一个数值用来显示采集时间。 按钮 本项目中通过触摸屏作为人机界面的输入，主控 MCU 收到触摸屏的指令后采集数据并 送给 VSD 模组显示。因此本项目中添加《开始采集》《结束采集》《设置》三个按钮。其中 《开始采集》《结束采集》两个指令可以在同一个按钮上实现，修改主控 MCU 的代码即可。 整体风格设计 基于以上的项目规划，可以设计需要的画面，整体显示的风格，用户可以自由设计和定 义，也可以交由专业的 UI 设计公司来做。 示例当中设计了两张图片，可以从其中选择一张使用即可。图片使用在 VSD 中显示之 后，一般将 VSD 显示的每一个图像，习惯上称为“画面”，但是在设计的初期其实是同一个 概念，在很多说明中将混合使用“图片”和“画面”两个 词汇 英语3500词汇语境记忆pets3考试词汇二年级反义词和近义词初中词汇词汇大全考研英语二高频词汇表 。 图片 1 波形、数值、按钮控件的使用 6 6 创建一个波形显示工程 图片 2 图片 2 波形、数值、按钮控件的使用 7 7 创建一个波形显示工程 图片 3 示例工程当中采用图片 2 作为主画面。 HMIDesigner 设计流程 以下将详细介绍在 HMIDesigner 中的设计流程。 1. 启动 HMIDesigner 设计软件，并新建 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 。 a) 定义方案名称，以及工程名称，分别为“8048 波形示例”，“波形”；新建方案 的同时新建了一个工程，在同一个方案下可以包含多个工程文件。 b) 选择板卡类型，选择通信的串口，选择保存路径。 2. 设置工程属性。 波形、数值、按钮控件的使用 8 8 创建一个波形显示工程 a) 点击“工程”选项卡 b) 选中“波形”工程 c) 点击“属性”选项卡，在其中设置当前工程的属性： i. 波特率：此处的串口波特率为工程实现完成后与主控 MCU 之间通信的串口波 特率，支持从 2400 到 115200 各种波特率。本项目与主控 MCU通信采用 115200， 因此选择 115200 速率。 ii. 支持触摸屏：本工程支持触摸屏，因此选择“True” iii. 触摸屏模式：触摸屏模式选择“C”，即触摸屏可以将信息通过控件发送给主 控 MCU。 到此工程属性设置完毕。 3. 添加图片 a) 选择《资源》/《导入图片》命令，弹出对话框，选择在“整体风格设计”章节中 设计好的图片 2； b) 使用的图片已经在资源栏目中，选择可以预览。 波形、数值、按钮控件的使用 9 9 创建一个波形显示工程 4. 创建画面： a) 工程默认打开时会创建一个画面“Page1”，本设备仅需要一个画面进行显示，因 此无需再创建画面。 5. 设置画面 在《工程》选项卡中选中画面 1“Page1”，然后点击《属性》选项卡，设置“Page1” 的属性 a) 点击背景图，选择导入的图片文件，《确认》后，图片“02”将作为背景图在“Page1” 中显示。 波形、数值、按钮控件的使用 10 10 创建一个波形显示工程 6. 添加并设置波形控件 a) 选择“波形图”控件 b) 点击“光标”让鼠标在选取模式 c) 双击波形区域 d) 修改“波形图”属性。 “波形”控件的主要设置如下属性：  X 轴放大因子  波形颜色  波形数量（一个波形控件最多可以显示 4 条波形）  数据个数（即当前设计中波形控件中需要显示的样点数，本设备为 210 个样点） 波形、数值、按钮控件的使用 11 11 创建一个波形显示工程  位置等。 可以按照下图参数； 7. 添加并设置数值控件 8. 添加并设置按钮控件 波形、数值、按钮控件的使用 12 12 创建一个波形显示工程 9. 设置完毕之后，点击《编译》/《编译》命令，对所有设置进行编译，如果有设置错误 的地方软件将自动提醒，编译成功后保存当前工程。 10. 联机： 点击《编译》/《联机》命令，进行联机测试。联机成功则弹出对话框“联机测试正常， 可以进行后续操作”。 11. 下载： 点击《编译》/《下载》命令，将设计下载当 VSD 中。 12. 重启 VSD 模组后，即运行当前的设计。 其他风格 波形、数值、按钮控件的使用 13 13 创建一个波形显示工程 图片 1 图片 2 如上的风格在 Demo 目录下\图片\Demo1 下，你也可以选择这种风格，设置方法类似。 运行后实际效果如下图所示 波形、数值、按钮控件的使用 14 14 创建一个波形显示工程 主控 MCU 操作 在本项目中使用主控 MCU 进行控制，VSD 模组本身作为从设备，因此在章节中将对主 控 MCU 的程序设计进行说明。 使用各种 VSD 的板卡模块作为人机界面时，主控 MCU 对于人机界面的操作只有当前的 各种数据，不包括各种图形图像信息，图形图像的信息由 HMIDesigner 已经全部设计完成。 主控 MCU 的类型 主控 MCU 可以是具有串口通信能力的任何 MCU. 主控 MCU 流程与 VSD 的交互命令规划 通过设备的工作过程规划主控 MCU 与 VSD 的交互过程。  VSD 启动完成后，主动向主控 MCU 发送指令，声明 VSD 进入工作状态(VSD 准 备好)。此时第一条声明有可能主控 MCU 并未接收到，因为无法确认主控 MCU 与 VSD 各自的启动时间。 波形、数值、按钮控件的使用 15 15 创建一个波形显示工程  主控 MCU 启动完成后，向 VSD 发送测试指令，VSD 收到测试指令后回应，则双 方建立通道成功。  主控 MCU 进入等待状态，等待触摸屏按下“开始采集”命令。  主控 MCU 收到采集指令后，采集数据并向 VSD 发送数据。  主控 MCU 收到触摸屏按下“停止采集”命令后，即停止数据采集。  主控 MCU 收到触摸屏按下《设置》页面中的“更新速度”“波形幅度”“波形频 率”下方的按钮即可实现各种参数的修改。 分析以上流程，VSD 的动作有： 1、主动发送启动正常指令，向主控 MCU 声明。 2、响应主控 MCU 的状态查询。 3、发送按键键值。 4、更新各个控件的数值。 主控 MCU 的指令有： 1、VC_SayHello:询问 VSD，如果准备后则建立通道； 2、VH_WaveUpdate:更新波形； 3、VH_ NuboxUpdate:更新“采集时间”数值框，更新“更新速度”“波形幅度”“波形 频率”等值。 4、响应 VSD 发送的按键键值，并产生相应动作。 主控 MCU 操作库 VSD 中将所有人机界面的操作都封装成函数库，用户对于各种显示的操作仅仅通过调用 相应的库函数即可完成。 HMIDesigner 设计软件在当前的工程下自动生成一个名为“vmcu_dfn.h”的.h 文件。同 时我们提供“vcmd.c”和“vcmd.h”两个文件。 其中对于 VSD 的控制部分（即主控 MCU 的发送部分）完全为标准函数，用户直接调用 即可，用户仅需要修改 vcmd.c 文件中的 VC_UartTxByte 函数而符合自己当前选定的 MCU 即 可。 用户需要修改主控 MCU 的接收（即 VSD 的发送过来的数据）函数，以满足当前系统的 设计。 PC 下实现示例 本项目通过 PC 机模拟用户的主控 MCU 来实现设计。  修改 VC_UartTxByte 函数，支持标准 PC； void VC_UartTxByte(U8 TxByte){ while(!(0x20 & inportb(COM_PORT+5))); outportb(COM_PORT+0,Byte); } 波形、数值、按钮控件的使用 16 16 创建一个波形显示工程  修改串口终端函数，支持标准 PC。 void interrupt int_com(...) { static unsigned char datanum=0; while((inportb(COM_PORT+5) & 0x01)!=0) { donot=1;//MaskIRQ7(); datanum=inportb(COM_PORT); if ((HeadCnt==0) && (datanum == 0xa5)){ HeadCnt=1; } else if ((HeadCnt==1)&&(datanum == 0xa5)){ bufptr = 0; HeadCnt =2; } else if ((HeadCnt==2)) HeadCnt = 3; else if ((HeadCnt==3)) HaveData = 1; if ( HeadCnt >= 2 ){ commbuf[bufptr]=datanum; if ( bufptr > 32 ) bufptr = 0; else bufptr++; } donot=0; } outportb(0x20,0x20); }  使用随机数模拟主控 MCU 采集好的数据，做主控 MCU 主程序 void main(int argv, char *argc[]){ 定义变量 初始化 主循环 while(1){ if(HaveData){//如果有串口中断 printf(" %x %x %x \n",commbuf[0],commbuf[1],commbuf[2]); if ( commbuf[2] == 0x71 )//VSD 发送来的对于波形更新函数的响应 Rspond = 1; else if ( commbuf[1] == 0xA3) //VSD 发送过来的按键键值标识 ProtocolID = commbuf[2]; 波形、数值、按钮控件的使用 17 17 创建一个波形显示工程 printf("ID %x Rspd %x",ProtocolID,Rspond); HaveData = 0; HeadCnt = 0; switch( ProtocolID){ case 0x01: for(ii=0;ii<4;ii++) { SendData.iData = rand()%410;//准备数据（模拟的采集数据） Wave[ii*2] = SendData.half.hh; Wave[ii*2+1] = SendData.half.ll; } if( Rspond) { tcnt++; printf("tcnt %x \n",tcnt); delay(200); VH_NuboxUpdate(VH_NUBOX_NumericBox1,tcnt);//更新采集时间 delay(200); VH_WaveUpdate(VH_WAVEG_OscilloGraph1,8,Wave);//更新波形， 每次更新 8 个样点，本函数每次可以更新 1-410 个样点，任意选择。 printf("SendOk.. "); Rspond = 0; } break; case 0x02: Rspond = 1; break; default: break; } } } }  通过以上的修改即完成了本项目主控 MCU 的工作。 使用 VSD 显示平台开发人机界面时，整个过程中开发工程师无需了解各种 协议 离婚协议模板下载合伙人协议 下载渠道分销协议免费下载敬业协议下载授课协议下载 、指令 等，主控 MCU 对于 VSD 的操作仅通过修改接口函数即可，研发工程师始终关心当前设备当 中的采集样点，而显示部分全部交由 VSD 完成，极大的方便了产品的更新换代，缩短了上 市周期。 完整的测试代码请联系销售人员。 波形、数值、按钮控件的使用 18 18 创建一个波形显示工程 视频演示 本设计示例提供有视频演示。 波形、数值、按钮控件的使用 19 19 创建一个波形显示工程 免责声明 本文档提供有关 VSD 产品的信息。本文档并未授予任何知识产权的许可，并未以明示 或者暗示，或以禁止发言或其他方式授予任何知识产权许可。除本公司在其产品的销售条款 和条件中声明的责任之外，本公司概不承担任何其他责任。本公司对产品的销售和/或使用 不做任何明示或暗示的担保，包括产品的对特定用途适用性、适销性或对任何专利权、版权 或者其他知识产品的侵权责任等，均不作担保。本公司可能随时对产品规格和产品描述作出 修改，恕不另行通知。 该系列产品可能包含某些设计缺陷或错误，一经发现将收入勘误表，并因此可能导致产 品与已出版的规格书有所差异。如客户索取，可提供最新的勘误表。 缩略语 示例项目背景 项目规划 波形 数值 按钮 整体风格设计 HMIDesigner设计流程 主控MCU操作 主控MCU的类型 主控MCU流程与VSD的交互命令规划 主控MCU操作库 PC下实现示例 视频演示 免责声明