MFC图形界面绘图教程

原创于 2025-08-17 11:28:04 发布 · 1k 阅读 ·

大模型引用 6 次

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

duck_1984

关注

分类游戏开发

本文还有配套的精品资源，点击获取

简介：MFC是微软提供的C++库，用于构建Windows桌面GUI应用程序。本教程详细介绍了如何使用MFC框架进行图形绘制，包括创建MFC工程、使用GDI进行基本图形绘制（如圆形、矩形、三角形）以及颜色应用。同时，教程涵盖了画笔和画刷的创建与选择、绘图操作的执行以及画面的清除和刷新更新。通过本教程，读者将掌握MFC图形绘制的基本技能，并能进一步扩展到更复杂的图形功能。

1. MFC简介与应用

MFC（Microsoft Foundation Classes）是微软推出的一套C++类库，用于简化Windows应用程序的开发。MFC封装了Windows API，通过面向对象的方法提供了一系列可复用的类，从而帮助开发者快速构建稳定、功能丰富的应用程序。

1.1 MFC概述

MFC 应用程序主要基于文档/视图结构，其中文档类负责数据的保存和加载，视图类则负责数据显示。MFC通过消息映射机制来处理Windows消息，这种设计模仿了MFC的基类架构，源自于Smalltalk的“消息传递”概念。

1.2 MFC应用领域

MFC适合开发资源密集型和界面密集型的应用程序。例如，桌面办公软件、多媒体播放器、游戏开发等，都是MFC可以大显身手的领域。随着技术的发展，MFC依然是许多企业的首选框架，特别是在需要与Windows系统深度集成的应用开发中。

1.3 开发环境设置

要开始使用MFC，首先需要配置Visual Studio开发环境。开发者应选择支持MFC的Visual Studio版本并启用对应的MFC支持。接下来，通过创建新项目选择MFC应用程序类型，并设置应用程序的类型和选项，如单文档或多文档界面。最终，Visual Studio将生成一个包含MFC库和模板代码的项目，开发者可以在模板代码的基础上进行业务逻辑的开发。

2. 基于MFC的工程创建

在第二章中，我们将深入探讨如何创建一个基于MFC（Microsoft Foundation Classes）的工程，这是构建Windows桌面应用程序的基础。MFC提供了一组封装好的类库，用于简化Windows API编程。我们将按照目录的指引，逐个剖析MFC工程的构成和关键组件，从工程结构开始，到理解应用程序类和消息映射机制，最终构建出一个功能丰富的Windows应用程序。

2.1 MFC工程结构剖析

2.1.1 工程文件组成

在创建一个MFC应用程序时，Visual Studio为我们提供了一个预设的工程结构，这使得开发者可以专注于业务逻辑的实现。首先，我们会接触到以下几个关键文件：

头文件(.h) : 包含类声明的文件。
源文件(.cpp) : 包含类方法实现的文件。
资源文件(.rc) : 包含窗口布局、菜单、对话框等资源的文件。
应用程序类(.exe) : 包含程序入口点的可执行文件。

在资源文件中，我们可以找到一些自动创建的资源，比如菜单、工具栏和对话框。这些资源可以被应用程序类中的代码引用，用以实现用户界面功能。

2.1.2 资源文件的作用和编辑

资源文件是MFC工程中的重要组成部分，它允许开发者通过可视化编辑器来创建和管理用户界面元素，而无需直接编写代码。在资源文件中，我们可以创建窗口类、编辑菜单和工具栏，并且可以定义对话框和控件。这些设计时的改动会反映在相应的资源脚本(.rc)文件中。

要编辑资源，我们可以通过双击资源视图中的资源项目来打开资源编辑器。资源编辑器提供了所见即所得的设计界面，开发者可以通过拖放控件来设计界面。对控件属性的修改，比如字体、颜色、尺寸等，都直接在资源编辑器中完成。

一个典型的资源编辑例子是创建一个简单的菜单栏。在资源编辑器中，首先需要创建一个新的菜单资源，然后为菜单添加项目，例如“File”、“Edit”等，并为每个项目添加相应的子菜单项。

2.2 MFC应用程序类的理解

2.2.1 应用程序类的继承关系

在MFC应用程序中，一个核心的类是CWinApp，它是所有Windows应用程序的基类。MFC框架遵循单文档或多文档界面设计模式，因此，CWinApp在不同设计模式下会派生出不同的子类，例如CWinAppEx用于多文档界面应用程序。CWinApp类负责管理应用程序的生命周期，处理Windows消息循环，并提供应用程序级别服务。

以下是一个简单的应用程序类的继承关系示例：

class CMyApp : public CWinApp
{
    // 应用程序类成员定义
};

2.2.2 消息映射机制的实现

MFC框架中的消息映射机制是一个重要的概念，它允许开发者将特定的Windows消息关联到类成员函数。这些函数随后被调用以响应相应的消息，比如窗口绘制消息WM_PAINT或按钮点击消息BN_CLICKED。

消息映射是通过宏在类中定义的，如下所示：

BEGIN_MESSAGE_MAP(CMyView, CView)
    ON_WM_PAINT()
    ON_WM_LBUTTONDOWN()
END_MESSAGE_MAP()

每个宏关联一个消息处理函数，比如WM_PAINT与 OnPaint() 函数关联。当消息发生时，MFC框架查找正确的消息映射并调用相应的处理函数。这种机制极大地简化了Windows消息处理的复杂性。

在下一章中，我们将深入讨论OnDraw()函数和GDI绘图基础，这是MFC绘图功能的核心所在，也是开发图形用户界面应用程序的基础技能。

3. OnDraw()函数和GDI绘图

3.1 OnDraw()函数的工作原理

3.1.1 消息处理流程中的OnDraw()

OnDraw()是MFC中用于自定义绘图操作的一个核心函数。每当需要在视图中重绘部分或全部内容时，该函数就会被调用。在典型的MFC应用程序中，当发生如下事件时，OnDraw()将被触发：

窗口大小改变
视图最小化后恢复
激活视图

在这些情况下，框架将调用OnDraw()函数，你可以在这个函数中使用GDI（图形设备接口）函数来执行绘图操作。值得注意的是，在视图类中重写OnDraw()函数时，会得到一个CDC（设备上下文）对象的引用作为参数，这个对象是实际完成绘图任务的关键。

void CMyView::OnDraw(CDC* pDC)
{
    CDocument* pDoc = GetDocument();
    ASSERT_VALID(pDoc);
    if (!pDoc)
        return;

    // 使用 CDC 对象 pDC 进行绘图
}

3.1.2 设备上下文（CDC）的作用

CDC对象是MFC中的一个类，封装了与GDI有关的数据和函数。它为应用程序提供了一种抽象的接口，使得开发者可以在不同的输出设备上执行一致的绘图操作。当你在OnDraw()中得到CDC对象的指针时，你就拥有了与设备进行交互的能力。CDC对象包含了对设备进行绘制所需的各种信息，如颜色、画笔、字体、位图等。通过调用CDC类提供的成员函数，你可以完成各种绘图任务，比如绘制线条、填充矩形、输出文本等。

3.2 GDI绘图基础

3.2.1 GDI对象的种类与特性

GDI（图形设备接口）是一个允许应用程序在设备上进行图形操作的Windows API的组成部分。GDI对象包括了以下几种：

CPen：用于绘制线条的对象。
CBrush：用于填充图形内部的对象。
CFont：用于输出文本的对象。
CBitmap：用于处理位图的对象。

每种GDI对象都有其特定的属性和用途。例如，画笔对象CPen能够定义线条的宽度、样式和颜色等属性，而画刷对象CBrush则能够定义填充图形时所用的图案和颜色。

3.2.2 基本图形绘制方法概述

在MFC中，GDI的基本图形绘制方法主要通过CDC类的成员函数来实现。CDC类提供了丰富的绘图函数，支持绘制各种基本图形。例如：

CDC::Rectangle() ：绘制矩形。
CDC::RoundRect() ：绘制圆角矩形。
CDC::Ellipse() ：绘制椭圆。
CDC::Chord() ：绘制弦。
CDC::Pie() ：绘制扇形。

使用这些函数时，你通常需要指定图形的起点和终点坐标。MFC的GDI在绘制图形时，遵循世界坐标系统到设备坐标的转换规则。这意味着你定义图形的位置和大小时，是在一个抽象的、无限大的世界坐标系中进行的。当实际将图形绘制到屏幕上时，MFC会将这些坐标转换到屏幕坐标系中。

以上是对第三章中关于OnDraw()函数和GDI绘图技术的介绍。在实际的应用中，OnDraw()是MFC绘图的核心，而GDI提供的丰富接口允许开发者执行各种图形绘制操作。在下一节中，我们将深入探讨如何使用MFC中的画笔和画刷对象进行更为复杂的绘图工作。

4. 画笔（CPen）和画刷（CBrush）的创建与选择

在这一章节中，我们将深入了解MFC中的两种重要的绘图工具：画笔（CPen）和画刷（CBrush）。这些工具是实现复杂图形用户界面的基础，无论是绘制直线、曲线、矩形、圆形，还是填充这些图形的颜色，都离不开画笔和画刷。

4.1 画笔（CPen）的使用

画笔在MFC中被用来绘制线条。它定义了线条的颜色、宽度和样式。在处理图形绘制的时候，一个合适的画笔能够极大地提高我们的工作效率，并且使图形看起来更加精美。

4.1.1 创建和修改画笔属性

在MFC中，创建画笔通常会使用 CPen 类。通过继承 CPen 类，我们可以创建不同的笔类型，例如实线、虚线、点划线等。

CPen penSolid(PS_SOLID, 1, RGB(0, 0, 0)); // 创建一个实线画笔，宽1像素，黑色
CPen penDash(PS_DASH, 1, RGB(255, 0, 0)); // 创建一个虚线画笔，宽1像素，红色

参数解释：
- 第一个参数 PS_SOLID 或 PS_DASH 指明了线条的样式，可以是实线( PS_SOLID )或虚线( PS_DASH )。
- 第二个参数表示线条的宽度，单位是逻辑单位。
- 第三个参数表示颜色，通过 RGB() 宏定义。

创建了画笔对象之后，通常需要将其选入到设备上下文中（DC），才能在屏幕上绘制相应的图形。

4.1.2 画笔在绘图中的应用实例

以下是一个简单的示例，展示了如何在 OnDraw 函数中使用画笔绘制线段：

void CMyView::OnDraw(CDC* pDC)
{
    CPen penSolid(PS_SOLID, 1, RGB(0, 0, 0));
    CPen* pOldPen = pDC->SelectObject(&penSolid); // 选入画笔

    // 使用画笔绘制线条
    pDC->MoveTo(50, 50); // 移动画笔到起始坐标
    pDC->LineTo(150, 150); // 从起始坐标到结束坐标绘制直线

    // 保存旧画笔并删除新建的画笔，防止内存泄漏
    pDC->SelectObject(pOldPen); 
}

在这个示例中，我们首先创建了一个实线画笔，并设置为黑色。然后，我们将该画笔选入到设备上下文（DC）中。通过调用 MoveTo 和 LineTo 函数，我们绘制了从坐标(50, 50)到(150, 150)的线段。最后，我们恢复了原来选入DC中的旧画笔，并释放了新建的画笔对象，这是为了防止内存泄漏。

4.2 画刷（CBrush）的使用

画刷在MFC中用于填充图形的内部。它定义了填充图形时使用的颜色和样式。与画笔相似，我们可以创建不同的画刷来实现丰富的图形效果。

4.2.1 创建和设置画刷样式

创建画刷可以使用 CBrush 类，并且可以设定画刷的颜色和样式。

CBrush brushSolid(RGB(255, 0, 0)); // 创建一个纯红色的实心画刷
CBrush brushHatch(HS_CROSS, RGB(0, 0, 255)); // 创建一个蓝色的交叉线画刷

参数解释：
- 第一个参数定义了画刷的样式，例如 HS_CROSS 表示交叉线样式。
- 第二个参数定义了颜色。

同画笔一样，创建画刷后，需要将其选入到DC中才能使用。

4.2.2 画刷在填充图形中的应用实例

下面是一个使用画刷填充矩形的例子：

void CMyView::OnDraw(CDC* pDC)
{
    CBrush brushSolid(RGB(255, 0, 0)); // 创建红色画刷
    CBrush* pOldBrush = pDC->SelectObject(&brushSolid); // 选入画刷

    // 填充一个矩形
    CRect rect(10, 10, 100, 100);
    pDC->Rectangle(&rect);

    // 恢复旧画刷
    pDC->SelectObject(pOldBrush);
}

在这个示例中，我们使用 CBrush 类创建了一个红色画刷，并选入到DC中。接着，我们使用 Rectangle 函数绘制了一个矩形，并用我们刚创建的红色画刷填充了它。最终，我们恢复了原来的画刷，避免造成资源泄漏。

这一章就画笔和画刷的使用给出了基本的示例，读者可以根据自己的需要，创建具有不同属性和样式的画笔和画刷，进行更复杂的图形绘制。在下一章中，我们将继续探讨如何绘制更复杂的图形，如圆形、矩形、三角形等，并进一步分析颜色的应用和变换。

5. 绘制圆形、矩形、三角形的基本方法

5.1 矩形与圆形的绘制技术

5.1.1 使用GDI绘制矩形和圆形

在基于MFC的应用程序中，GDI（图形设备接口）提供了丰富的函数库，用于绘制各种图形。绘制矩形和圆形是最基础的图形绘制操作，主要使用 CDC 类中的 Rectangle 和 Ellipse 函数。

矩形的绘制可以通过 Rectangle 函数实现，该函数接受四个参数：矩形左上角和右下角的坐标。例如，以下代码片段展示了如何绘制一个左上角坐标为(10, 10)，右下角坐标为(200, 100)的矩形：

// 创建一个矩形的逻辑坐标
CRect rect(10, 10, 200, 100);

// 使用CDC类的Rectangle函数绘制矩形
pDC->Rectangle(rect);

同理，绘制圆形使用 CDC 类的 Ellipse 函数，该函数同样接受四个参数，分别是矩形边框的坐标，这个矩形定义了圆形的边界。以下代码展示了如何绘制一个以(50, 50)为圆心，半径为40像素的圆形：

// 创建一个圆形的逻辑坐标
CRect rectEllipse(10, 10, 90, 90);

// 使用CDC类的Ellipse函数绘制圆形
pDC->Ellipse(rectEllipse);

5.1.2 组合图形绘制技巧

在绘制图形时，经常需要将多个基本图形组合在一起构成一个复杂的画面。使用GDI时，可以在同一 CDC 上连续调用不同的绘制函数。例如，要在绘制的矩形内部画一个圆形，可以先绘制矩形，再在矩形内部绘制圆形。

// 绘制矩形
pDC->Rectangle(10, 10, 200, 100);

// 移动到矩形内部的起始位置并绘制圆形
pDC->MoveTo(50, 50); // 移动到矩形内部的起始绘制位置
pDC->LineTo(90, 90); // 画线到圆形的另一个角点，形成圆形

在组合图形的绘制过程中，合理安排绘图顺序和选择合适的坐标原点是非常重要的，这有助于简化代码逻辑，提高绘图效率。

5.2 三角形的绘制方法

5.2.1 计算三角形顶点坐标

在绘制三角形之前，首先要确定三角形的三个顶点坐标。三角形顶点的选择会直接影响三角形的大小和位置。三角形的绘制可以通过 CDC 类的 Polygon 函数实现，该函数接受一个 CPoint 类型的数组或 CPolygon 对象作为参数，数组中的点依次连接构成三角形。

// 定义三角形顶点坐标
CPoint pt1(50, 50); // 三角形顶点1
CPoint pt2(20, 150); // 三角形顶点2
CPoint pt3(80, 150); // 三角形顶点3

// 使用数组包含三角形的顶点坐标
CPoint pts[3] = {pt1, pt2, pt3};

// 使用CDC类的Polygon函数绘制三角形
pDC->Polygon(pts, 3);

5.2.2 使用GDI绘制三角形实例

接下来我们将通过一个实例来展示如何使用GDI在MFC应用程序中绘制一个三角形。我们将首先初始化一个MFC窗口应用，并在视图的 OnDraw 函数中添加绘制代码。

void CMyView::OnDraw(CDC* pDC)
{
    CMyDoc* pDoc = GetDocument();
    ASSERT_VALID(pDoc);
    if (!pDoc)
        return;

    // 设置背景色
    pDC->SetBkMode(TRANSPARENT);

    // 设置画刷颜色为红色，并填充背景
    CBrush redBrush(RGB(255, 0, 0));
    CBrush* pOldBrush = pDC->SelectObject(&redBrush);

    // 获取视图矩形大小并绘制矩形
    CRect rect;
    GetClientRect(&rect);
    pDC->Rectangle(&rect);

    // 选择回原来的画刷
    pDC->SelectObject(pOldBrush);

    // 设置画笔颜色为蓝色，并绘制三角形
    CPen bluePen(PS_SOLID, 2, RGB(0, 0, 255));
    CPen* pOldPen = pDC->SelectObject(&bluePen);

    // 定义三角形顶点
    CPoint pt1(50, 50);
    CPoint pt2(20, 150);
    CPoint pt3(80, 150);

    // 绘制三角形
    pDC->Polygon(&pt1, 3);

    // 选择回原来的画笔
    pDC->SelectObject(pOldPen);
}

在上述代码中，我们首先设置了背景色并填充了视图的背景。然后设置了蓝色的画笔，并定义了三角形三个顶点，使用 Polygon 函数绘制三角形。最后，我们选择回了原来的画笔以保持绘图状态的不变。

三角形的绘制展示了GDI在处理基本几何图形绘制时的灵活性和强大功能。通过调整顶点坐标，可以绘制出各种形状和大小的三角形，这为图形界面的设计提供了广泛的可能性。

6. 颜色应用与变换

在图形用户界面中，颜色不仅起到美化的作用，还能增强用户体验，为应用提供视觉焦点。MFC 提供了一系列工具来管理和应用颜色，我们可以轻松地在窗口和控件中使用这些工具。

6.1 颜色模型基础

6.1.1 RGB与CMYK颜色模型

在讨论颜色应用之前，我们先要了解颜色模型的基础。RGB是通过红(Red)、绿(Green)、蓝(Blue)三种颜色的不同强度组合来创建色彩。每种颜色可以有256个级别的强度（0-255），从而可以混合出约1600万种颜色。

与RGB不同，CMYK代表青(Cyan)、品红(Magenta)、黄(Yellow)和黑(Black)，主要用在彩色印刷领域。CMYK是通过吸收和反射光线来混合颜色，通常会有一个黑色通道来改善深色的饱和度和覆盖力。

6.1.2 在MFC中定义和使用颜色

在MFC中，我们通常使用 COLORREF 类型来定义颜色，它实际上是一个 DWORD 值，能够表示大约1677万种颜色。我们可以直接指定RGB值来创建颜色，或者使用MFC中预定义的颜色常量。

COLORREF crimson = RGB(220, 20, 60); // 直接定义RGB颜色
COLORREF systemColor = ::GetSysColor(COLOR_WINDOW); // 获取系统颜色

在绘图时，我们可以使用 CPen 和 CBrush 来设置颜色，以及使用 CDC 类的方法来填充颜色。

CPen pen(PS_SOLID, 1, crimson); // 创建一个红色的笔
CBrush brush(crimson); // 创建一个红色的画刷
CDC* pDC = GetDC(); // 获取设备上下文
pDC->SelectObject(&pen); // 选择笔到设备上下文
pDC->SelectObject(&brush); // 选择画刷到设备上下文
// 使用pDC进行绘制操作...

6.2 颜色变换与渐变效果

6.2.1 实现颜色渐变的技术

颜色渐变是指颜色在两个或多个指定颜色之间平滑地过渡，它是设计中非常常见的效果。在MFC中，实现颜色渐变通常需要对GDI的画笔或画刷进行一些复杂的操作。

void GradientFill(CDC* pDC, CRect& rect, COLORREF startColor, COLORREF endColor)
{
    CPaintDC dc(pDC); // 创建一个与设备上下文关联的临时画布
    CRect r = rect;
    CBrush brush(startColor);
    CBrush* pOld = dc.SelectObject(&brush);
    dc.Rectangle(r); // 绘制开始颜色的矩形
    dc.SelectObject(pOld); // 恢复旧的画刷
    // 计算颜色渐变的方向和距离
    LONG dx = r.Width() * 2;
    LONG dy = r.Height() * 2;
    for (LONG i = 0; i < dx; i++)
    {
        // 计算新的颜色值
        BYTE r2 = (BYTE)(startColor & 0xff);
        BYTE g2 = (BYTE)((startColor >> 8) & 0xff);
        BYTE b2 = (BYTE)((startColor >> 16) & 0xff);
        r2 += (BYTE)(((endColor & 0xff) - r2) * i / dx);
        g2 += (BYTE)(((endColor >> 8) & 0xff) - g2) * i / dx;
        b2 += (BYTE)(((endColor >> 16) & 0xff) - b2) * i / dx;
        // 创建新的画刷并绘制
        brush.CreateSolidBrush(RGB(r2, g2, b2));
        pOld = dc.SelectObject(&brush);
        dc.Rectangle(r.left + i, r.top, r.left + i + 1, r.bottom);
        dc.SelectObject(pOld); // 恢复旧的画刷
    }
    dc.SelectObject(pOld); // 最后恢复原来的画刷
}

6.2.2 动态颜色变换的示例应用

要实现颜色的动态变换，我们可以创建一个计时器，并在计时器的回调函数中改变颜色值，从而达到颜色渐变和变换的效果。

void CYourView::OnTimer(UINT_PTR nIDEvent)
{
    // ... 颜色渐变的实现代码 ...
    Invalidate(); // 重绘视图
    CView::OnTimer(nIDEvent);
}

颜色的应用和变换在图形编程中有着非常广泛的应用场景，从简单的按钮背景到复杂的视觉效果，理解并掌握它将大大提升你的应用程序的视觉体验。

在下一章，我们将探讨如何优化视图的清除和刷新更新，使图形界面更加流畅高效。

本文还有配套的精品资源，点击获取