MFC对话框中显示PNG图片

源码资源网 · 发表于 6 天前

MFC对话框中显示PNG图片
在MFC对话框中显示PNG图片需要使用GDI+库来处理PNG格式的图像。以下是一个简单的步骤指南，展示如何在MFC对话框中加载和显示PNG图片。

### 步骤 1: 添加GDI+支持

1. **包含GDI+头文件**:
在你的MFC项目中，确保包含GDI+的头文件。通常在你的对话框类的实现文件（例如 `YourDialog.cpp`）中添加：

```cpp
#include <gdiplus.h>
using namespace Gdiplus;
```

2. **链接GDI+库**:
在项目属性中，确保链接GDI+库。可以在项目的属性页中，选择“链接器” -> “输入” -> “附加依赖项”，添加 `gdiplus.lib`。

### 步骤 2: 初始化GDI+

在你的对话框类的构造函数中，初始化GDI+：

```cpp
class CYourDialog : public CDialogEx
{
public:
CYourDialog(CWnd* pParent = nullptr); // 标准构造函数
~CYourDialog();
protected:
virtual BOOL OnInitDialog();
virtual void OnPaint();
void LoadPNGImage();
private:
GdiplusStartupInput gdiplusStartupInput;
ULONG_PTR gdiplusToken;
Image* m_pImage; // 用于存储PNG图像的指针
};
```

复制代码

在构造函数中初始化GDI+：

```cpp
CYourDialog::CYourDialog(CWnd* pParent /*=nullptr*/)
: CDialogEx(IDD_YOUR_DIALOG, pParent), m_pImage(nullptr)
{
GdiplusStartup(&gdiplusToken, &gdiplusStartupInput, NULL);
}
CYourDialog::~CYourDialog()
{
delete m_pImage;
GdiplusShutdown(gdiplusToken);
}
```

复制代码

### 步骤 3: 加载和显示PNG图像

在对话框的 `OnInitDialog` 方法中加载PNG图像：

```cpp
BOOL CYourDialog::OnInitDialog()
{
CDialogEx::OnInitDialog();
LoadPNGImage(); // 加载PNG图像
return TRUE; // 除非将焦点设置到控件，否则返回 TRUE
}
void CYourDialog::LoadPNGImage()
{
m_pImage = new Image(L"your_image.png"); // 替换为你的PNG文件路径
}
```

复制代码

### 步骤 4: 在 `OnPaint` 方法中绘制图像

重写 `OnPaint` 方法，以便在对话框中绘制PNG图像：

```cpp
void CYourDialog::OnPaint()
{
CPaintDC dc(this); // 用于绘制的设备上下文
if (m_pImage != nullptr)
{
Graphics graphics(dc.m_hDC);
graphics.DrawImage(m_pImage, 10, 10); // 在指定位置绘制图像
}
}
```

复制代码

### 步骤 5: 编译和运行

确保你的PNG文件路径正确，然后编译并运行你的MFC应用程序。你应该能够在对话框中看到加载的PNG图像。

### 注意事项

1. **图像路径**: 确保PNG文件的路径正确。如果PNG文件在项目目录中，可以使用相对路径。
2. **GDI+ 初始化和清理**: 确保在构造函数中初始化GDI+，在析构函数中清理。
3. **图像大小**: 如果图像过大，可能需要调整绘制的位置和大小。

通过上述步骤，你应该能够在MFC对话框中成功显示PNG图片。

当然，可以将显示PNG图片的功能封装成一个类，以便更好地管理和复用代码。下面是一个简单的实现示例，展示如何创建一个`CPngImage`类，用于加载和显示PNG图片。

### 1. 创建 `CPngImage` 类

首先，创建一个新的头文件 `PngImage.h` 和相应的实现文件 `PngImage.cpp`。

#### PngImage.h

```cpp
#pragma once
#include <gdiplus.h>
using namespace Gdiplus;
class CPngImage {
public:
CPngImage();
~CPngImage();
bool LoadImageFromFile(const wchar_t* filePath);
void DrawImage(CDC* pDC, int x, int y);
void ReleaseImage();
private:
Image* m_pImage; // 用于存储PNG图像的指针
};
```

复制代码

#### PngImage.cpp

```cpp
#include "PngImage.h"
CPngImage::CPngImage() : m_pImage(nullptr) {
}
CPngImage::~CPngImage() {
ReleaseImage();
}
bool CPngImage::LoadImageFromFile(const wchar_t* filePath) {
ReleaseImage(); // 释放之前的图像
m_pImage = new Image(filePath);
return m_pImage && m_pImage->GetLastStatus() == Ok; // 检查图像是否加载成功
}
void CPngImage::DrawImage(CDC* pDC, int x, int y) {
if (m_pImage != nullptr) {
Graphics graphics(pDC->m_hDC);
graphics.DrawImage(m_pImage, x, y);
}
}
void CPngImage::ReleaseImage() {
delete m_pImage;
m_pImage = nullptr;
}
```

复制代码

### 2. 在对话框中使用 `CPngImage` 类

在你的对话框类中使用`CPngImage`类来加载和显示PNG图像。

#### YourDialog.h

```cpp
#pragma once
#include "PngImage.h"
class CYourDialog : public CDialogEx {
public:
CYourDialog(CWnd* pParent = nullptr); // 标准构造函数
~CYourDialog();
protected:
virtual BOOL OnInitDialog();
virtual void OnPaint();
private:
CPngImage m_PngImage; // PNG图像对象
};
```

复制代码

#### YourDialog.cpp

```cpp
#include "pch.h"
#include "YourApp.h"
#include "YourDialog.h"
#include "afxdialogex.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#endif
CYourDialog::CYourDialog(CWnd* pParent /*=nullptr*/)
: CDialogEx(IDD_YOUR_DIALOG, pParent) {
}
CYourDialog::~CYourDialog() {
}
BOOL CYourDialog::OnInitDialog() {
CDialogEx::OnInitDialog();
// 加载PNG图像
if (!m_PngImage.LoadImageFromFile(L"your_image.png")) { // 替换为你的PNG文件路径
AfxMessageBox(L"加载图像失败！");
}
return TRUE; // 除非将焦点设置到控件，否则返回 TRUE
}
void CYourDialog::OnPaint() {
CPaintDC dc(this); // 用于绘制的设备上下文
m_PngImage.DrawImage(&dc, 10, 10); // 在指定位置绘制图像
}
```

复制代码

### 3. 编译和运行

确保你的PNG文件路径正确，然后编译并运行你的MFC应用程序。你应该能够在对话框中看到加载的PNG图像。

### 总结

通过将PNG图像的加载和绘制功能封装到`CPngImage`类中，你可以更好地管理图像资源，并在不同的对话框或窗口中复用这一功能。这样做使代码结构更清晰，易于维护。

要在 `CPngImage` 类中添加一个选项，以便支持从资源中加载PNG图片，可以使用Windows API函数 `FindResource` 和 `LoadResource` 来实现。以下是如何修改 `CPngImage` 类以支持从资源中加载PNG图片的步骤。

### 1. 修改 `CPngImage` 类

在 `PngImage.h` 中，添加一个新的方法 `LoadImageFromResource`，用于从资源加载PNG图片。

#### PngImage.h

```cpp
#pragma once
#include <gdiplus.h>
using namespace Gdiplus;
class CPngImage {
public:
CPngImage();
~CPngImage();
bool LoadImageFromFile(const wchar_t* filePath);
bool LoadImageFromResource(HMODULE hModule, const wchar_t* resourceName);
void DrawImage(CDC* pDC, int x, int y);
void ReleaseImage();
private:
Image* m_pImage; // 用于存储PNG图像的指针
};
```

复制代码

#### PngImage.cpp

在 `PngImage.cpp` 中实现 `LoadImageFromResource` 方法。

```cpp
#include "PngImage.h"
#include <windows.h>
CPngImage::CPngImage() : m_pImage(nullptr) {
}
CPngImage::~CPngImage() {
ReleaseImage();
}
bool CPngImage::LoadImageFromFile(const wchar_t* filePath) {
ReleaseImage(); // 释放之前的图像
m_pImage = new Image(filePath);
return m_pImage && m_pImage->GetLastStatus() == Ok; // 检查图像是否加载成功
}
bool CPngImage::LoadImageFromResource(HMODULE hModule, const wchar_t* resourceName) {
HRSRC hResource = FindResource(hModule, resourceName, RT_RCDATA);
if (hResource == nullptr) {
return false; // 找不到资源
}
HGLOBAL hLoadedResource = LoadResource(hModule, hResource);
if (hLoadedResource == nullptr) {
return false; // 加载资源失败
}
void* pResourceData = LockResource(hLoadedResource);
DWORD resourceSize = SizeofResource(hModule, hResource);
// 将资源数据写入到内存流中
IStream* pStream = nullptr;
CreateStreamOnHGlobal(NULL, TRUE, &pStream);
ULONG bytesWritten;
pStream->Write(pResourceData, resourceSize, &bytesWritten);
// 创建图像
pStream->Seek(Gdiplus::Gdiplus::StreamSeekOrigin::STREAM_SEEK_SET, 0, NULL);
m_pImage = new Image(pStream);
pStream->Release();
return m_pImage && m_pImage->GetLastStatus() == Ok; // 检查图像是否加载成功
}
void CPngImage::DrawImage(CDC* pDC, int x, int y) {
if (m_pImage != nullptr) {
Graphics graphics(pDC->m_hDC);
graphics.DrawImage(m_pImage, x, y);
}
}
void CPngImage::ReleaseImage() {
delete m_pImage;
m_pImage = nullptr;
}
```

复制代码

### 2. 在对话框中使用 `LoadImageFromResource`

在你的对话框类中，你可以选择从文件或资源加载PNG图像。以下是如何在 `CYourDialog` 类中实现这一点。

#### YourDialog.h

```cpp
#pragma once
#include "PngImage.h"
class CYourDialog : public CDialogEx {
public:
CYourDialog(CWnd* pParent = nullptr); // 标准构造函数
~CYourDialog();
protected:
virtual BOOL OnInitDialog();
virtual void OnPaint();
private:
CPngImage m_PngImage; // PNG图像对象
};
```

复制代码

#### YourDialog.cpp

在 `OnInitDialog` 方法中，你可以选择从文件或资源加载图像。例如，假设你有一个名为 `IDR_MYPNG` 的PNG资源。

```cpp
#include "pch.h"
#include "YourApp.h"
#include "YourDialog.h"
#include "afxdialogex.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#endif
CYourDialog::CYourDialog(CWnd* pParent /*=nullptr*/)
: CDialogEx(IDD_YOUR_DIALOG, pParent) {
}
CYourDialog::~CYourDialog() {
}
BOOL CYourDialog::OnInitDialog() {
CDialogEx::OnInitDialog();
// 加载PNG图像，从文件或资源
// 从文件加载
// if (!m_PngImage.LoadImageFromFile(L"your_image.png")) {
// 从资源加载
if (!m_PngImage.LoadImageFromResource(AfxGetInstanceHandle(), MAKEINTRESOURCE(IDR_MYPNG))) {
AfxMessageBox(L"加载图像失败！");
}
return TRUE; // 除非将焦点设置到控件，否则返回 TRUE
}
void CYourDialog::OnPaint() {
CPaintDC dc(this); // 用于绘制的设备上下文
m_PngImage.DrawImage(&dc, 10, 10); // 在指定位置绘制图像
}
```

复制代码

### 3. 总结

通过以上修改，`CPngImage` 类现在支持从文件和资源加载PNG图像。你可以根据需要选择加载方式。确保在资源文件中添加PNG图片，并为其分配一个资源ID（如 `IDR_MYPNG`）。这样，你就可以在MFC对话框中灵活地使用PNG图片，无论是从文件还是资源。

		自动登录	找回密码
密码			立即注册

MFC对话框中显示PNG图片

相关帖子