鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > .net技术 > vs2010 > >

[MFC]SDI在图片背景上实现文本跟随鼠标移动

来源:互联网 作者:佚名 时间:2013-10-28 10:07
SDI是单文档接口应用程序的简称。本文要实现的是在视图区域显示一张图片,然后在图片表层显示文字,并且文字跟随鼠标移动。思考一下,可以判断这个问题一共分为以下几个部分:1、显示图片;2、找到鼠标的位置;3、插入文字;4、自动移动文字。以下分步骤说明

SDI是单文档接口应用程序的简称。本文要实现的是在视图区域显示一张图片,然后在图片表层显示文字,并且文字跟随鼠标移动。思考一下,可以判断这个问题一共分为以下几个部分:1、显示图片;2、找到鼠标的位置;3、插入文字;4、自动移动文字。以下分步骤说明。

1、首先是使用“打开”方式打开一张图片并显示,出于方便这里仅仅针对bmp格式的图片,,具体是在CYourView类内部的OnDraw函数内添加如下代码:

if(GetDocument()->GetPathName() != "")//载入图片 { HBITMAP bitmap; bitmap = (HBITMAP)LoadImage(AfxGetInstanceHandle(), GetDocument()->GetPathName(), IMAGE_BITMAP, 0, 0, LR_LOADFROMFILE|LR_CREATEDIBSECTION); HBITMAP OldBitmap; CBitmap cbitmap; cbitmap.Attach(bitmap); cbitmap.GetBitmap(&m_bitmap); CDC MemDC; MemDC.CreateCompatibleDC(pDC); CRect rect; GetClientRect(&rect); OldBitmap = (HBITMAP)MemDC.SelectObject(bitmap); pDC->BitBlt(0, 0, m_bitmap.bmWidth, m_bitmap.bmHeight, &MemDC, 0, 0, SRCCOPY); MemDC.SelectObject(OldBitmap); MemDC.DeleteDC(); }

其中m_bitmap是一个BITMAP对象。显示图片的方法是比较常见的,这里不再说明。

2、接下来需要知道有个消息处理函数OnMouseMove用来处理鼠标移动消息。所以首先要添加这个函数,这个可以在Class Wizard中找到。先添加这个函数。

OnMouseMove(UINT nFlags, CPoint point);

这个函数的第二个参数CPoint对象就是鼠标所在位置,可以使用如下方法找到对应坐标:

Xcoords = point.x; Ycoords = point.y;

 

3、然后就要插入文字了,在SDI中特定位置插入文字其实很简单,使用CDC->DrawText方法就可以实现。这个函数可以实现在指定的矩形框内添加格式化文本,有点像word中的插入对话框。具体语法如下:

int DrawText(const CString& str, LPRECT lpRect, UINT nFormat);

第一个参数是要输出的CString对象,第二个参数是显示文本的矩形区域,最后一个参数是文本的格式,比如居左居中等,一个使用例子如下:

CClientDC cdc(this); cdc.DrawText(, CRect(left, top, reight, bottom), DT_LEFT);


 

4、插入文字实现之后,就要进行文字的移动了。首先我想到的是SDI中图形的移动。比如画一个矩形CDC->Rectangle方法,然后移动这个矩形框。有一个常用的图形移动方式是进行异或画图,即使用CDC->SetROP2(R2_XORPEN)这个方法画图。使用与原来画笔异或屏幕颜色再画一遍,可以实现清除已画图形的效果,因此图形的移动也就是如下过程:

(1)异或画图

(2)在原位置再次异或画图

(3)在新位置异或画图

(4)...

把画图与OnMouseMove结合就能容易实现图形跟随鼠标移动。但是同样的方法可以用于文本的移动吗?答案是否定的。因为DrawText与其他画图函数有本质的区别,因为其没有用到画笔,所以SetROP2这个方法整个对文本没有效果。不过,有了移动图形的方法,可以容易想到所谓移动(图形或者文本)的本质其实就是首先把原位置的内容清除,然后在新位置重新画(好像是废话)。

  因此,移动文字的关键就在于如何把原位置的文字清除。(用DrawText插入一个空文本的方法实行不同的,因为不会影响已经插入的文本。)一个容易想到的方法是将原位置(DrawText对应的矩形)整个复制下来,然后在插入文字后重新绘制上去,就用覆盖的方式清除了文字。于是有了如下的方法。

首先添加一个截图函数,叫做ScreenShot。

CBitmap* CYourView::ScreenShot(CDC* pDC, CBitmap *memBitmap, int Xcoords, int Ycoords, int Width, int Height) { CDC memDC; memDC.CreateCompatibleDC(pDC); memBitmap->CreateCompatibleBitmap(pDC, Width, Height); memDC.SelectObject(memBitmap); memDC.BitBlt(0, 0, Width, Height, pDC, Xcoords, Ycoords, SRCCOPY); memDC.DeleteDC(); return memBitmap; }

这个函数的处理过程很简单,将指定位置和大小的矩形内部的图片内容保存起来。

具体的实现文本跟随鼠标移动的代码在OnMouseMove函数中:

void CYourView::OnMouseMove(UINT nFlags, CPoint point) { ); Xcoords = point.x; Ycoords = point.y; if(m_loaded_flag) { if(m_first_show_flag == false) { OldX = Xcoords+10; OldY = Ycoords-10; memBitmap.DeleteObject(); memBmp = ScreenShot(&cdc, &memBitmap, OldX, OldY, 100, 50); cdc.SetBkMode(TRANSPARENT); cdc.DrawText("text",CRect(OldX,OldY, OldX+100, OldY+50),DT_LEFT); m_first_show_flag = true; } else { BITMAP bm; memBmp->GetObject (sizeof(BITMAP),&bm); CDC MemDC; MemDC.CreateCompatibleDC(&cdc); CBitmap *pOldBitmap=MemDC.SelectObject(memBmp); cdc.BitBlt(OldX,OldY,bm.bmWidth ,bm.bmHeight,&MemDC,0,0,SRCCOPY); MemDC.SelectObject (pOldBitmap); MemDC.DeleteDC(); //新坐标作为下次使用的前一次坐标 OldX = Xcoords+10; OldY = Ycoords-10; memBitmap.DeleteObject(); memBmp = ScreenShot(&cdc, &memBitmap, OldX, OldY, 100, 50); cdc.DrawText("text",CRect(OldX, OldY, OldX+100, OldY+50),DT_LEFT);//在新位置添加文字 } } CScrollView::OnMouseMove(nFlags, point); }

由于第一次鼠标放上去的状态跟后面的移动状态有点区别,说以代码中分开处理,因此还需要在OnDraw函数中if(GetDocument()->GetPathName() != "")语句内添加如下内容:

网友评论
<