0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

广州易显VGA卡设置进度条实验教程

易显科技 2025-11-26 10:51 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

目录

一、实验目的

二、实验设备

三、实验步骤

3.1 新建工程

3.2 新建画面

3.3 添加控件

3.4 模拟工程

3.5 硬件验证


一、实验目的

单片机PLC的串口与VGA卡相连驱动大尺寸VGA卡显示器或电视机进行进度条显示。


二、实验设备

下载软件一个,HMIMaker下载链接,http://www.gz-yixian.com/Download.asp,单片机智能显示终端一个; 用户51、AVR、PIC、STM等单片(带串口UART)实验电路板一个。


三、实验步骤

3.1 新建工程

wKgZO2keuJaABd59AA--hMz6fSI304.png

HMIMaker软件界面如上图所示,点击菜单[工程]>[新建工程]进入新工程设置界面。下图是新工程设置界面,用户根据实际的硬件填写相应的参数。

wKgZO2kmbB-ADnyxABO45SajRN0298.png

下图是新工程的界面。在该画面的左边工程导航栏内有《画面》,《子窗口》,《模拟LCD/VGA显示器》三个元素。其中,每个工程必须至少包含一个画面。

wKgZO2kmbC6Ac9foAA-4tHfUEZw942.png


3.2 新建画面

wKgZPGkmbEqAObKaAAppdwEHkuI610.png

在新工程界面左边的工程导航栏内鼠标右键选中《画面》元素,弹出子菜单如上图所示右键子菜单。鼠标左键单击选中《新建画面》元素,进入新画面设置界面如下图所示。您只能设置画面的名字,而画面的宽度和高度与您的显示硬件的分辨率是相同的,它会填充整个屏幕。点击[确定]便给新工程增加了一个画面。

wKgZO2kmbF-AY-bHAApo99We9cs697.png


3.3 添加控件

wKgZO2kmbHKAWFdqAAsBGjIX6Mw936.png

wKgZO2kmbHKAWFdqAAsBGjIX6Mw936.png

如上图所示,鼠标移动到新工程界面左边的工程导航栏内,左键点击选中新画面将Win0.drw激活为当前活动文件。

wKgZPGkmbIWAPa57AAqqem4nO2w179.png

HMIMaker软件界面上点击菜单[控件]>[进度条]如上图所示。将鼠标移到新画面Win0.drw上,此时鼠标变成十字形状,按下鼠标左键并拖动至合适大小后松开左键,这样便给画面添加了一个指定的控件。在画面的同一位置单击鼠标左键(不拖动),鼠标退出十字状态。鼠标左键点击菜单[工程]>[保存工程]。

wKgZO2kmbJaARhEHAAsse2g7YiY254.png

在上图的“进度条”控件中,我们看到它初时显示“红色仅占整个进度条的30%”,为什么呢?任何一个控件都是可以控制的,怎么让它显示初时大小是70%呢?双击该控件,弹出控件属性修改对话框,鼠标选中[基本控制]标签选项如下图所示。

wKgZO2kmbKGAU40cAA20WRIlpK0436.png

如上图所示,其中m_Progress表示该控件关联了一个变量(也可以说是控件地址)退出对话框,点击菜单[HMI变量],进入下图所示界面。

wKgZPGkmbLSALZabAA-IXvPB1xo365.png

如上图所示,鼠标左键点击变量地址一栏的“28”选中m_Progress变量。从图中可以看出,m_Progress变量的类型是无符号char(占1个字节),所以占据地址“28”,它的初时值大小是“30”。可以对其进行修改。

wKgZO2kmbM-Ab4pRABK04xMaux8998.png

在上图中把初时值大小“30”改为“70”。回到工程界面如下图所示,控件显示变为“红色占整个进度条的70%”。

wKgZO2kmbNuAXkR9AAsWyEw_yS0700.png


3.4 模拟工程

用户51、AVR、PIC、STM等单片机的串口连接电脑的串口并向工程发送数据便可以改变控件对应的变量值,从而达到改变控件的显示。 在本实验中我们使用电脑的串口COM3和用户单片机串口进行连接。HMIMaker软件界面上点击菜单[工程]>[工程属性]进入新工程属性设置对话框。如下图所示。

wKgZPGkeuhaAQKU6ABEZMgoH_uc808.png

在上图的命令接收串口号选中COM3,点击右边的[连接]按钮。如下图所示表示串口COM3可以接收发送命令数据了。 点击[确定]按钮,回到主界面。在主界面下端的状态栏中可以看到,COM3已经连接成功,如下图所示。

wKgZO2keuiqAcY-DAAqUx-G-CzY824.png

设置好串口后,那么用户单片机发什么样的数据可以把Win0.drw中的进度条显示变为“红色占整个进度条的50%”呢?

首先,您要让工程进入模拟仿真状态,有两种方法可以进入仿真状态:

1:点击菜单[查看]>[全屏仿真]进入全屏方式的仿真状态。

wKgZPGkmbRuAYhiXAAsL9xBSkcw534.png

2:在工程界面左边的工程导航栏内鼠标左键选中《模拟LCD/VGA显示器》元素。

wKgZO2kmbTCAFurYABIoEfZJxDE359.png

其次,在激活仿真功能之后,用户通过单片机串口向电脑COM3发送下面的数据(注意:十六进制)就可以把进度条控件显示的内容变为“红色占整个进度条的50%”。

81 00 02 1C 00 00 00 01 00 32 XX XX

解释如下:

1

2

3

4

5

6

7

0x81

0x00

0x02

1C 00

00 00

01 00

32

XX XX

帧头,

固定

0x81

指令代码,00

表示设置变量

接收方

设备地址

变量起

始地址

28

数据个数

变量大小,十进制就是

“50”

前面所有数据的校验和,两个字节数据


3.5硬件验证

上面已经完成了工程的仿真,现在我们把工程下载到目标硬件上,脱离电脑进行实际的显示。 首先,我们编译工程并生成目标硬件所需要的FLASH文件,移动鼠标执行如下图所示操作。

wKgZPGkmbYSAEn4XAASSYtCQ8SE361.png

其次,我们通过USB串口把刚才编译后的工程下载到目标硬件上。注意,如果是第一次使用需要安装USB驱动,具体见“快速入门”的介绍,博客人快速入门网站:https://blog.csdn.net/gz_yixian?type=blog。移动鼠标执行如下图所示操作。

wKgZO2kmbZSATOoYAASy4cCwXi4511.png

最后,下载完之后要给目标硬件重新断电和上电。 用户51、AVR、PIC、STM等单片机的串口连接目标硬件的串口并发送数据便可以改变控件对应的变量值,从而达到改变控件的显示。

像“模拟工程“这个步骤一样,用户通过单片机串口向目标硬件发送下面的数据(注意:十六进制)就可以把进度条控件显示的内容变为“红色占整个进度条的50%”

81 00 02 1C 00 00 00 01 00 32 XX XX

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 单片机
    +关注

    关注

    6078

    文章

    45636

    浏览量

    675900
  • 显示器
    +关注

    关注

    22

    文章

    5169

    浏览量

    144938
  • VGA
    VGA
    +关注

    关注

    5

    文章

    579

    浏览量

    66678
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    关于进度条

    我用的labview8.6,初学者,在那能找到进度条啊!
    发表于 10-28 11:35

    进度条问题

    如何通过编程的方法改变进度条刻度的最大值?
    发表于 02-20 22:55

    labview的进度条

    这是一个labview的进度条程序,比较好用
    发表于 08-04 14:30

    关于运用进度条显示下发过程

    之前搜了一下帖子,学会了通过设置时间来创建一个进度条显示器,那么进度条可以被运用在下发数据的过程中吗,比如我要下发一组很大的数据,大概耗时好几十秒吧,如何将下发的开始至结束这段时间用进度条
    发表于 05-30 09:54

    第52章 PROGBAR-进度条控件

    52. 4 总结52.1 进度条控件介绍 进度条通常在应用程序中用于实现虚拟化,下面的截图是设置了皮肤和没有设置皮肤时的显示效果: 设置
    发表于 10-18 09:32

    【emWin实战教程V2.0】第57章 PROGBAR-进度条控件

    使用GUIBuilder创建进度条控件并用模拟器显示出来57.4 官方WIDGET_Progbar.c实例57.5 实验例程说明(RTOS)57.6 实验例程说明(裸机)57.7 总结
    发表于 03-15 17:25

    labview进度条

    我用labview2017做了一个文件解压和复制的vi,解压过程中不知道真实的解压进度,怎么才能做一个真实的进度条,要真是的,不是自己规定的,求助!!!
    发表于 04-26 09:10

    labview实现进度条

    进度条
    发表于 03-25 17:06

    怎么设置进度条

    RT!比如 我创建一个随意长度的进度条然后我知道一个文件的大小 当把这个文件里的数据读完后进度条也跟着完毕请问那位弄过?我搞了下随意创建 有问题有事候进度条会超出 边框那么一点点!
    发表于 08-22 04:35

    HarmonyOS实战——ProgressBar进度条组件基本使用

    50%ohos:progress_hint_text="0%":跟进度条里面的进度是没有关系的,它只是设置进度条上面的提示文字一般写的时候,会保证 progress
    发表于 09-22 23:31

    支持组件所有基本功能的圆形进度条

    树(目录:‘libs’,包括:[‘*.har’]) 一些功能设置介绍//设置是否显示进度条的标记点的标记 mHoloCircularProgressBar.setMarkerEnabled
    发表于 03-24 14:07 1次下载

    广州大彩VisualTFT组态控件教程(三)进度条控件

    电子发烧友网站提供《广州大彩VisualTFT组态控件教程(三)进度条控件.pdf》资料免费下载
    发表于 10-13 17:40 1次下载

    大彩串口屏控件教程15 - 圆形进度条控件应用

    大彩串口屏控件教程15-圆形进度条控件应用
    发表于 04-29 12:57 5次下载

    【AWTK使用经验】如何设计立体电池进度条

    AWTK是基于C语言开发的跨平台GUI框架。《AWTK使用经验》系列文章将介绍开发AWTK过程中一些常见问题与解决方案,例如:如何加载外部资源?如何设计自定义进度条?这些都会在系列文章进行解答
    的头像 发表于 04-18 08:25 1525次阅读
    【AWTK使用经验】如何设计立体电池<b class='flag-5'>进度条</b>?

    【HarmonyOS 5】鸿蒙中进度条的使用详解

    【HarmonyOS 5】鸿蒙中进度条的使用详解 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、HarmonyOS中Progress进度条的类型
    的头像 发表于 07-11 18:26 1391次阅读
    【HarmonyOS 5】鸿蒙中<b class='flag-5'>进度条</b>的使用详解