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

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

3天内不再提示

广州易显串口屏单选按钮控件实验

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

扫码添加小助手

加入工程师交流群

目录

一、实验目的

二、实验设备

三、实验步骤

3.1 新建工程

3.2 新建画面

3.3 添加控件

3.4 模拟工程

3.5 硬件验证


一、实验目的

51、AVR、PIC、STM等8位或者32位单片机的串口与单片机智能显示卡相连驱动3.5寸~55寸的TFT-LCD/VGA显示器或者电视机进行单选按钮控件的控制与显示。

单选按钮控件的控制有两种方式:

第三, 用户单片机的串口发送数据给单片机智能显示卡进行控制。

第四, 用户鼠标或触摸屏点击单选按钮控件的时候,单片机智能显示卡发送通知数据给用户单片机。

所以位单选按钮控件是一个双向的应用。


二、实验设备

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


三、实验步骤

3.1 新建工程

wKgZO2keuJaABd59AA--hMz6fSI304.png

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

wKgZPGkufzGAemadABPvF4_KDFk905.png

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

wKgZO2kufzyAAZeAAA-o3eAEyGg064.png


3.2 新建画面

wKgZO2kuf0-AFnRnAA7JueTJZ70328.png

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

wKgZO2keuQyARXofAAp2JQlbpxY896.png


3.3 添加控件

wKgZO2kuf3iAembGABEbndkri2E039.png

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

wKgZO2kuf4mAGjWvABBdv_sn_-o750.png

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

wKgZPGkuf5WAL7hHAAuufOGFNco952.png

任何一个控件都是可以控制的。双击第二个控件改变按钮的“选中值”,弹出控件属性修改对话框,鼠标选中[基本控制]标签选项如下图所示。

wKgZPGkuf6CAS2ecABCjLcPYNnY281.png

按确定后,回到界面如下。

wKgZO2kuf66AHdYKAAuYyTjN4Xs986.png

双击第三个控件改变按钮的“选中值”,弹出控件属性修改对话框,鼠标选中[基本控制]标签选项如下图所示。

wKgZO2kuf7qAKQPHABCsAmarAXM405.png

按确定后,回到界面如下。

wKgZO2kuf8WAdnRBAAuDG_F1aks059.png

如上图所示,其中的3个按钮都关联同一个变量m_Radio。上面的步骤已经将三个按钮的“选中值”进行了设置:第一个按钮m_Radio=0时候表示选中;第二个按钮m_Radio=1时候表示选中;第三个按钮m_Radio=2时候表示选中。上图中我们把m_Radio初时值设置为“0”,所以看到的是第一个被选中。 下面我们把m_Radio的初时值设置为1,看看效果如何?双击第一个按钮,弹出控件属性修改对话框,鼠标选中[基本控制]标签选项如下图所示。

wKgZO2kuf9KAXXuOABCNppLtq_Q478.png

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

如上图所示,鼠标左键点击变量地址一栏的“28”选中m_Radio变量。从图中可以看出,m_Radio变量的类型是无符号char(占1个字节),所以占据地址“28”,它的初始化值大小是“0”。点击[修改]按钮,进入下图

wKgZO2kuf-yAfuh0ABLVZy2qkhM319.png

把上图中的m_Radio初始化值“0”改为“1”,回到界面如下所示

wKgZO2kvnyKALafZAAuDG-fG3v4980.png

鼠标左键点击菜单[工程]>[保存工程]。

由上面可以看出,m_Radio大小和各个按钮的“选中值”共同决定了按钮的状态。

通过两种方法可以控制按钮: 第一, 用户单片机串口设置m_Radio变量大小。 第二, 硬件运行的时候,鼠标点击按钮或者触摸屏点击按钮的时候,显示终端会发数据给用户单片机。


3.4 模拟工程

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

wKgZO2kvnzCAFWF9ABEu4AOqMDk329.png

在上图的命令接收串口号选中COM3,点击右边的[连接]按钮。如下图所示表示串口COM3可以接收发送命令数据了。

点击[确定]按钮,回到主界面。在主界面下端的状态栏中可以看到,COM3已经连接成功,如下图所示。

wKgZO2keuiqAcY-DAAqUx-G-CzY824.png

设置好串口后,那么用户单片机发什么样的数据可以把Win0.drw中单选按钮改变成第三个为“选中”呢?

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

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

wKgZPGkvn0mAWda6ABCXMVSJjnU111.png

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

wKgZO2kvn1qAKyMgABH8tV3tu9U585.png

其次,在激活仿真功能之后,用户通过单片机串口向电脑COM3发送下面的数据(注意:十六进制)就可以将第3个按钮设置为选中状态。

81 00 02 1C 00 00 00 01 00 02XX XX解释如下:

wKgZPGkvn4iAZY70AABk-ZX8r5U088.png

单选按钮的另一个控制是,当用户鼠标在单选按钮上发生点击行为的时候,用户单片机就会收到显示卡发来数据。

当第2个单选按钮处于选中状态的时候,用户点击第3个按钮,那么第3个按钮自动变成选中状态,同时用户单片机将收到显示卡发来的下面数据:

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

同理,当第3个单选按钮处于选中状态的时候,用户点击第2个按钮,那么第2个按钮自动变成选中状态,同时用户单片机将收到显示卡发来的下面数据:

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


3.5 硬件验证

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

wKgZO2kugWKAAlMdAAX34XrhECE713.png

其次,我们通过USB串口把刚才编译后的工程下载到目标硬件上。注意,如果是第一次使用需要安装USB驱动,具体见“快速入门”的介绍。移动鼠标执行如下图所示操作。

wKgZPGkugW6AdW2kAAYuE6IkUYE755.png

最后,下载完之后要给目标硬件重新断电和上电。

用户51、AVR、PIC、STM等单片机的串口连接目标硬件的串口并发送数据便可以改变控件对应的变量值,从而达到改变控件的显示。

用户通过单片机串口向目标硬件发送下面的数据(注意:十六进制)就可以将第3个按钮设置为选中状态。

81 00 02 1C 00 00 00 01 00 02XX XX解释如下:

wKgZO2kvn-aAYGLWAABkolvpPaA113.png

单选按钮的另一个控制是,当用户鼠标在单选按钮上发生点击行为的时候,用户单片机就会收到显示卡发来数据。

当第2个单选按钮处于选中状态的时候,用户点击第3个按钮,那么第3个按钮自动变成选中状态,同时用户单片机将收到显示卡发来的下面数据:

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

同理,当第3个单选按钮处于选中状态的时候,用户点击第2个按钮,那么第2个按钮自动变成选中状态,同时用户单片机将收到显示卡发来的下面数据:

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

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

    关注

    6074

    文章

    45344

    浏览量

    663753
  • 串口屏
    +关注

    关注

    8

    文章

    602

    浏览量

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    第53章 RADIO-单选按钮控件

    转stemwin教程本期教程讲解STemWin支持的单选按钮控件。 53. 1 单选按钮控件介绍
    发表于 10-18 09:37

    【emWin实战教程V2.0】第58章 RADIO-单选按钮控件

    使用GUIBuilder创建单选按钮控件并用模拟器显示出来58.4 官方DIALOG_Radio.c实例58.5 实验例程说明(RTOS)58.6
    发表于 03-16 17:21

    广州大彩串口工程技术笔记-曲线控件应用

    广州大彩串口工程技术笔记-曲线控件的应用详细说明
    发表于 07-01 17:35 9次下载

    广州大彩串口工程技术笔记-文本控件应用

    广州大彩串口工程技术笔记-文本控件应用详细说明书
    发表于 07-01 17:35 11次下载

    广州大彩串口工程技术笔记-按钮控件应用

    广州大彩串口工程技术笔记-按钮控件的应用说明
    发表于 07-01 17:35 15次下载

    大彩串口如何实现串口更新菜单选

      本文主要阐述的是大彩串口如何实现串口更新菜单选项。本例子采用的是文本控件按钮
    发表于 05-12 09:17 1次下载

    大彩CAN通讯串口如何实现串口更新菜单选

    本文主要阐述的是大彩串口如何实现串口更新菜单选项。本例子采用的是文本控件按钮
    的头像 发表于 05-11 20:17 2454次阅读
    大彩CAN通讯<b class='flag-5'>串口</b><b class='flag-5'>屏</b>如何实现<b class='flag-5'>串口</b>更新菜<b class='flag-5'>单选</b>项

    VisualTFT组态控件教程(一)按钮控件

    广州大彩串口VisualTFT组态控件教程(一)按钮控件
    发表于 10-13 14:46 3次下载

    大彩串口控件教程1 - 串口按钮控件应用

    大彩串口控件教程1-串口按钮控件应用
    发表于 04-29 12:43 37次下载

    大彩串口控件教程2 - 串口文本控件应用

    大彩串口控件教程2-串口文本控件应用
    发表于 04-29 12:44 21次下载

    大彩串口控件教程6 - 串口RTC控件的应用

    大彩串口控件教程6-串口RTC控件的应用
    发表于 04-29 12:49 9次下载

    串口Modbus教程4_滑动选择和菜单选控件V1.0

    串口Modbus教程4_滑动选择和菜单选控件V1.0
    发表于 04-29 13:33 7次下载

    广州串口设置实时曲线控件实验流程

    目录一、实验目的二、实验设备三、实验步骤3.1新建工程3.2新建画面3.3添加控件3.4模拟工程3.5硬件验证一、实验目的51、AVR、PI
    的头像 发表于 12-01 16:07 338次阅读
    <b class='flag-5'>广州</b><b class='flag-5'>易</b><b class='flag-5'>显</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>设置实时曲线<b class='flag-5'>控件</b><b class='flag-5'>实验</b>流程

    广州串口位开关控件实验

    相连驱动3.5寸~55寸的TFT-LCD/VGA显示器或者电视机进行单选按钮控件的控制与显示。单选按钮
    的头像 发表于 12-02 14:21 107次阅读
    <b class='flag-5'>广州</b><b class='flag-5'>易</b><b class='flag-5'>显</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>位开关<b class='flag-5'>控件</b><b class='flag-5'>实验</b>

    广州操作按钮控件实验

    目录一、实验目的二、实验设备三、实验步骤3.1新建工程3.2新建画面3.3添加控件3.4模拟工程3.5硬件验证一、实验目的51、AVR、PI
    的头像 发表于 12-02 16:29 96次阅读
    <b class='flag-5'>广州</b><b class='flag-5'>易</b><b class='flag-5'>显</b>操作<b class='flag-5'>按钮</b><b class='flag-5'>控件</b><b class='flag-5'>实验</b>