MFC 界面布局：3x4 BMP 图片加载与自适应缩放

本教程将演示如何在 MFC 界面上加载和显示 3 行 4 列的 BMP 图片，并根据屏幕分辨率自动调整图片大小，以确保图片在不同分辨率的设备上都能正常显示。

代码实现

#include "stdafx.h"
#include "MyApp.h"
#include <atlimage.h>

CImage g_image;  // 全局变量，用于加载 BMP 图片

void CMyApp::OnDraw(CDC* pDC)
{
    // 获取屏幕分辨率
    int screenWidth = GetSystemMetrics(SM_CXSCREEN);
    int screenHeight = GetSystemMetrics(SM_CYSCREEN);

    // 计算图片大小
    int imageWidth = (screenWidth - 2 * 20 - 3 * 10) / 4;
    int imageHeight = (screenHeight - 2 * 10 - 2 * 20) / 3;

    // 加载 BMP 图片
    g_image.Load(L"image.bmp");  // 替换为你的图片路径

    // 绘制图片
    int x = 20;
    int y = 10;
    for (int row = 0; row < 3; row++)
    {
        for (int col = 0; col < 4; col++)
        {
            // 缩放图片到指定大小
            CImage scaledImage;
            scaledImage.Create(imageWidth, imageHeight, 32);
            g_image.StretchBlt(scaledImage.GetDC(), 0, 0, imageWidth, imageHeight, 0, 0, g_image.GetWidth(), g_image.GetHeight(), SRCCOPY);
            scaledImage.ReleaseDC();

            // 绘制图片
            scaledImage.BitBlt(pDC->GetSafeHdc(), x, y, imageWidth, imageHeight, 0, 0, SRCCOPY);

            // 更新坐标
            x += imageWidth + 10;
        }
        x = 20;
        y += imageHeight + 10;
    }
}

说明:

1. 该代码假设你的 MFC 应用程序类为 CMyApp。
2. 代码中使用 GetSystemMetrics 函数获取屏幕宽度和高度。
3. 代码根据给定的边距和行列数计算图片大小。
4. 使用 CImage 类的 Load 函数加载 BMP 图片。
5. 使用 StretchBlt 函数将图片缩放到指定大小。
6. 使用 BitBlt 函数将缩放后的图片绘制到指定位置。

详细步骤

1. 包含头文件: 在你的代码中包含 <atlimage.h> 头文件。
2. 创建全局变量: 声明一个全局 CImage 变量，用于存储加载的 BMP 图片。
3. 加载图片: 使用 CImage 类的 Load 函数加载 BMP 图片。
4. 获取屏幕分辨率: 使用 GetSystemMetrics 函数获取屏幕宽度和高度。
5. 计算图片大小: 根据给定的边距和行列数计算图片的大小。
6. 缩放图片: 使用 StretchBlt 函数将图片缩放到指定大小。
7. 绘制图片: 使用 BitBlt 函数将缩放后的图片绘制到指定位置。

注意事项

• 上述代码仅提供了一个示例，具体的实现方式可能会根据你的需求和界面布局而有所不同。你可以根据自己的需求进行适当的修改和调整。
• 确保你加载的 BMP 图片路径正确。
• 可以根据需要调整边距和行列数。

希望这篇文章能够帮助你成功地在 MFC 界面上实现 3x4 BMP 图片的自适应缩放效果。