美化VC界面(用户登录界面)

转载 2011年11月15日 15:03:00
 

转载于:http://blog.chinaunix.net/space.php?uid=20532101&do=blog&id=1931940

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()中的实现。

以上代码具体实现的细节问题,你可以下载例子代码,仔细查看其源码实现(内有详细注释)。

美化VC界面(用户登录界面)

VC开发程序单调的界面相信大家都是深有感触,提到界面美化编程,人们都会说做界面不要用VC写,太难了。一句俗语:难者不会,会者不难。VC的美化界面编程并没有人们想像的那么难。这篇文章是我写的一个用户登录...
  • chenshujun1127
  • chenshujun1127
  • 2008年09月03日 21:29
  • 834

美化VC界面(用户登录界面)

美化VC界面(用户登录界面) 第一步:美化界面的非客户区(重绘标题栏和界面边框)。 关键代码如下: // 函 数 名:DrawTitleBar // 功能描述:绘制标题栏、边框颜色,绘制标题内容、图标...
  • yanghao58686763
  • yanghao58686763
  • 2007年10月18日 13:12
  • 3868

VC界面登陆代码

登陆代码: void CLogindlg::OnOK() { UpdateData(TRUE); if(m_Name.IsEmpty() || m_PassWord.IsEm...
  • sunxc123
  • sunxc123
  • 2012年06月20日 23:21
  • 2744

MFC 简单的用户登录界面(在主程序窗口之前)

步骤一:登录界面设计 首先在VS中设计一个简单的登录界面,点击【资源视图】,然后右键【Dialog】,选择【添加资源】——【Dialog】——【新建】,这样就创建了一个新的空白对话框。 可...
  • to_Baidu
  • to_Baidu
  • 2016年12月15日 00:11
  • 6564

Ubuntu14.10登录界面隐藏其他用户登录窗口

上次装完MySQL后每次开机登录界面都会有一个mysql用户登录框在管理员用户下边。感觉很碍眼。记得上次在安装MySQL时就屏蔽了mysql用户登录,可为何还会在登录界面显示。比较纳闷了。在网上找很多...
  • u012588561
  • u012588561
  • 2016年08月09日 22:40
  • 1737

用户登录界面的设置

应用所学的知识完成如图1-1所示的界面                                                         图 1-1 1.如图1-2在当前界...
  • jiawei1669942965
  • jiawei1669942965
  • 2017年04月11日 17:05
  • 1059

用C#做个简单的登录界面

从左边的【工具箱】中向设计窗体拖放1个Label控件,然后在纵向复制1个Label控件,接着依次对2个Label控件的【Text】属性进行修改,分别修改为“用户名:"、“密码”。      从【工具箱...
  • yy15642766973
  • yy15642766973
  • 2016年11月15日 19:41
  • 3023

注册与登录界面的美化

html> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> title>Form demotit...
  • umgsai
  • umgsai
  • 2014年08月10日 10:06
  • 518

swing界面设计之登录注册界面

开发环境:Eclipse Neon.3 Release (4.6.3) 我用的为javaee版本的,为了便于设计界面,需要安装windowbuilder插件,可以直接在marketplace里搜索到...
  • nima1994
  • nima1994
  • 2017年03月30日 13:56
  • 1207

VC美化界面

乔原创:VC之美化界面篇收藏      //CBrush CUi1View::m_Back         m_Back.CreateSolidBrush(::GetSysColor(COLOR_3D...
  • xiaocai0807
  • xiaocai0807
  • 2010年05月11日 15:53
  • 501
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:美化VC界面(用户登录界面)
举报原因:
原因补充:

(最多只允许输入30个字)