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” )