您现在的位置：程式碼之家 >> 編程語言 > >> C語言 >> VC >> 關於VC++

美化應用程式外觀：自繪非客戶區實現自訂標題列完整教學

編輯：關於VC++

Windows 預設標題列、邊框風格千篇一律。本文教學如何在對話框應用程式中完全接管非客戶區繪製，自繪標題列背景、圖示、系統按鈕（關閉、最大化、最小化、說明）並處理滑鼠互動與點擊邏輯，打造獨特視覺風格。

實作架構概覽

基礎：對話框應用程式
核心：重載 DefWindowProc、WM_NCMOUSEMOVE、WM_NCLBUTTONDOWN
資源：10 張系統按鈕位圖（5種按鈕 × 一般/焦點狀態）

關鍵成員變數

CRect m_rtButtExit;   // 關閉按鈕區域
CRect m_rtButtMax;    // 最大化按鈕區域
CRect m_rtButtMin;    // 最小化按鈕區域
CRect m_rtButtHelp;   // 說明按鈕區域
CRect m_rtIcon;       // 圖示區域

核心函數實作

DrawTitleBar - 非客戶區主繪製函數

void CTitleBarDlg::DrawTitleBar(CDC* pDC) {
    if (!m_hWnd) return;
    
    CBrush Brush(RGB(0,100,255));  // 自訂標題列背景色
    CBrush* pOldBrush = pDC->SelectObject(&Brush);
    CRect rtWnd, rtTitle, rtButtons;
    GetWindowRect(&rtWnd);
    
    // ... 計算各區域矩形、繪製背景、按鈕位圖、圖示、標題文字 ...
    // 程式碼較長，完整版請參考原始碼附件
    
    pDC->SelectObject(pOldBrush);
}

DefWindowProc - 訊息過濾觸發重繪

LRESULT CTitleBarDlg::DefWindowProc(UINT message, WPARAM wParam, LPARAM lParam) {
    LRESULT lrst = CDialog::DefWindowProc(message, wParam, lParam);
    if (!::IsWindow(m_hWnd)) return lrst;
    
    // 影響非客戶區外觀的訊息觸發重繪
    if (message == WM_MOVE || message == WM_PAINT || message == WM_NCPAINT ||
        message == WM_NCACTIVATE || message == WM_NOTIFY) {
        CDC* pWinDC = GetWindowDC();
        if (pWinDC) {
            DrawTitleBar(pWinDC);
            ReleaseDC(pWinDC);
        }
    }
    return lrst;
}

OnNcMouseMove - 滑鼠移動視覺回饋

void CTitleBarDlg::OnNcMouseMove(UINT nHitTest, CPoint point) {
    CDC* pDC = GetWindowDC();
    if (pDC) {
        // 根據 point 判斷滑鼠在哪個按鈕區域
        // 切換對應按鈕位圖為焦點狀態並重繪
        // ...
    }
    ReleaseDC(pDC);
    CDialog::OnNcMouseMove(nHitTest, point);
}

OnNcLButtonDown - 非客戶區點擊處理

void CTitleBarDlg::OnNcLButtonDown(UINT nHitTest, CPoint point) {
    if (m_rtIcon.PtInRect(point))
        AfxMessageBox("歡迎訪問 FlySnowStdio 主頁");
    else if (m_rtButtHelp.PtInRect(point))
        SendMessage(WM_HELP);
    else if (m_rtButtExit.PtInRect(point))
        SendMessage(WM_CLOSE);
    else if (m_rtButtMin.PtInRect(point))
        SendMessage(WM_SYSCOMMAND, SC_MINIMIZE, MAKELPARAM(point.x, point.y));
    else if (m_rtButtMax.PtInRect(point)) {
        if (IsZoomed())
            SendMessage(WM_SYSCOMMAND, SC_RESTORE, MAKELPARAM(point.x, point.y));
        else {
            SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE, MAKELPARAM(point.x, point.y));
            Invalidate();
        }
    }
    else if (!IsZoomed())
        Default();  // 標題列拖曳移動視窗
}