美化VC界面(用戶登錄界面)

来源:http://www.cnblogs.com/shouce/archive/2016/04/01/5343599.html
-Advertisement-
Play Games

源代碼:下載 VC開發程式單調的界面相信大家都是深有感觸，提到界面美化編程，人們都會說做界面不要用VC寫，太難了。一句俗語：難者不會，會者不難。VC的美化界面編程並沒有人們想像的那麼難。這篇文章是我寫的一個用戶登錄界面，但界面被我美化了，我將一步一步的來講解它的美化界面的實現步驟。相信有了這篇文章， ...


 源代碼:下載

　　VC開發程式單調的界面相信大家都是深有感觸，提到界面美化編程，人們都會說做界面不要用VC寫，太難了。
一句俗語：難者不會，會者不難。VC的美化界面編程並沒有人們想像的那麼難。這篇文章是我寫的一個用戶登錄界面，但界面被我美化了，我將一步一步的來講解它的美化界面的實現步驟。相信有了這篇文章，你的VC界面從此也能絢麗多彩。

 

實現步驟：

第一步：美化界面的非客戶區(重繪標題欄和界面邊框)。
關鍵代碼如下：

複製代碼 
// 函 數 名：DrawTitleBar
// 功能描述：繪製標題欄、邊框顏色，繪製標題內容、圖標和按鈕
// 輸入參數：pDC：設備指針
// 輸出參數：void
// 創建日期：2006-2-20
// 修改日期：2006-2-20
// 作 者：joinclear
// 附加說明：無
void CTitleBarColorDlg::DrawTitleBar(CDC *pDC)
{
    if (m_hWnd)
    {
        CBrush Brush(RGB(187,200,143));
        CBrush* pOldBrush = pDC->SelectObject(&Brush);

        CRect rtWnd, rtTitle, rtButtons;
        GetWindowRect(&rtWnd);
        
        //取得標題欄的位置
        //SM_CXFRAME 視窗邊框的邊緣寬度
        //SM_CYFRAME 視窗邊框的邊緣高度
        //SM_CXSIZE 視窗標題欄寬度
        //SM_CYSIZE 視窗標題欄高度
        rtTitle.left = GetSystemMetrics(SM_CXFRAME); 
        rtTitle.top = GetSystemMetrics(SM_CYFRAME); 
        rtTitle.right = rtWnd.right - rtWnd.left - GetSystemMetrics(SM_CXFRAME);
        rtTitle.bottom = rtTitle.top + GetSystemMetrics(SM_CYSIZE);

        CPoint point;
        //填充頂部框架
        point.x = rtWnd.Width();                        
        point.y = GetSystemMetrics(SM_CYSIZE) + GetSystemMetrics(SM_CYFRAME) + 0;
        pDC->PatBlt(0, 0, point.x, point.y, PATCOPY);
        //填充左側框架
        point.x = GetSystemMetrics(SM_CXFRAME) -1;
        point.y = rtWnd.Height()- 1;
        pDC->PatBlt(0, 0, point.x, point.y, PATCOPY);
        //填充底部框架
        point.x = rtWnd.Width(); 
        point.y = GetSystemMetrics(SM_CYFRAME);
        pDC->PatBlt(0, rtWnd.Height()-point.y, point.x, point.y, PATCOPY);
        //填充右側框架
        point.x = GetSystemMetrics(SM_CXFRAME);
        point.y = rtWnd.Height();
        pDC->PatBlt(rtWnd.Width()-point.x, 0, point.x, point.y, PATCOPY);        
        
        //重畫標題欄圖標
        m_rtIcon.left = rtTitle.left ;
        m_rtIcon.top = rtTitle.top;
        m_rtIcon.right = m_rtIcon.left + 16;
        m_rtIcon.bottom = m_rtIcon.top + 15;
        ::DrawIconEx(pDC->m_hDC, m_rtIcon.left, m_rtIcon.top, AfxGetApp()->LoadIcon(IDR_MAINFRAME), m_rtIcon.Width(), m_rtIcon.Height(), 0, NULL, DI_NORMAL);
        m_rtIcon.OffsetRect(rtWnd.TopLeft());
    
        CBitmap* pBitmap = new CBitmap;
        CBitmap* pOldBitmap;
        CDC* pDisplayMemDC=new CDC;
        pDisplayMemDC->CreateCompatibleDC(pDC);
        
        //重畫關閉button
        rtButtons.left = rtTitle.right - 16;
        rtButtons.top = rtTitle.top - 1;
        rtButtons.right = rtButtons.left + 16;
        rtButtons.bottom = rtButtons.top + 15;
        pBitmap->LoadBitmap(IDB_EXIT_FOCUS);
        pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
        pDC->BitBlt(rtButtons.left, rtButtons.top, rtButtons.Width(), rtButtons.Height(), pDisplayMemDC, 0, 0, SRCCOPY);
        pDisplayMemDC->SelectObject(pOldBitmap);
        m_rtButtExit = rtButtons;
        m_rtButtExit.OffsetRect(rtWnd.TopLeft()); 
        pBitmap->DeleteObject();
        
        //重畫最大化/恢復button
        rtButtons.right = rtButtons.left - 3;
        rtButtons.left = rtButtons.right - 16;
        if (IsZoomed())
            pBitmap->LoadBitmap(IDB_RESTORE_NORMAL);
        else
            pBitmap->LoadBitmap(IDB_MAX_NORMAL);

        pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
        pDC->BitBlt(rtButtons.left, rtButtons.top, rtButtons.Width(), rtButtons.Height(), pDisplayMemDC, 0, 0, SRCCOPY);
        pDisplayMemDC->SelectObject(pOldBitmap);
        m_rtButtMax = rtButtons;
        m_rtButtMax.OffsetRect(rtWnd.TopLeft());
        pBitmap->DeleteObject();
        
        //重畫最小化button
        rtButtons.right = rtButtons.left - 3;
        rtButtons.left = rtButtons.right - 16;
        pBitmap->LoadBitmap(IDB_MIN_NORMAL);
        pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
        pDC->BitBlt(rtButtons.left, rtButtons.top, rtButtons.Width(), rtButtons.Height(), pDisplayMemDC, 0, 0, SRCCOPY);
        pDisplayMemDC->SelectObject(pOldBitmap);
        m_rtButtMin = rtButtons;
        m_rtButtMin.OffsetRect(rtWnd.TopLeft());
        pBitmap->DeleteObject();

        //重畫caption
        int nOldMode = pDC->SetBkMode(TRANSPARENT);
        COLORREF clOldText=pDC->SetTextColor(RGB(255, 255, 255));
        
        CFont m_captionFont;
        m_captionFont.CreateFont(
            18, // 字體的高度            
            0, // 字體的寬度
            0, // 字體顯示的角度
            0, // 字體的角度
            FW_BOLD, // 字體的磅數
            FALSE, // 斜體字體
            FALSE, // 帶下劃線的字體
            0, // 帶刪除線的字體
            ANSI_CHARSET, // 所需的字元集
            OUT_DEFAULT_PRECIS, // 輸出的精度
            CLIP_DEFAULT_PRECIS, // 裁減的精度
            DEFAULT_QUALITY, // 邏輯字體與輸出設備的實際字體之間的精度
            DEFAULT_PITCH | FF_SWISS, // 字體間距和字體集
            _T("Arial")); // 字體名稱
            
        CFont* pOldFont = NULL;            
        pOldFont = pDC->SelectObject(&m_captionFont);
        
        rtTitle.left += m_rtIcon.Width ()+3;
        rtTitle.top = rtTitle.top;
        rtTitle.bottom = rtTitle.top + 30;
        CString m_strTitle;
        GetWindowText(m_strTitle);
        pDC->DrawText(m_strTitle, &rtTitle, DT_LEFT);
        pDC->SetBkMode(nOldMode);
        pDC->SetTextColor(clOldText);
        
        ReleaseDC(pDisplayMemDC);
        delete pDisplayMemDC;
        delete pBitmap;
    }
}
複製代碼

　　還有在非客戶區 繪製滑鼠的消息。分別為：

複製代碼 
void CTitleBarColorDlg::OnNcLButtonDown(UINT nHitTest, CPoint point) 
{
    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));
            CRect rtWnd;
            GetWindowRect(&rtWnd);
            CRgn rgn;
            rgn.CreateRoundRectRgn(0,0,rtWnd.Width(),rtWnd.Height(),5,5);
            SetWindowRgn((HRGN)rgn,true); 
            Invalidate();
        }
        else
        {
            SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE, MAKELPARAM(point.x, point.y));
            
            CRect rtWnd;
            GetWindowRect(&rtWnd);
            CRgn rgn;
            rgn.CreateRoundRectRgn(0,0,rtWnd.Width(),rtWnd.Height(),5,5);
            SetWindowRgn((HRGN)rgn,true); 
            Invalidate();
        }
    }
    else if (!IsZoomed())
        Default();
}

void CTitleBarColorDlg::OnNcMouseMove(UINT nHitTest, CPoint point) 
{
    CWindowDC dc(this);
    CWindowDC* pDC = &dc;
    CDC* pDisplayMemDC=new CDC;
    pDisplayMemDC->CreateCompatibleDC(pDC);
    CBitmap* pBitmap = new CBitmap;
    CBitmap* pOldBitmap;
    CRect rtWnd, rtButton;
    
    if (pDC)
    {
        GetWindowRect(&rtWnd);
        
        //關閉button
        if (m_rtButtExit.PtInRect(point))
            pBitmap->LoadBitmap(IDB_EXIT_NORMAL);
        else
            pBitmap->LoadBitmap(IDB_EXIT_FOCUS);
        rtButton = m_rtButtExit;
        rtButton.OffsetRect(-rtWnd.left, -rtWnd.top);
        pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
        pDC->BitBlt(rtButton.left, rtButton.top, rtButton.Width(), rtButton.Height(), pDisplayMemDC, 0, 0, SRCCOPY);
        pDisplayMemDC->SelectObject(pOldBitmap);
        pBitmap->DeleteObject();
        
        //最大化/恢復button
        if (m_rtButtMax.PtInRect(point))
        {
            if (IsZoomed())
                pBitmap->LoadBitmap(IDB_RESTORE_FOCUS);
            else
                pBitmap->LoadBitmap(IDB_MAX_FOCUS);
        }
        else
        {
            if (IsZoomed())
                pBitmap->LoadBitmap(IDB_RESTORE_NORMAL);
            else
                pBitmap->LoadBitmap(IDB_MAX_NORMAL);
        }
        rtButton = m_rtButtMax;
        rtButton.OffsetRect(-rtWnd.left, -rtWnd.top);
        pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
        pDC->BitBlt(rtButton.left, rtButton.top, rtButton.Width(), rtButton.Height(), pDisplayMemDC, 0, 0, SRCCOPY);
        pDisplayMemDC->SelectObject(pOldBitmap);
        pBitmap->DeleteObject();
        
        //最小化button
        if (m_rtButtMin.PtInRect(point))
            pBitmap->LoadBitmap(IDB_MIN_FOCUS);
        else
            pBitmap->LoadBitmap(IDB_MIN_NORMAL);
        rtButton = m_rtButtMin;
        rtButton.OffsetRect(-rtWnd.left, -rtWnd.top);
        pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
        pDC->BitBlt(rtButton.left, rtButton.top, rtButton.Width(), rtButton.Height(), pDisplayMemDC, 0, 0, SRCCOPY);
        pDisplayMemDC->SelectObject(pOldBitmap);
        pBitmap->DeleteObject();
        
    }
    
    pDisplayMemDC->DeleteDC();
    
    delete pDisplayMemDC;
    delete pBitmap;

    CDialog::OnNcMouseMove(nHitTest, point);
}
複製代碼

　　大部分實現如上代碼所示具體實現請參照程式附帶的源代碼。

　　第二步：改變視窗邊框為圓角。
　　關鍵代碼如下：

複製代碼 
int CTitleBarColorDlg::OnCreate(LPCREATESTRUCT lpCreateStruct) 
{
    if (CDialog::OnCreate(lpCreateStruct) == -1)
        return -1;

    CRect rtWnd;
    GetWindowRect(&rtWnd);
    
    CRgn rgn;
    rgn.CreateRoundRectRgn(0,0,rtWnd.Width(),rtWnd.Height(),5,5);
    SetWindowRgn((HRGN)rgn,true); 

    return 0;
}
複製代碼

　　第三步：填充背景。

　　關鍵代碼如下：

複製代碼 
BOOL CTitleBarColorDlg::OnEraseBkgnd(CDC* pDC) 
{
    BOOL retValue= CDialog::OnEraseBkgnd(pDC);

    CRect rc;
    GetClientRect(&rc);
    pDC->FillSolidRect(&rc,RGB(236,233,216));
    
    return retValue;
}
複製代碼

　　第四步：繪製按鈕。

　　具體請參考源代碼中類CXPButton.h、CXPButton.cpp

　　第五步：繪製編輯框。
　　具體請參考源代碼中類COwnerEdit.h、COwnerEdit.cpp

　　第六步：繪製靜態字體和顏色。
　　這一步本來也寫了一個類的，但想想用OnCtlColor()還是能很好的實現的，就沒寫。具體實現請看OnCtlColor()中的實現。

　　以上代碼具體實現的細節問題，你可以下載例子代碼，仔細查看其源碼實現(內有詳細註釋)。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • URL請求工具
    工作中有個需求，定期請求多個URL。“定期”採用計劃任務實現，請求URL，雖說start url可以實現，但不靈活。自己製作了個專門請求URL的工具，並記錄請求結果。 控制台程式代碼： 1 class Program 2 { 3 //日誌目錄 4 static string logFileDirec ...
  • Combox兩級聯動會經常出現的錯誤
    例如： 當我們遇到這種情況：（下拉框的隱藏值和顯示值皆為實體類進行綁定值時）下拉框的隱藏值並不能成功獲取到。 我們就可以使用下麵 的方案來解決 ok ，成功獲取到隱藏值。 還有一個，附加解決方案： ...
  • 實現兩級下拉框的聯動
    1.實現兩級下拉框的聯動。 功能：實現點擊年級下拉框，載入對應科目的下拉框。 第一步：首先要載入年級下拉框中的數據。 01.在GradeDAL層（數據訪問層）寫一個方法，查詢所有年級的信息。 02.在GradeBLL層（業務邏輯層）調用數據訪問層的方法，返回給UI層來調用。 03.在UI層（表示層） ...
  • EF 序列化實體為Json時的迴圈引用問題(不用自己寫實體,不用匿名類型,不用EF的上下文屬性)
    自己寫實體可以完美解決這個問題。 用匿名類型也可以。 設置上下文方法如下： (jz為資料庫上下文對象) jz.Configuration.ProxyCreationEnabled = false;jz.Configuration.LazyLoadingEnabled = false; 不用這個的原因 ...
  • Web API:將FlexChart導出為圖片
    如果想要將FlexChart在應用之外使用，比如使用在報表中，Web API幫助你將FlexChart導出成任何你需要的圖片格式。 下麵是實現的步驟： 1：創建FlexChart 2：調用Service 3：運行項目 第一步： 需要一個FlexChart，本文的註意力放在Web API部分。因此從一 ...
  • [1] Tornado Todo Day0
    Github地址: day0 初始化資料庫： 輸入密碼 Aa123456 (假設你設置的密碼為這個)，完成mysql的初始化。 運行程式： 在瀏覽器(Chrome)查看運行效果： 嘗試新增幾個todo看一下效果： 標記為完成： 這樣一個簡單的待辦事項就運行起來了 目前的項目大致結構： 1. appl ...
  • 網站性能分析得與失
    ################################### 方法與觀念的改變 ################################### 錯誤導向： 我在網上會看到人們怎麼優化網站，就是用yslow這樣的工具來看，工具會告訴你要怎麼做，哪方面有問題，比如我寫在文檔裡面的像這樣 ...
  • linux下tcl操作mysql
    查了下tcl wiki，tcl比較成熟的mysql庫是mysqltcl，於是到其官方網站(http://www.xdobry.de/mysqltcl/)下載3.05版本回來，讀了下README沒有什麼特殊事項，慣例性進行linux軟體安裝三部曲： ./configuremakemake instal ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類