MFC——CDC画线

1. CDC类的画线函数：

    1) CDC的画线函数大致可以分为三类，一类是画直线和曲线，一类是画矩形等多边形，另一类是画圆、椭圆以及弧线等；

    2) 使用CDC画线时有个非常重要的概念，就是当前绘图点，是一个客户区中的像素点，很多画线函数默认的起始画线点都是当前绘图点，用户可以通过相关函数设定当前绘图点的位置；

    3) 画线函数命名时的后缀“To”，凡是带后缀“To”的函数都会自动将当前绘图点的位置设定成画线的末尾，比如LineTo、PolylineTo等，这些函数在画线结束后都会默认将当前绘图点的位置更新至画线的最后一个像素点位置，而没有后缀“To”的函数画线结束后不改变当前绘图点的位置，还有更直接的MoveTo函数，它可以直接显示设定当前绘图点的位置；

2. 画直线：

    1) 使用MoveTo和LineTo函数的组合；

[cpp]  view plain  copy

1. // 设定当前绘图点的位置，返回设定前的坐标  
2. CPoint MoveTo(int x, int y);  
3. CPoint MoveTo(CPoint point);  
4.   
5. // 从当前绘图点的位置开始画线到参数指定的位置并更新当前位置，画线成功返回TRUE  
6. // ！！！注意：最后一个像素点（即参数给定的像素点）不上色！  
7. BOOL LineTo(int x, int y);  
8. BOOL LineTo(CPoint point);  

    2) 当然也可以连续使用LineTo接着上一条的末尾话而无需再重设当前位置：

[cpp]  view plain  copy

1. dc.MoveTo(0, 0);  
2. dc.LineTo(0, 100);  
3. dc.LineTo(100, 100);  

3. 画折线：

    1) 使用Polyline函数：

[cpp]  view plain  copy

1. // 顺序将数组lpPoints指定的前nCount个点用直线连起来形成折线  
2. // 画线成功返回TRUE  
3.   
4. // 直接画，画完不改变当前位置  
5. BOOL Polyline(LPPOINT lpPoints, int nCount);  
6. // 以当前位置作为起点画，画完后最后一个点变为当前位置  
7. BOOL PolylineTo(LPPOINT lpPoints, int nCount);  

！！！CPoint数组也可以用，POINT是从Win32继承下来的，为了兼容以前的程序以及以前的变成风格，建议使用新的CPoint。

    2) 以下两者效果相同：

[cpp]  view plain  copy

1. POINT aPoint[5] = { 0, 0, 0, 100, 100, 100, 100, 0, 0, 0 };  
2. dc.Polyline(aPoint, 5);  
3.   
4. POINT aPoint[4] = { 0, 100, 100, 100, 100, 0, 0, 0 };  
5. dc.Polyline(aPoint, 4);  

！！！前缀a表示数组，aPoint就是Point数组的意思，即array point。    

    3) 一个示例——用折线来拟合正弦曲线：

[cpp]  view plain  copy

1. #include <math.h>  
2.   
3. #define SEGMENTS    500  
4. #define PI          3.1415926  
5.   
6. void CMyWnd::OnPaint()  
7. {  
8.     CPaintDC dc(this);  
9.     CRect rect;  
10.     CPoint aPoint[SEGMENTS];  
11.   
12.     GetClientRect(&rect);  
13.     int nWidth = rect.Width();  
14.     int nHeight = rect.Height();  
15.   
16.     for (int i = 0; i < SEGMENTS; i++) {  
17.         aPoint[i].x = i * nWidth / SEGMENTS;  
18.         aPoint[i].y = (int)(nHeight * (1 - sin(2 * PI * i / SEGMENTS)) / 2);  
19.     }  
20.   
21.     dc.Polyline(aPoint, SEGMENTS);  
22. }  

4. 画弧：

    1) 弧线即圆或椭圆周边上截取的一段曲线，使用Arc绘制：

[cpp]  view plain  copy

1. // 先指定一个矩形框作为椭圆的外切框  
2. // 接着指定两个点，从椭圆中心到这两个点的线段和椭圆弧的交点即为  
3.   // 最终所画的弧的起点和终点，起点到终点是逆时针的！！  
4.   
5. // 推荐使用后者，后者更加直观  
6. BOOL Arc(int x1, int y1, int x2, int y2, int x3, int y3, int x4, int y4);  
7. BOOL Arc(LPCRECT lpRect, POINT ptStart, POINT ptEnd);  

    2) 奇葩的ArcTo：参数返回值和Arc一模一样，只不过画之前会先从当前位置连一条直线到ptStart，然后再画弧，弧画完后将当前位置改为ptEnd，一般很少用。

5. Bezier曲线：

    1) Bezier曲线是一种光滑的曲线，有两个端点和两个控点组成，可以使用PolyBezier和PolyBezierTo函数绘制：

[cpp]  view plain  copy

1. // POINT数组中点的顺序为：端点1、控点1、控点2、端点2  
2. // 如果连续化多条，会以前一条的端点2作为后一条的端点1  
3.   
4. // 直接画，点的个数nCount必须是1+3n  
5. BOOL PolyBezier(const POINT* lpPoints, int nCount);  
6. // 以当前位置作为第一条的端点1，nCount必须是3n  
7. BOOL PolyBezierTo(const POINT* lpPoints, int nCount);  

    2) 画一个Nike的Swoosh：

[cpp]  view plain  copy

1. POINT aPoint1[4] = {120, 100, 120, 200, 250, 150, 500, 40};  
2. POINT aPoint2[4] = {120, 100, 50, 350, 250, 200, 500, 40 };  
3.   
4. dc.PolyBezier(aPoint1, 4);  
5. dc.PolyBezier(aPoint2, 4);  

！！！所有画线函数都不会画最后一个点，要画的画必须自己使用SetPixel来上色！

6. 画椭圆：

[cpp]  view plain  copy

1. // 直接指定外接矩形即可  
2.   
3. BOOL Ellipse(int x1, int y1, int x2, int y2);  
4. BOOL Ellipse(LPCRECT lpRect);  

7. 画矩形：

    1) 普通矩形直接使用Rectangle：

[cpp]  view plain  copy

1. // 直接指定即可  
2.   
3. BOOL Rectangle(int x1, int y1, int x2, int y2);  
4. BOOL Rectangle(LPCRECT lpRect);  

    2) 圆角矩形使用RoundRect：

[cpp]  view plain  copy

1. // 矩形边框直接指定  
2. // 圆角其实是一个小椭圆，最后一个参数point指定了小椭圆外接矩形的尺寸  
3. // point.x指定了宽，point.y指定了高  
4.   
5. BOOL RoundRect(int x1, int y1, int x2, int y2, int x3, int y3);  
6. BOOL RoundRect(LPCRECT lpRect, POINT point);  

    3) 关于矩形边框上的像素问题：边框范围是x1 ~ x2，y1 ~ y2，其中x1可以大于x2，y1也可以大于y2，而x2这条线上的边和y2这条线上的边的像素点不上色！！这就是线的终点不上色延伸到了二维平面上来了！

8. 楔形（弦形）、饼：

    1) 楔形就是将弧的两个端点直接用直线连接形成一个封闭图形，饼就是将椭圆中点和弧的两个端点直线连接形成的封闭图形；

    2) 分别使用函数Chord和Pie完成绘制，其用法和函数原型和Arc一模一样，都是矩形框定椭圆，两个点定弧，接下里的活都是自动完成的：

[cpp]  view plain  copy

1. BOOL Chord(int x1, int y1, int x2, int y2, int x3, int y3, int x4, int y4);  
2. BOOL Chord(LPCRECT lpRect, POINT ptStart, POINT ptEnd);  
3.   
4. BOOL Pie(int x1, int y1, int x2, int y2, int x3, int y3, int x4, int y4);  
5. BOOL Pie(LPCRECT lpRect, POINT ptStart, POINT ptEnd);  

    3) 示例——制作一个饼图报表（四个季度的业绩）：

[cpp]  view plain  copy

1. void CMyWnd::OnPaint()  
2. {  
3.     int nPerformences[4] = { 125, 376, 252, 184 };  
4.     CPaintDC dc(this);  
5.     CRect rect;  
6.   
7.     GetClientRect(&rect);  
8.     // 将客户区的逻辑原点放到正中间的位置（而不是默认的左上角）  
9.     dc.SetViewportOrg(rect.Width() >> 1, rect.Height() >> 1);  
10.   
11.     int nTotal = 0;  
12.     for (int i = 0; i < 4; i++) {  
13.         nTotal += nPerformences[i];  
14.     }  
15.   
16.     int x1 = 0; // 从-y轴开始画  
17.     int y1 = -1000;  
18.     int nSum = 0;  
19.   
20.     for (i = 0; i < 4; i++) {  
21.         nSum += nPerformences[i];  
22.         double rad = (nSum * 2 * PI / nTotal) + PI;  
23.         int x2 = (int)(sin(rad) * 1000); // == cos(3π/2 - rad)  
24.         int y2 = (int)(cos(rad) * 1000 * 3 / 4); // == sin(3π/2 - rad)  
25.         dc.Pie(-200, -150, 200, 150, x1, y1, x2, y2);  
26.         x1 = x2;  
27.         y1 = y2;  
28.     }  
29. }