现在的位置: 首页 > 综合 > 正文

VC双缓存绘图以及鼠标拖图的问题

2013年08月11日 ⁄ 综合 ⁄ 共 7599字 ⁄ 字号 评论关闭
VC中的绘图有个比较棘手的问题是闪烁,双缓存是解决此类问题的一种方法,但是在系统绘图中,由于可能要加载滚动条,响应鼠标拖动等事件,导致传统的双缓存方法不一定适用,本文提出了一种解决方法能够用统一的框架内实现滚动条,鼠标图型拖动,视口转换以及双缓存绘图.

关键字:双缓存,滚动条,鼠标拖动,VC,视口转换

 

  炫丽的软件效果能增强用户体验,用绘图方法展示动人效果就成为了必不可少的一个环节,VC提供了非常丰富的绘图API函数库,例如GDI+接口,但是用过这些接口函数的开发人员应该知道,有个非常头疼的问题是闪烁.如何解决这个问题,双缓存是一个非常好的办法.

1.双缓存原理介绍

  在VC中进行绘图过程处理时,如果图形刷新很快,经常出现图形闪烁的现象。利用先在内存绘制,然后拷贝到屏幕的办法可以消除屏幕闪烁,具体的方法是先在内存中创建一个与设备兼容的内存设备上下文,也就是开辟一快内存区来作为显示区域,然后在这个内存区进行绘制图形。在绘制完成后利用BitBlt函数把内存的图形直接拷贝到屏幕上即可。

2.双缓存绘图实现

 前面简单的介绍了VC下双缓存的原理,在实现这一环节,我们的主要工作是将上面的想法实现.当面我们所用到的MFC应用程序是基于对话框,所以代码我们当前要放在OnPaint函数里.

void CTestScrollDlg::OnPaint()
{
        CPaintDC dc(this);    

        int nWidth = 1000;
        int nHeight = 1000;

        //随后建立与屏幕显示兼容的内存显示设备
        CDC MemDC; //首先定义一个显示设备对象
        CBitmap MemBitmap;//定义一个位图对象
        MemDC.CreateCompatibleDC(NULL);
        //这时还不能绘图,因为没有地方画
        //下面建立一个与屏幕显示兼容的位图,至于位图的大小嘛,可以用窗口的大小
        MemBitmap.CreateCompatibleBitmap(&dc,nWidth,nHeight);

        //将位图选入到内存显示设备中
        //只有选入了位图的内存显示设备才有地方绘图,画到指定的位图上
        MemDC.SelectObject(&MemBitmap);
        //先用背景色将位图清除干净,这里我用的是白色作为背景
        //你也可以用自己应该用的颜色
        MemDC.FillSolidRect(0,0,nWidth,nHeight,RGB(255,255,255));

        //绘图
        MemDC.Ellipse(m_nEclipseRect);

        //将内存中的图拷贝到屏幕上进行显示
        dc.SetViewportOrg(-m_nHScrollPos,-m_nVScrollPos);
        dc.BitBlt(0,0,nWidth,nHeight,&MemDC,0,0,SRCCOPY);
        //绘图完成后的清理
        MemBitmap.DeleteObject();
        MemDC.DeleteDC();
        CDialog::OnPaint();
}

  这里面有一点要着重讲一下.几个变量的定义:

1.nEclipseRect这是个矩形框,CRect类型,用于表示一个椭圆的四个值

2.m_nHScrollPos是个int类型,用之于水平滚动条,表现当前X轴坐标值.

3.m_nVScrollPos是个int类型,用之于垂直滚动条,表现当前的Y轴坐标值

  在本程序中,由于绘图的面积可能会比较大,我们采用了滚动条机制.下面列出来滚动条代码.

void CTestScrollDlg::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
{
    // TODO: Add your message handler code here and/or call default
    SCROLLINFO scrollinfo;
    GetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
//    this->Invalidate(false);
    //InvalidateRect(NULL,TRUE);
    switch (nSBCode)
    {
        case SB_LEFT:
            ScrollWindow((scrollinfo.nPos-scrollinfo.nMin)*10,0);
            scrollinfo.nPos = scrollinfo.nMin;
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            break;
        case SB_RIGHT:
            ScrollWindow((scrollinfo.nPos-scrollinfo.nMax)*10,0);
            scrollinfo.nPos = scrollinfo.nMax;
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            break;
        case SB_LINELEFT:
            scrollinfo.nPos -= 1;
            if (scrollinfo.nPos)
            {
                scrollinfo.nPos = scrollinfo.nMin;
                break;
            }
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            ScrollWindow(10,0);
            break;
        case SB_LINERIGHT:
            scrollinfo.nPos += 1;
            if (scrollinfo.nPos>scrollinfo.nMax)
            {
                scrollinfo.nPos = scrollinfo.nMax;
                break;
            }
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            ScrollWindow(-10,0);
            break;
        case SB_PAGELEFT:
            scrollinfo.nPos -= 5;
            if (scrollinfo.nPos)
            {
                scrollinfo.nPos = scrollinfo.nMin;
                break;
            }
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            ScrollWindow(10*5,0);
            break;
        case SB_PAGERIGHT:
            scrollinfo.nPos += 5;
            if (scrollinfo.nPos>scrollinfo.nMax)
            {
                scrollinfo.nPos = scrollinfo.nMax;
                break;
            }
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            ScrollWindow(-10*5,0);
            break;
        case SB_THUMBPOSITION:
            break;
        case SB_THUMBTRACK:
            ScrollWindow((scrollinfo.nPos-nPos)*10,0);
            scrollinfo.nPos = nPos;
            SetScrollInfo(SB_HORZ,&scrollinfo,SIF_ALL);
            break;
        case SB_ENDSCROLL:
            break;
    }
    m_nHScrollPos = scrollinfo.nPos*10;
    CDialog::OnHScroll(nSBCode, nPos, pScrollBar);
}

void CTestScrollDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
{
    // TODO: Add your message handler code here and/or call default
    SCROLLINFO scrollinfo;
    GetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
//    this->Invalidate(false);
    //InvalidateRect(NULL,TRUE);  
    switch (nSBCode)
    {
        case SB_BOTTOM:
            ScrollWindow(0,(scrollinfo.nPos-scrollinfo.nMax)*10);
            scrollinfo.nPos = scrollinfo.nMax;
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            break;
        case SB_TOP:
            ScrollWindow(0,(scrollinfo.nPos-scrollinfo.nMin)*10);
            scrollinfo.nPos = scrollinfo.nMin;
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            break;
        case SB_LINEUP:
            scrollinfo.nPos -= 1;
            if (scrollinfo.nPos)
            {
                scrollinfo.nPos = scrollinfo.nMin;
                break;
            }
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            ScrollWindow(0,10);
            break;
        case SB_LINEDOWN:
            scrollinfo.nPos += 1;
            if (scrollinfo.nPos>scrollinfo.nMax)
            {
                scrollinfo.nPos = scrollinfo.nMax;
                break;
            }
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            ScrollWindow(0,-10);
            break;
        case SB_PAGEUP:
            scrollinfo.nPos -= 5;
            if (scrollinfo.nPos)
            {
                scrollinfo.nPos = scrollinfo.nMin;
                break;
            }
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            ScrollWindow(0,10*5);
            break;
        case SB_PAGEDOWN:
            scrollinfo.nPos += 5;
            if (scrollinfo.nPos>scrollinfo.nMax)
            {
                scrollinfo.nPos = scrollinfo.nMax;
                break;
            }
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            ScrollWindow(0,-10*5);
            break;
        case SB_ENDSCROLL:
            // MessageBox("SB_ENDSCROLL");
            break;
        case SB_THUMBPOSITION:
            // ScrollWindow(0,(scrollinfo.nPos-nPos)*10);
            // scrollinfo.nPos = nPos;
            // SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            break;
        case SB_THUMBTRACK:
            ScrollWindow(0,(scrollinfo.nPos-nPos)*10);
            scrollinfo.nPos = nPos;
            SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
            break;
    }
    m_nVScrollPos = scrollinfo.nPos*10;
    CDialog::OnVScroll(nSBCode, nPos, pScrollBar);
}

 这段代码通用性比较强,可以直接粘到应用程序中使用.但是只要注意,由于在我们的应用程序中运行到了视口切换的概念,这是本地坐标系跟世界坐标系之间的切换,前面提到了二个变量用来标记当前坐标系的视口值.具体原理若不理解,请参考视口转换的原理.

3.鼠标拖动事件实现

  前面的代码运行出来的效果,是一个对话框,然后在(0,0,200,200)的位置上出现一个椭圆,下面的工作,是想通过鼠标拖动这个椭圆,即实现鼠标的智能拖动.下面我们在对话框中添加鼠标拖动事件.

void CTestScrollDlg::OnMouseMove(UINT nFlags, CPoint point)
{
    // TODO: Add your message handler code here and/or call default
    //dc.SetViewportOrg(-m_nHScrollPos,-m_nVScrollPos);
    //    dc.Ellipse(m_nEclipseRect);
    int cx = point.x-m_nOrgPoint.x;
    int cy = point.y - m_nOrgPoint.y;
    m_nOrgPoint = point;
    point.x += m_nHScrollPos;
    point.y += m_nVScrollPos;
    CString str;
    str.Format("x= %d,y=%d",point.x,point.y);
    this->SetWindowText(str);
    // 判断当前的点是否在矩形框中,同时是否按下鼠标左键
    if(nFlags&MK_LBUTTON && m_nEclipseRect.PtInRect(point))
    {
        m_nEclipseRect.bottom += cy;
        m_nEclipseRect.top += cy;
        m_nEclipseRect.right += cx;
        m_nEclipseRect.left += cx;
        this->Invalidate();
    }
    CDialog::OnMouseMove(nFlags, point);
}

  这里面有个变量m_nOrgPoint,是个类变量,用之于记录上一次的坐标值.

4.再闪烁问题解决

  不过我们运行这个效果图后,会发现又出现了闪烁,这个是什么问题呢,我们不是已经添加了双缓存了吗.

 其实这个问题的产生的原因是因为我们在鼠标拖动时,也进行了Invalidate函数,而这个时候是不需要进行背景重绘,这个问题的解决是通过添加OnEraseBkgnd函数.

 在当前对话框中通过添加函数向导里,在Filter里选择Window.然后先中EraseBkgnd事件.

BOOL CTestScrollDlg::OnEraseBkgnd(CDC* pDC)
{
    // TODO: Add your message handler code here and/or call default
    return true;
    return CDialog::OnEraseBkgnd(pDC);
}

 再运行一下,就会发现闪烁不见了.

5.总结

 双缓存绘图的问题几乎困扰过每一个开发者,虽然参考网上信息,能解决这一问题,但是在添加鼠标事件,添加滚动条事件,如何通过视口切换的方法,显示一张大图,目前并没有统一的解决办法,在实际工作,在统一解决这个问题时,也花了一些功夫,在解决后,整理了一下思路,以供开发人员参考.

抱歉!评论已关闭.