STM32物联网项目——HMI串口屏实现人机互联

已于 2023-07-25 22:18:39 修改
阅读量1.8k 收藏 24
点赞数 7
文章标签： stm32 物联网 嵌入式硬件
于 2023-07-25 22:16:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_74135270/article/details/131914225
版权
文章介绍了如何使用串口HMI与MCU进行交互，通过设计GUI界面控制数码管、步进电机和蜂鸣器。在HMI上设计界面并下载到串口屏，通过解析接收到的键值信息来切换不同功能页面，实现人机交互。数码管计数和步进电机控制等功能代码也进行了展示。
摘要由CSDN通过智能技术生成

程序功能：

  1.  点击数码管，进入数码管界面，开发板上数码管与屏幕数码管界面同时计数
  2.  点击步进电机，进入电机界面，点击相应按钮，控制步进电机（视频这里未插入电机）
  3.  点击Buzzer，进入蜂鸣器界面，控制开发板的蜂鸣器实现警报音
  4. 点击NTC，进入NTC界面，开发板上数码管与屏幕NTC界面显示开发板温度（这里NTC程序发送给串口屏代码的控件号有误，所以NTC界面没有显示温度值）

效果图奉上：

HMI

HMI串口屏介绍

串口HMI就是已经封装好底层功能以后，通过串口与MCU进行交互，虽然价格较贵，但开发难度大大减小，只需要使用相关上位机软件设计好GUI界面，并写好一些命令，再通过串口与MCU实现人机交互。

这里使用的是陶晶驰的串口屏，官方教程网址：http://tjc1688.com/,上位机软件下载包也可在此网站找到。

上位机软件界面认识

讲几个常用或较重要的工具和页面：

  1. 下载：通过串口将设计的界面下载给串口屏 
  2. 工具箱：里面有许多控件令我们挑选，也就是设计自己想要的GUI，例如，点击文本控件，插入到GUI：
  3.  在界面右下角的窗口，可以操作控件的属性，例如:将刚插入的文本控件文本改为“你好”，背景色为蓝色：

 当如，要想写入自己想要的文本，必须要先创建自己的字库，并添加到左下角窗口字库页面

 

4.Page 页面

工具箱里随意按置一个控件都会有按下事件和弹起事件，选择控件后，在命令窗口的弹起事件输入page 1（1是页面的id号，也可改为自己更改后的名字），当使用时，点击控件，就会跳到相应的界面

 勾选“发送键值”，串口屏会发送相应信息给MCU。

设计出了自己想要的GUI界面后，就可以点击左上角的调试功能，实现自己的界面。

实例

设计好自己的GUI界面后，我们就要下载到串口屏上了，首先在硬件上，将串口屏的发送和接收引脚与单片机的串口接收、发送引脚连好，之后，点击Program.s里设置波特率为115200，再点击下载

 代码：

这里只给出部分代码作参考

HMI协议（接收串口屏键值信息）代码：

/*
	* @name   HMI_Protocol
	* @brief  接口协议 - 接收键值信息
	* @param  None
	* @retval None      
*/
static void HMI_Protocol(void) 
{
		uint8_t Temp_Array[7] = {0x00};
		uint8_t i = 0,Index = 0;
	
		//串口1停止DMA接收
		HAL_UART_DMAStop(&huart1);
	
		//读取缓存，一共7个字节，起始值为0x65
		for(i=0;i<HMI_Rec_Buffer_LENGTH;i++)
		{
			//检测起始值0x65
			if(Index == 0)
			{
				if(*(HMI.pucRec_Buffer+i) != 0x65)
					continue;
			}
			
			Temp_Array[Index] = *(HMI.pucRec_Buffer+i);

			//已读取7个字节
			if(Index == Protocol_Data_LEN)
				break;
			
			Index++;
		}
		
		//串口1开启DMA接收
		HAL_UART_Receive_DMA(&huart1,HMI.pucRec_Buffer,(uint16_t)20);
		
		//处理数据
		if(Index == Protocol_Data_LEN)
		{
			//主页面键值信息
			if(Temp_Array[1] == 0x00)
			{
				//控件2弹起
				if((Temp_Array[2] == 0x02) && (Temp_Array[3] == 0x00))
				{
					//切换至数码管界面
					HMI.Page = Page_Display;
					Display.Disp_Clr();
				}
				
				//控件3信息
				if((Temp_Array[2] == 0x03) && (Temp_Array[3] == 0x00))
				{
					//切换至步进电机页面
					HMI.Page = Page_Step_Motor;
					
					Display.Disp_Clr();
					//ÏÔʾµç»úȦÊý
					Display.Disp_HEX(Disp_NUM_6,Unipolar_Step_Motor.Circle,Disp_DP_OFF);
					//ÏÔʾµç»úËÙ¶È
					switch(Unipolar_Step_Motor.Speed)
					{
						case 100: Display.Disp_HEX(Disp_NUM_1,1,Disp_DP_OFF); break;
						case 90:  Display.Disp_HEX(Disp_NUM_1,2,Disp_DP_OFF); break;
						case 80:  Display.Disp_HEX(Disp_NUM_1,3,Disp_DP_OFF); break;
						case 70:  Display.Disp_HEX(Disp_NUM_1,4,Disp_DP_OFF); break;
						case 60:  Display.Disp_HEX(Disp_NUM_1,5,Disp_DP_OFF); break;
						case 50:  Display.Disp_HEX(Disp_NUM_1,6,Disp_DP_OFF); break;
						case 40:  Display.Disp_HEX(Disp_NUM_1,7,Disp_DP_OFF); break;
						case 30:  Display.Disp_HEX(Disp_NUM_1,8,Disp_DP_OFF); break;
						case 20:  Display.Disp_HEX(Disp_NUM_1,9,Disp_DP_OFF); break;
						default: break;
					}
				}
				//控件5弹起
				if((Temp_Array[2] == 0x05) && (Temp_Array[3] == 0x00))
				{
					//切换至NTC界面
					HMI.Page = Page_NTC;
					Display.Disp_Clr();
				}	
				//控件6弹起
				if((Temp_Array[2] == 0x06) && (Temp_Array[3] == 0x00))
				{
					//切换至蜂鸣器界面
					HMI.Page = Page_Buzzer;
					Display.Disp_Clr();
				}
			}
			
			//数码管页面信息
			if(Temp_Array[1] == 0x01)
			{
				//控件1弹起
				if((Temp_Array[2] == 0x01) && (Temp_Array[3] == 0x00))
				{
					//切换至主页面
					HMI.Page = Page_Main;				
					Display.Disp_Clr();
				}
			}
			
			//步进电机页面信息
			if(Temp_Array[1] == 0x02)
			{
				//控件11弹起
				if((Temp_Array[2] == 0x0B) && (Temp_Array[3] == 0x00))
				{
					//切换至主页面
					HMI.Page = Page_Main;
					Display.Disp_Clr();
					//关闭步进电机
					Unipolar_Step_Motor.Status = Stop_State;
					CLR_Motor_A;
					CLR_Motor_B;
					CLR_Motor_C;
					CLR_Motor_D;
					LED.LED_OFF(LED3);
					
					Unipolar_Step_Motor.Circle = 0;
				}
				
				//控件5弹起
				if((Temp_Array[2] == 0x05) && (Temp_Array[3] == 0x00))
				{
					HMI.Page_Step_Motor_KEY_Flag = TRUE;
					HAL_GPIO_EXTI_Callback(KEY1_Pin);
					HMI.Page_Step_Motor_KEY_Flag = FALSE;
				}
				
				//控件8弹起
				if((Temp_Array[2] == 0x08) && (Temp_Array[3] == 0x00))
				{
					HMI.Page_Step_Motor_KEY_Flag = TRUE;
					HAL_GPIO_EXTI_Callback(KEY2_Pin);
					HMI.Page_Step_Motor_KEY_Flag = FALSE;
				}
				
				//控件6弹起
				if((Temp_Array[2] == 0x06) && (Temp_Array[3] == 0x00))
				{
					HMI.Page_Step_Motor_KEY_Flag = TRUE;
					HAL_GPIO_EXTI_Callback(KEY3_Pin);
					HMI.Page_Step_Motor_KEY_Flag = FALSE;
				}
				
				//控件7弹起
				if((Temp_Array[2] == 0x07) && (Temp_Array[3] == 0x00))
				{
					HMI.Page_Step_Motor_KEY_Flag = TRUE;
					HAL_GPIO_EXTI_Callback(KEY4_Pin);
					HMI.Page_Step_Motor_KEY_Flag = FALSE;
				}				
			}
			//NTC页面信息
			if(Temp_Array[1] == Page_NTC)
			{
				if((Temp_Array[2] == 0x03) && (Temp_Array[3] == 0x00))
				{
					//切换至主页面
					HMI.Page = Page_Main;				
					Display.Disp_Clr();
				}
			}
			//蜂鸣器页面信息
			if(Temp_Array[1] == Page_Buzzer)
			{
				//控件2弹起
				if((Temp_Array[2] == 0x02) && (Temp_Array[3] == 0x00))
				{
					//Çл»ÖÁÖ÷Ò³Ãæ
					HMI.Page = Page_Main;
					Display.Disp_Clr();
				}
				//控件3弹起
				if((Temp_Array[2] == 0x03) && (Temp_Array[3] == 0x00))
				{
					HMI.Page_Buzzer_Flag = TRUE;
					HAL_GPIO_EXTI_Callback(KEY1_Pin);
					HMI.Page_Buzzer_Flag = FALSE;
				}
			}
		}
}

数码管计数代码：

/*
	* @name   Fun_Page_Display
	* @brief  数码管显示页面
	* @param  None
	* @retval None      
*/
static void Fun_Page_Display()
{

	
	static uint32_t Cnt = 0;
	uint32_t i = 0;
	uint8_t  Disp_Str[9] = {'n','6','.','v','a','l','=','0','\0'}; 
	uint8_t  Cnt_Arr[6]  = {0x00};
	
	Cnt_Arr[0] = Cnt%10;      
	Cnt_Arr[1] = Cnt/10%10;   
	Cnt_Arr[2] = Cnt/100%10;   
	Cnt_Arr[3] = Cnt/1000%10;  
	Cnt_Arr[4] = Cnt/10000%10; 
	Cnt_Arr[5] = Cnt/100000;   
	
	//数码管显示计数值
	Display.Disp_HEX(Disp_NUM_1,Cnt_Arr[0], Disp_DP_OFF); 
	Display.Disp_HEX(Disp_NUM_2,Cnt_Arr[1], Disp_DP_OFF); 
	Display.Disp_HEX(Disp_NUM_3,Cnt_Arr[2], Disp_DP_OFF); 
	Display.Disp_HEX(Disp_NUM_4,Cnt_Arr[3], Disp_DP_OFF); 
	Display.Disp_HEX(Disp_NUM_5,Cnt_Arr[4], Disp_DP_OFF); 
	Display.Disp_HEX(Disp_NUM_6,Cnt_Arr[5], Disp_DP_OFF);
	
	//数据传给HMI串口屏
	for(i=0;i<6;i++)
	{
		Disp_Str[1] = i + '1';
		Disp_Str[7] = Cnt_Arr[i] + '0';
		HMI.SendString(Disp_Str);	
	}
	
	//更新计数值
	if(++Cnt > 999999)
		Cnt = 0;
	
	//延时50ms
	HAL_Delay(50);
}

 ！GUI界面下载后，硬件一定要改变为HMI串口屏与单片机通信

         

西红柿鸡蛋超级美味
关注
STM32物联网项目——HMI串口屏实现人机互联_stm32驱动串口屏(1)
2401_83641491的博客
04-05 624
设计好自己的GUI界面后，我们就要下载到串口屏上了，首先在硬件上，将串口屏的发送和接收引脚与单片机的串口接收、发送引脚连好，之后，点击Program.s里设置波特率为115200，再点击下载。工具箱里随意按置一个控件都会有按下事件和弹起事件，选择控件后，在命令窗口的弹起事件输入page 1（1是页面的id号，也可改为自己更改后的名字），当使用时，点击控件，就会跳到相应的界面。当如，要想写入自己想要的文本，必须要先创建自己的字库，并添加到左下角窗口字库页面。这里只给出部分代码作参考。
STM32物联网项目——HMI串口屏实现人机互联_stm32驱动串口屏
2301_81749759的博客
04-05 257
@brief 数码管显示页面。
串口屏控制步进电机Demo
03-10
利用淘晶驰串口屏控制57步进电机
HMI讲解 串口屏幕stm32
11-13
stm32开发HMI串口屏幕，简单方便想学习的通讯可以看看。
基于STM32单片机（HAL库）和淘晶驰串口屏的USART串口通信（CLion+CubeMX）及2024 TI杯电赛初赛赛后总结
最新发布
SpeedyDashie的博客
08-16 1621
前段时间算是完赛了24年的电赛初赛，在正赛及赛前一个月的集训里一直负责串口屏交互的代码编写和UI设计，稍微积攒了一些经验，想着把自己踩过的坑写出来给后人们排雷。在集训初期摸索这个串口屏的打开方式时，笔者发现虽然网络上有大量基于淘晶驰串口屏的使用例程，但实操中可能存在环境不同、库不匹配、版本不同、硬件连线出错等问题，对于为了打电赛从零开始学习串口屏通信的同学来说很搞心态，一些小bug会卡很久很久。因此写这篇博客也算是尽一些绵薄之力把容易踩的坑排除一下。
STM32物联网项目-HMI串口屏
weixin_46251230的博客
09-06 7512
选择字高，编码格式，字体，范围有ASCII字符，所有字符和指定字符，所有字符因为包含的字符多，想到什么字就可以写什么字，所以最后编译出来的文件就大，烧录到屏幕上时就比较费时间，这次实验使用指定字符，选择指定字符后在输入框里写入想要的字符，后面的控件就能使用这些字符，没有写到的则不能使用，比如指定字符没有“串口”两个字，则控件文本就不能写“串口"两个字。click表示点击，b0是控件的名称，也可改为控件id，1是按下，0是弹起，发送这两个指令是则表示b0按钮先被按下，再弹起。
STM32与串口屏交互（USART HMI）
m0_73661869的博客
07-02 1011
最近大创和嵌入式比赛都使用到了串口屏，刚开始学习也没什么头绪，后来瞎搞搞就能用了，但是我设计的非常简单，还有很多需要优化的地方，后面我会将代码发出来。为什么我要用串口屏呢？串口屏综合了以上屏幕的特点，即尺寸大、管脚少，能够充分减少占用单片机的I/O资源，且支持触摸。串口屏可作为输出设备（显示）以及输入设备（按键），开发难度小，操作简单，软件要求低且拥有专门的上位机辅助开发，重点是：看着牛提示：以下是本篇文章正文内容，下面案例可供参考提醒有可能踩雷的地方：1.串口屏与stm32接线错误。
STM32串口屏应用
热门推荐
I_LOVE_MCU的博客
08-05 1万+
今天搞到一块串口屏，真的是打开了一个新世界的大门。不禁感慨，这么好的东西，怎么现在才知道呢，悔了悔了。 型号TJC4827T043_011。 一开始上手的时候一脸闷逼，这玩意怎么用。但是这块屏的资料很丰富，手把手教学，稍微掌握一点基础以后，就开始了开头的感慨。 真香。 串口控制，简单方便。 只需4线，相比lcd简直是吊打。 可以自己开发ui界面，而且软件是全中文的，贼友好。 可以将按键集成到屏幕...
STM32（2）-串口通讯实际应用：串口屏
qq_53092944的博客
04-24 5636
本文仅对串口和HMI的基本设计进行了说明，下一篇文章我将写出STM32主程序，并详细分析STM32与HMI之间的串口通信方式，以及实物的实验效果。
STM32物联网项目——HMI串口屏实现人机互联_stm32驱动串口屏(2)
2401_83641533的博客
04-05 506
你的支持，我的动力；祝各位前程似锦，offer不断，步步高升！！！果你觉得这些内容对你有帮助，可以+V：Vip1104z获取！！！（备注：嵌入式）**你的支持，我的动力；祝各位前程似锦，offer不断，步步高升！！！更多资料点击此处获qu！！
陶晶池 USART HMI 串口屏与STM32F1通信详解
07-19
《陶晶池 USART HMI 串口屏与STM32F1通信详解》 在现代电子设备设计中，人机交互界面（HMI）扮演着至关重要的角色，它使得用户能够直观地与设备进行交互。陶晶池串口屏作为一种经济高效、功能强大的HMI解决方案，...
串口显示屏HMI与stm32相互通信，点亮小灯
03-27
HMI串口显示屏与单片机STM32通信，在触摸屏上可以点亮led灯，也可以在程序发送相关指令控制串口显示屏。
大彩串口屏-正点原子STM32DEMO
06-21
广州大彩屏，STM32程序，用正点原子的例程移植的，他们自带的例程是Keil4的，改了很多地方。
HMI 串口屏 stm32f103 双向通信
08-13
HMI STM32 串口屏 双向通信
HMI 智能串口屏全资料
04-18
这里有串口屏的上位机，样本例程还有数据手册，内容挺多的
STM32F103RCT6_HMI.rar_f103 rct06_hmi_hmi串口屏_stm32 HMI串口屏_串口屏 st
07-14
STM32与串口屏通讯，实现简单的交互功能，可作为基础参考程序
stm32连接串口屏HF043
weixin_58125062的博客
08-11 2037
stm32+HF043串口屏互动
串口屏（USART HMI）与STM32
qq_64206165的博客
09-10 4008
串口屏的入门使用及与STM32通信
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西红柿鸡蛋超级美味

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值