api 自绘窗口控件标题

API 自绘窗口控件标题实现指南

原理分析

1 窗口标题栏组成

| 元素 | 功能 | 说明 |
|——|——|——|文本 | 显示窗口名称 | 可自定义字体/颜色 |
| 系统按钮 | 最小化/最大化/关闭 | 需手动绘制并处理点击事件 |
| 拖动区域 | 窗口移动 | 需响应鼠标消息 |
| 图标 | 应用程序标识 | 可自定义图片 |

2 自绘核心原理

• 消息处理：通过 WM_PAINT 消息进行自定义绘制
• 背景擦除：处理 WM_ERASEBKGND 消息防止闪烁
• 双缓冲技术：使用内存DC减少屏幕闪烁
• 事件响应：处理鼠标点击实现按钮功能

实现步骤（以Win32 API为例）

1 创建窗口类

WNDCLASS wc = {0};
wc.lpfnWndProc = WindowProc; // 窗口过程函数
wc.hInstance = hInstance;
wc.lpszClassName = L"CustomTitleWindow";
wc.hCursor = LoadCursor(NULL, IDC_ARROW);
RegisterClass(&wc);

2 窗口过程函数

LRESULT CALLBACK WindowProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam) {
    switch(msg) {
        case WM_PAINT: {
            PAINTSTRUCT ps;
            HDC hdc = BeginPaint(hwnd, &ps);
            CustomDrawTitleBar(hdc, hwnd); // 自定义绘制函数
            EndPaint(hwnd, &ps);
            return 0;
        }
        case WM_ERASEBKGND: // 禁止系统擦除背景
            return 1;
        // 其他消息处理...
    }
    return DefWindowProc(hwnd, msg, wParam, lParam);
}

3 自定义绘制函数

void CustomDrawTitleBar(HDC hdc, HWND hwnd) {
    // 1. 绘制背景
    RECT rc; GetClientRect(hwnd, &rc);
    FillRect(hdc, &rc, CreateSolidBrush(RGB(30,30,30)));
    // 2. 绘制标题文本
    SetBkMode(hdc, TRANSPARENT);
    SetTextColor(hdc, RGB(255,255,255));
    TextOut(hdc, 20, 10, L"自定义标题栏", strlen(L"自定义标题栏"));
    // 3. 绘制关闭按钮
    HICON hIcon = LoadIcon(NULL, IDI_CIRCLED_STOP);
    DrawIcon(hdc, rc.right-30, 10, hIcon);
}

关键技术点

完整代码示例

// 必要包含
#include <windows.h>
#include <gdiplus.h>
#pragma comment(lib, "gdiplus.lib")
// 全局变量
Gdiplus::Font* pFont = nullptr;
Gdiplus::Graphics* pGraphics = nullptr;
// 初始化GDI+
void InitGDIPlus() {
    Gdiplus::GdiplusStartupInput gdiplusStartupInput;
    ULONG_PTR gdiplusToken;
    GdiplusStartup(&gdiplusToken, &gdiplusStartupInput, NULL);
}
// 自定义绘制函数（GDI+版）
void CustomDrawTitleBar(HDC hdc, HWND hwnd) {
    // 获取设备上下文
    pGraphics = Gdiplus::Graphics::FromHDC(hdc);
    // 1. 绘制渐变背景
    Gdiplus::LinearGradientBrush* pBrush = new Gdiplus::LinearGradientBrush(
        Gdiplus::Rect(0,0,800,30), 
        Gdiplus::Color(30,30,30), 
        Gdiplus::Color(40,40,40), 
        Gdiplus::LinearGradientModeHorizontal);
    pGraphics->FillRectangle(pBrush, 0,0,800,30);
    // 2. 绘制标题文本
    pFont = new Gdiplus::Font(L"Microsoft YaHei", 14, Gdiplus::FontStyleBold);
    pGraphics->DrawString(L"API自定义标题栏", -1, pFont, Gdiplus::Point(20,5));
    // 3. 绘制关闭按钮（矢量图标）
    // ... 矢量图形绘制代码 ...
    delete pBrush;
}

常见问题与解答

Q1：如何支持高DPI显示？

A：需要处理 WM_DPICHANGED 消息，或在清单文件中添加：

<application xmlns="urn:schemas-microsoft-com:asm.v3">
  <windowsSettings>
    <dpiAware>true</dpiAware>
  </windowsSettings>
</application>

同时在绘制时使用逻辑坐标而非设备坐标。

Q2：如何实现最小化/最大化按钮？

A：方法如下：

1. 绘制按钮图标（可使用系统图标或自定义SVG）
2. 在 WM_LBUTTONDOWN 中检测点击区域
3. 调用相应系统API：

   case WM_LBUTTONDOWN: {
       if (点击区域 == 最小化按钮) {
           ShowWindow(hwnd, SW_MINIMIZE);
       } else if (点击区域 == 最大化按钮) {
           ShowWindow(hwnd, SW_MAXIMIZE);
       }
   }

以上就是关于“api 自绘窗口控件标题”的问题，朋友们可以点击主页了解更多内容，希望可以够帮助大家!