2018最新mfc作为上位机接收硬件端USB或串口数据显示成图片 解决串口接收数据丢字节丢包问题

2023-02-18,,,,

原文作者:aircraft

原文地址:https://www.cnblogs.com/DOMLX/p/9490616.html

本文用的是VS2013MFC写串口数据接收

第一步:首先建立一个MFC工程,成功后会跳出一个对话框,直接在对话框上点击右键-》点击插入ACTIVAE控件-》选择MicrosoftCommunications Control, version 6.0

成功后会显示一个电话的图标在对话框上,运行起来不会显示的 不用担心这个美观问题。如果没有这个插件的话,可能是版本太低  可以自己下载一个补上

第二步:大概的窗体搞好:   那个显示图片的大框是PICTURE控件变量

然后就要项目->类向导中定义变量了  如果你们是英文版就找英文字符对应的就行了。(英文不会比我还差吧 哈哈哈哈哈哈哈)

定义的变量大概如上图所示 ,那个小电话就是串口通信最重要的    变量ID是   IDC_MSCOMM1    变量名如上图:

这时候简单的绑定变量后 要开始写第一个小函数了  ,直接双击那个对话框上 BUTTON1这个按钮

这时候就会生成一个关联函数:代码如下:

void CMFCApplication2Dlg::OnBnClickedButton1()
{
// TODO: 在此添加控件通知处理程序代码
if (m_ctrlComm.get_PortOpen())
m_ctrlComm.put_PortOpen(FALSE); m_ctrlComm.put_CommPort(); //注意了 这里因为我硬件端接我电脑的口是com4 所以我打开一样的 你们不知道自己是哪个的话 就打开硬件经常用的串口调试助手先找找 不过 测试的时候一定要关闭其他串口 不然会打开失败的
if (!m_ctrlComm.get_PortOpen())
{
m_ctrlComm.put_PortOpen(TRUE);//打开串口
AfxMessageBox(L" open serial port successfully");
}
else
AfxMessageBox(L"cannot open serial port"); m_ctrlComm.put_Settings(L"9600,n,8,1"); //波特率9600,无校验,8个数据位,1个停止位
m_ctrlComm.put_InputMode(); //1:表示以二进制方式检取数据
m_ctrlComm.put_RThreshold();
//参数1表示每当串口接收缓冲区中有多于或等于1个字符时将引发一个接收数据的OnComm事件
m_ctrlComm.put_InputLen(); //设置当前接收区数据长度为0
m_ctrlComm.get_Input();//先预读缓冲区以清除残留数据
}

好这是打开串口的函数 ,既然打开的串口那么硬件就要给我们发数据了 ,而mFC也要有接收的能力 所以这时候我们要添加一个 串口数据的响应函数:

可以双击那个消息函数改名字在点  添加处理程序应用:

然后插入代码:

void CMFCApplication2Dlg::onComm()
{
// TODO: 在此处添加消息处理程序代码
VARIANT variant_inp;
COleSafeArray safearray_inp;
LONG len, k;
//BYTE rxdata[1000480];//设置BYTE数组 An 8-bit integerthat is not signed.
unsigned char * data = m_COMBits + m_COMIndex;
CString strtemp;
//m_COMIndex = 0;
if (m_ctrlComm.get_CommEvent() == ) //事件值为2表示接收缓冲区内有字符
{ ////////以下你可以根据自己的通信协议加入处理代码
variant_inp = m_ctrlComm.get_Input(); //读缓冲区
safearray_inp = variant_inp; //VARIANT型变量转换为ColeSafeArray型变量
len = safearray_inp.GetOneDimSize(); //得到有效数据长度 注意了这里数据是一段一段接收的
for (k = ; k < len; ++k, ++m_COMIndex)
{
if (m_COMIndex > * - )
break;
safearray_inp.GetElement(&k, data + k);//转换为BYTE型数组
}
if (m_COMIndex > * - )
{
m_COMIndex = ;
m_hasCOMImage = true;
LoadImageData(m_COMImage, m_COMBits);
OnPaint();
}
}
//UpdateData(FALSE); //更新编辑框内容
}

这里是我的图片大小 240*320的:

你们的自己看    至于为什么要大于后马上跳出循环呢   因为 接收数据是一段一段接收的从缓冲区  所以我们一次性接收够了我们就跳出来  要是一直接收肯定会炸的  不信可以自己试试哈哈哈哈哈哈

还有这里有时候会出现一个问题,就是  串口传输数据的时候回丢包     有时候单步调试的时候却不会丢包 丢字节   STM32   单片机51都有可能出现这种情况  (串口调试助手收发大量数据时是怎样处理的,新手求教,写了一个串口调试助手,接收数据会丢帧,串口通讯,丢包严重是什么问题,为什么串口单步调试正常,全速会丢包)这是因为因为CPU处理速度太快导致FIFO中数据早就被读完了,RBR为空,而后续的数据不能及时到达被MCU抛弃掉了。我加了一个延时就OK了   这里加延时 可以硬件端发送加  也可以MFC 中加  都可以反正  串口发送数据会丢包说白就是电脑跟不上  电脑垃圾    这时候我们就辅助一个延时函数 然程序停一下  慢点接  让缓冲区有点东西在接收

下面是绘制图片调用的函数:

第一个是 位图的数据操作辅助用的    第二是将图片数据LOAD

bool CMFCApplication2Dlg::InitalImage(CImage &image, int width, int height)
{
if (image.IsNull())
image.Create(width, height, );
else
{
if (width <= || height <= )
return false;
else if (image.GetHeight() == width && image.GetWidth() == height)
return true;
else
{
image.Destroy();
image.Create(width, height, );
}
}
//写入调色板
RGBQUAD ColorTable[];
image.GetColorTable(, , ColorTable);
for (int i = ; i < ; i++)
{
ColorTable[i].rgbBlue = (BYTE)i;
ColorTable[i].rgbGreen = (BYTE)i;
ColorTable[i].rgbRed = (BYTE)i;
}
image.SetColorTable(, , ColorTable);
return true;
}
void CMFCApplication2Dlg::LoadImageData(CImage &image, unsigned char * data)
{
if (data == nullptr)
return;
byte *pS;
byte *pImg = (byte *)image.GetBits();
int step = image.GetPitch();
int height = image.GetHeight();
int width = image.GetWidth();
for (int i = ; i < image.GetHeight(); ++i)
{
pS = data + i * width;
for (int j = ; j < image.GetWidth(); ++j)
{
*(pImg + i*step + j) = pS[j];
}
}
}

同样的 在Dlg头文件中药加上这两个函数的声明和用到变量的定义:

//位图函数
void CMFCApplication2Dlg::LoadImageData(CImage &image, unsigned char * data);
bool CMFCApplication2Dlg::InitalImage(CImage &image, int width, int height);
//位图数据
unsigned char m_COMBits[ * ];
int m_COMIndex;
bool m_hasCOMImage;
CImage m_COMImage;

然后在看Dlg.cpp文件  我们还需要几个函数:

第一  在Dlg::OnInitDialog()初始中 我们要先给图片变量分配内存 不然程序会中断:

InitalImage(m_COMImage, , );
m_COMIndex = ;

第二 要将图片绘制 就要绘制函数中操作Dlg::OnPaint():

首先定义下面要用到的变量

    int cx, cy;
CRect rect;
CWnd *pWnd = NULL;

然后加入调用的代码:

else
{
if (m_hasCOMImage && !m_COMImage.IsNull())
{
//获取图片的宽 高度
cx = m_COMImage.GetWidth();
cy = m_COMImage.GetHeight();
//ResizeWindow(cx, cy);
//获取IDC_PIC1的窗口指针
pWnd = GetDlgItem(IDC_PICCOM);
//获取Picture Control控件的大小
pWnd->GetWindowRect(&rect);
//将客户区选中到控件表示的矩形区域内
ScreenToClient(&rect);
//窗口移动到控件表示的区域
pWnd->MoveWindow(rect.left, rect.top, cx, cy, TRUE);
pWnd->GetClientRect(&rect);//获取句柄指向控件区域的大小
CDC *pDc = NULL;
pDc = pWnd->GetDC();//获取picture的DC
m_COMImage.Draw(pDc->m_hDC, rect);//将图片绘制到picture表示的区域内
ReleaseDC(pDc);
}

是在那个 onpaint():函数中的 else部分里面添加噢    给你们看看总体的  不要抄下面这个   用上面的就行了  复制下面这个也没用 因为对话框有不同:

void CMFCApplication2Dlg::OnPaint()
{
int cx, cy;
CRect rect;
CWnd *pWnd = NULL;
if (IsIconic())
{
CPaintDC dc(this); // 用于绘制的设备上下文 SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), ); // 使图标在工作区矩形中居中
int cxIcon = GetSystemMetrics(SM_CXICON);
int cyIcon = GetSystemMetrics(SM_CYICON);
CRect rect;
GetClientRect(&rect);
int x = (rect.Width() - cxIcon + ) / ;
int y = (rect.Height() - cyIcon + ) / ; // 绘制图标
dc.DrawIcon(x, y, m_hIcon);
}
else
{
if (m_hasCOMImage && !m_COMImage.IsNull())
{
//获取图片的宽 高度
cx = m_COMImage.GetWidth();
cy = m_COMImage.GetHeight();
//ResizeWindow(cx, cy);
//获取IDC_PIC1的窗口指针
pWnd = GetDlgItem(IDC_PICCOM);
//获取Picture Control控件的大小
pWnd->GetWindowRect(&rect);
//将客户区选中到控件表示的矩形区域内
ScreenToClient(&rect);
//窗口移动到控件表示的区域
pWnd->MoveWindow(rect.left, rect.top, cx, cy, TRUE);
pWnd->GetClientRect(&rect);//获取句柄指向控件区域的大小
CDC *pDc = NULL;
pDc = pWnd->GetDC();//获取picture的DC
m_COMImage.Draw(pDc->m_hDC, rect);//将图片绘制到picture表示的区域内
ReleaseDC(pDc);
}
//确认对话框数据中是否有一张完整的图像
/*
if (m_hasFileImage && !m_FileImage.IsNull())
{
//获取图片的宽 高度
cx = m_FileImage.GetWidth();
cy = m_FileImage.GetHeight();
//ResizeWindow(cx, cy);
//获取IDC_PIC1的窗口指针
pWnd = GetDlgItem(IDC_PICFILE);
//获取Picture Control控件的大小
pWnd->GetWindowRect(&rect);
//将客户区选中到控件表示的矩形区域内
ScreenToClient(&rect);
//窗口移动到控件表示的区域
pWnd->MoveWindow(rect.left, rect.top, cx, cy, TRUE);
pWnd->GetClientRect(&rect);//获取句柄指向控件区域的大小
CDC *pDc = NULL;
pDc = pWnd->GetDC();//获取picture的DC
m_FileImage.Draw(pDc->m_hDC, rect);//将图片绘制到picture表示的区域内
ReleaseDC(pDc);
}
*/
CDialogEx::OnPaint();
}
}

要   清空缓冲 的数据的话    就这样双击那个按钮 加这个:

void CMFCApplication2Dlg::OnBnClickedButton3()
{
// TODO: 在此添加控件通知处理程序代码
m_COMIndex = ;
}

好了这就是所有的代码了 ,语文不好可能需要一点MFC基础才能听得懂哈哈哈哈哈:

不过给你们准备了福利嘿嘿嘿,我测试的项目代码:

MFC做上位机与USB串口连接传输数据显示图像:链接:https://pan.baidu.com/s/1iQyeu50-2joZgp4xedGzpg 密码:bed9

若有兴趣交流分享技术,可关注本人公众号,里面会不定期的分享各种编程教程,和共享源码,诸如研究分享关于c/c++,python,前端,后端,opencv,halcon,opengl,机器学习深度学习之类有关于基础编程,图像处理和机器视觉开发的知识

2018最新mfc作为上位机接收硬件端USB或串口数据显示成图片 解决串口接收数据丢字节丢包问题的相关教程结束。

《2018最新mfc作为上位机接收硬件端USB或串口数据显示成图片 解决串口接收数据丢字节丢包问题.doc》

下载本文的Word格式文档,以方便收藏与打印。