首页 > 代码库 > MFC中的GDI绘图（5）
MFC中的GDI绘图（5）
坐标映射实例
（1）建立单文档MFC项目Draw：New—>Projects—>MFC AppWizard(EXE)—>Single Document。
（2）找到CMainFrame::PreCreateWindow函数，在其中设置默认窗口大小为400 pixel*300 pixel。
BOOL CMainFrame::PreCreateWindow(CREATESTRUCT& cs)
{
if( !CFrameWnd::PreCreateWindow(cs) )
return FALSE;
// TODO: Modify the Window class or styles here by modifying
// the CREATESTRUCT cs
cs.cx=400;
cs.cy=300;
return TRUE;
}
（3）添加OnPaint事件
资源管理器—>ClassView—>右击CDrawView 选择Add Windows Message Handler
—>WM_PAINT—> Add Handler
1. void CDrawView::OnPaint()
2. {
3. CPaintDC dc(this); // device context for painting
4. // TODO: Add your message handler code here
5. CRect cr;//矩形结构
6. GetClientRect(&cr);//获得客户区窗口
7. int cx=cr.right;//右
8. int cy=cr.bottom;//底
9. dc.SetMapMode(MM_ISOTROPIC);//X=Y
10. dc.SetWindowExt(1000,1000);//设置逻辑窗口，默认窗口原点为（0，0）
11. dc.SetViewportExt(cx,-cy);//定义输出视口,X右Y上为正
12. dc.SetViewportOrg(cx/2,cy/2);//定义视口原点为客户区中心
13. dc.Ellipse(-200,200,200,-200);//绘制椭圆与客户区外切的椭圆
14. //绘制水平垂直的四条半径
15. dc.MoveTo(0,0); dc.LineTo(200,0);
16. dc.MoveTo(0,0); dc.LineTo(-200,0);
17. dc.MoveTo(0,0); dc.LineTo(0,200);
18. dc.MoveTo(0,0); dc.LineTo(0,-200);
19. //执行F5进行Debug，在底端Output窗口中可以观察ClientRect
20. TRACE( "ClientRect.x = %d, ClientRect.y = %d\n", cx, cy );
21. }
运行结果如图1左。当改变窗口大小时，图中圆形状始终不变。
<1>将上面代码的第9行改为：dc.SetMapMode(MM_ANISOTROPIC);//X!=Y运行结果如图1右。
图1
我们发现，尽管上面代码的第13行dc.Ellipse(-200,200,200,-200);中定义的椭圆外接矩形逻辑上为正方形，但是显示的并不是圆，而是椭圆。
当我们改变窗口大小时，图中椭圆变形，甚至可能变为圆形。具体为：
保持窗口宽度不变时，减小高度，椭圆变得更扁；保持窗口高度不变时，减小宽度，椭圆变得更圆，当拉伸到客户区为正方形时，我们发现椭圆变成了圆！
<2>将上面代码的第9行改回dc.SetMapMode(MM_ISOTROPIC);//X=Y，第15行改为dc.LineTo(500,0); 第18行改为dc.LineTo(0,-500); 运行结果如图2左。
保持窗口高度不变，减小窗口宽度，使窗口宽度<窗口高度，运行结果如图2右。
图2
<3>在将<2>中代码的第9行改回dc.SetMapMode(MM_ANISOTROPIC);//X!=Y，
运行结果如图3：
图3
当我们改变窗口大小时，dc.LineTo(500,0); dc.LineTo(0,-500);都是由原点（客户区中心）到客户区右端中心、底端中心的直线。
<4>将原代码中第10行dc.SetWindowExt(1000,1000);//设置逻辑窗口后添加dc.SetWindowOrg(100,100);设置逻辑窗口的原点为（100，100）。观察运行结果可知，图1中的图形整体向左向下分别移动了100个逻辑单位：
(-200,200,200,-200)——>(-200-100,200-100,200-100,-200-100)
若需要保持图1中的图形，则需要将涉及到的每个点加上(100,100)，即：
13. dc.Ellipse(-200+100,200+100,200+100,-200+100);
14. //绘制水平垂直的四条半径
15. dc.MoveTo(0+100,0+100); dc.LineTo(200+100,0+100);
16. dc.MoveTo(0+100,0+100); dc.LineTo(-200+100,0+100);
17. dc.MoveTo(0+100,0+100); dc.LineTo(0+100,200+100);
18. dc.MoveTo(0+100,0+100); dc.LineTo(0+100,-200+100)
(4)总结逻辑窗口坐标到设备视口坐标的映射方法：
<1>逻辑窗口原点映射为视口原点
<2>逻辑窗口宽度和高度映射为视口宽度和高度
<3>当映射方式为MM_ISOTROPIC时，WindowExt.Width=WindowExt.Height,有效绘图区域为以视口宽高中的最小边为边长的正方形区域。比例因子为:
scaleX=scaleY=min{ViewportExt.Width, ViewportExt.Height }/WindowExt.Width
当映射方式为MM_ANISOTROPIC时，有效绘图区域为整个视口（这里为客户区）。比例因子为:
scaleX=ViewportExt.Width/WindowExt.Width
scaleY=ViewportExt.Height /WindowExt.Height。见图4.
<4>设备（视口）坐标 = (逻辑坐标–逻辑窗口原点坐标)×比例因子+视口原点坐标
图4
以下分析中客户区大小为ClientRect=(388，200)，逻辑窗口原点为WindowOrg=(100,100)，基于（3）<4>中修改后的代码。
在上图4左中，nMapMode=MM_ISOTROPIC，椭圆外接矩形左上角逻辑坐标(-100,300)映射为客户区的以Pixel为单位的坐标为：
left_top_X= (-100-100)×（200/1000）+388/2=154 pixel
left_top_Y= (300-100)×（200/1000）+200/2=140 pixel
依此次方法可计算出右下角逻辑坐标(300,-100)映射为客户区的以Pixel为单位的坐标为：
right_bottom_X=234 pixel;right_bottom_Y=60 pixel
我们若在第9行dc.SetMapMode(MM_ISOTROPIC);//X=Y前添加CreatePen(PS_SOLID,2,RGB(255,0,0));dc.Ellipse(154,140,234,60);则可以发现，这个以2个像素宽的红色画笔绘制的(椭)圆刚好和设置映射模式后绘制的(椭)圆重合。但是我们改变窗口大小时，发现设置映射模式后绘制的(椭)圆按比例拉伸，但红色圆始终在原地且大小保持不变，这也说明了默认映射方式MM_TEXT是以X轴正方向朝右，Y轴正方向朝下的坐标系和1 pixel为单位进行绘制的。
同理，我们可以分析上图4右中，nMapMode=MM_ANISOTROPIC的情况下，CRect(116,140,272,60);为等效椭圆外接矩形。
MFC中的GDI绘图（5）