GDI波形图的绘制以及坐标系的添加

在前面已经介绍了一些，GDI的基础知识，这里主要说一下，在项目中遇到的问题和使用双缓存需要注意的东西，以提醒自己，也给看到博客的朋友一些警醒，不要犯同样的错误。

在绘制多个坐标系的时候遇到的问题：
首先界面的原点是在左上角，Y轴向下为正，X轴正常（向右为正），所以绘制的时候一定要计算好原点 的位置，再以X轴长和Y轴长绘制，代码如下：

//设置画笔，常用的RGB值在https://wenku.baidu.com/view/8d792634a32d7375a417805e.html//链接，需要什么颜色，也可以自己百度HPEN hPen = CreatePen(PS_SOLID, 2, RGB(0,0,0));//使用当前画笔HPEN hPenOld = (HPEN)SelectObject(hDC, hPen);//绘制线，这里需要注意MoveToEx和LineTo函数中的X和Y轴值都是整型// 绘制X轴MoveToEx(hDC, m_iXStartCoor, m_iYStartCoor, NULL );LineTo(hDC, m_iXStartCoor + m_iXAxisLength, m_iYStartCoor);//绘制Y轴MoveToEx(hDC, m_iXStartCoor, m_iYStartCoor, NULL );LineTo(hDC, m_iXStartCoor, m_iYStartCoor - m_iYAxisLength);// 取消画笔的使用，销毁画笔SelectObject(hDC, hPenOld);DeleteObject(hPen);

在坐标系中需要注意的主要就是Y轴，这个和平时的认知不一样。

在绘制波形图的时候遇到的问题比较多，主要是多坐标轴时点在自己坐标系中的相对位置，还有就是波形图向前移动的时候重新绘制问题（重绘主要有三个问题：1、整体坐标的平移以及添加；2、界面的刷新；3、刷新时候的闪烁问题）

在处理相对坐标问题上，我主要采用的是如果上面有坐标系的话，加上Y轴的长得到自己的Y轴坐标，主要代码：

for ( size_t i = 0; i < sVectCheckBoxState; i++ ){    // 计算出Y轴要加的值    int iYEnd = (20 + iCoorHeight) * i;    for ( int j = 0; j < iCoorWidth; j++ )    {        // 每次都要加上这个Y轴值，这里只有Y轴，X轴绘制时直接做的加一处理        // 为了便于移动处理使用了STL中的deque模板，方便操作        if ( j % 5 == 0 )        {            m_NewData.m_deqData.push_back(( rand() % (iCoorHeight - 20) + 20 + iYEnd ));        }        else        {            m_NewData.m_deqData.push_back(iYEnd + iCoorHeight * 0.5);        }    }    m_vectRawDataArray.push_back(m_NewData);    m_NewData.m_deqData.clear();}

整体平移的实现：

//这里实现的是右移void RightMoveArray(const int &Number, const int &iRand){        m_OldData.m_deqData = m_vectOldRawDataArray[Number].m_deqData;        m_OldData.Number= m_vectOldRawDataArray[Number].Number;        m_vectRawDataArray[0].m_deqData.clear();        //删除第一个元素        m_vectRawDataArray.erase(m_vectRawDataArray.begin());        for ( size_t i = 0; i < m_OldData.m_deqData.size(); i++ )        {                if ( i == 0 )                {                        m_NewData.Number= m_OldData.Number;                        m_NewData.m_deqData.push_back(iRand);                }else                {                        m_NewData.Number= m_OldData.Number;                        m_NewData.m_deqData.push_back( m_OldData.m_deqData.at(i -1) );                }        }    m_vectRawDataArray.push_back(m_NewData);    m_NewData.m_deqData.clear();}

界面的刷新问题以及解决闪烁的问题：
本人开始采用的是打开关闭picture控件实现，结果这样有问题，最后请教了一个前辈，直接指出这样的做法是错误的，所以采用了双缓存来解决这两个问题，直接上代码吧：

//为创建的缓存区做准备m_pDC = pDC;m_hWnd = hWnd;m_rect = rect;::GetClientRect(m_hWnd, m_rect);// 开始创建第二缓存区CDC dcMen;CBitmap bmp;dcMen.CreateCompatibleDC(m_pDC);// 创建依附窗口bmp.CreateCompatibleBitmap(m_pDC, m_rect.Width(), m_rect.Height()); // 创建兼容位图，一定是目标地址的CDC，这里还有一个就是要创建多色窗体，否则就是黑白两色的dcMen.SelectObject(&bmp); // 将位图选入内存dcMen.FillSolidRect(m_rect, m_pDC->GetBkColor());// 使得新创建的缓存区的背景和原背景一致HDC hDCMen = dcMen.GetSafeHdc();CPen hNewPen, *hOldPen;hNewPen.CreatePen(PS_SOLID, 1, RGB(255, 0, 0));hOldPen =  dcMen.SelectObject(&hNewPen);/*** *画图区域 */// 将绘制的缓存放在要放的区域m_pDC->BitBlt(0, 0, m_rect.Width(), m_rect.Height(), &dcMen, 0, 0, SRCCOPY);// 释放资源（方法有两到三种实现，但是必须释放）//dcMen.DeleteDC();dcMen.SelectObject(hOldPen);::DeleteObject(hNewPen);::DeleteDC(dcMen);::DeleteObject(bmp);::ReleaseDC(m_hWnd, hDCMen);

还有需要注意的是，不要想着透明色了，透明色的不会清空上次绘制结果，

将m_pDC->BitBlt(0, 0, m_rect.Width(), m_rect.Height(), &dcMen, 0, 0, SRCCOPY);替换为::TransparentBlt( m_pDC->GetSafeHdc() , 0, 0, m_rect.Width(), m_rect.Height(), dcTmp.GetSafeHdc(), 0, 0, m_rect.Width(), m_rect.Height() , m_pDC->GetBkColor());可以实现透明色，想用透明色，可以只针对位图，图片  m_pDC->GetBkColor()  要变为透明色的颜色

上面忘记说了，使用TransparentBlt时一定要注意添加一个lib库，#pragma comment( lib, “msimg32.lib” )