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

本文用的是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(4); //注意了  这里因为我硬件端接我电脑的口是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); //1:表示以二进制方式检取数据
    m_ctrlComm.put_RThreshold(1);
    //参数1表示每当串口接收缓冲区中有多于或等于1个字符时将引发一个接收数据的OnComm事件
    m_ctrlComm.put_InputLen(0); //设置当前接收区数据长度为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) //事件值为2表示接收缓冲区内有字符
    {             ////////以下你可以根据自己的通信协议加入处理代码
        variant_inp = m_ctrlComm.get_Input(); //读缓冲区  
        safearray_inp = variant_inp; //VARIANT型变量转换为ColeSafeArray型变量  
        len = safearray_inp.GetOneDimSize(); //得到有效数据长度  注意了这里数据是一段一段接收的
        for (k = 0; k < len; ++k, ++m_COMIndex)
        {
            if (m_COMIndex > 240 * 320 - 1)
                break;
            safearray_inp.GetElement(&k, data + k);//转换为BYTE型数组
        }
        if (m_COMIndex > 240 * 320 - 1)
        {
            m_COMIndex = 0;
            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, 8);
    else
    {
        if (width <= 0 || height <= 0)
            return false;
        else if (image.GetHeight() == width && image.GetWidth() == height)
            return true;
        else
        {
            image.Destroy();
            image.Create(width, height, 8);
        }
    }
    //写入调色板
    RGBQUAD ColorTable[256];
    image.GetColorTable(0, 256, ColorTable);
    for (int i = 0; i < 256; i++)
    {
        ColorTable[i].rgbBlue = (BYTE)i;
        ColorTable[i].rgbGreen = (BYTE)i;
        ColorTable[i].rgbRed = (BYTE)i;
    }
    image.SetColorTable(0, 256, 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 = 0; i < image.GetHeight(); ++i)
    {
        pS = data + i * width;
        for (int j = 0; 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[240 * 320];
    int m_COMIndex;
    bool m_hasCOMImage;
    CImage m_COMImage;

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

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

InitalImage(m_COMImage, 240, 320);
    m_COMIndex = 0;

第二 要将图片绘制 就要绘制函数中操作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()), 0);

        // 使图标在工作区矩形中居中
        int cxIcon = GetSystemMetrics(SM_CXICON);
        int cyIcon = GetSystemMetrics(SM_CYICON);
        CRect rect;
        GetClientRect(&rect);
        int x = (rect.Width() - cxIcon + 1) / 2;
        int y = (rect.Height() - cyIcon + 1) / 2;

        // 绘制图标
        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 = 0;
}

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏子勰随笔

再看Android官方文档之ActionBar和兼容性

1818
来自专栏腾讯IVWEB团队的专栏

React + Redux 组件化方案

在介绍组件化方案之前,先对 react 和 redux 做一个简单介绍。理想中的组件化,第一步应该就是组件的标签化, 例如有一个 Header 组件,无需关注...

6610
来自专栏行者常至

014.golang 并发concurrency

1024
来自专栏智能算法

微信小程序,开发大起底

作者简介:张智超,北京微函工坊开发工程师,CSDN微信开发知识库特邀编辑。微信小程序爱好者。 感谢@翟东平 @qq_31383345 @nigelyq 等热情参...

50314
来自专栏Play & Scala 技术分享

通俗的理解阻塞/非阻塞和同步/异步的概念

3456
来自专栏数据小魔方

左手用R右手Python系列之——表格数据抓取之道

在抓取数据时,很大一部分需求是抓取网页上的关系型表格。 对于表格而言,R语言和Python中都封装了表格抓取的快捷函数,R语言中XML包中的readHTMLTa...

4756
来自专栏后端之路

被低估的前端模块化

对于前端的缓存主要包括静态资源的缓存 为避免出现类似问题参考 变态的静态资源缓存与更新 在经历了上传前端资源文件等之后测试发现了一堆问题 发现每一个出现问题的均...

26410
来自专栏hrscy

Unity 基础 - Input 类

任何一款游戏都必须和用户进行交互才行,最常用的就是通过键盘和鼠标进行交互,在 Unity 中想要获取用户的键盘或鼠标的事件的话,就必须使用 Input 类来获取...

1093
来自专栏Python绿色通道

Python爬虫:现学现用xpath爬取豆瓣音乐

爬虫的抓取方式有好几种,正则表达式,Lxml(xpath)与BeautifulSoup,我在网上查了一下资料,了解到三者之间的使用难度与性能

1763
来自专栏用户2442861的专栏

我的VS2010+VAssistX

最近越来越觉得VAssistX好用,可能是以前没有去仔细研究过吧,也可能是因为我是个快捷键控吧,不管怎样,用或不用,方便或不方便,它就是那里,一动也不动,进入...

1221

扫码关注云+社区