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

本站首页 管理页面写新日志退出

« January 2026 »
日一二三四五六
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

公告

暂无公告...

我的分类（专题）

首页(21)
Visual C++(10)
J2ME(2)
SQL Server(2)
C++ Builder(1)
转帖(6)

日志更新

VC文件目录选择对话框(任意目录)
(J2ME入门二)J2ME　HelloW
(J2ME入门一)Eclipse配置J2
(二)VC保存和显示数据库图像(JPG、
(一)VC保存和显示数据库图像(BMP)
(二)VC界面显示图片(JPG JPEG
(一)VC界面显示图片(BMP)
美化VC界面(用户登录界面)
从Windows消息的角度看窗口应用程序
CToolBar(工具条控制的主要功能)

留言板

签写新留言

VC界面显示图片(BMP) 请问有完整的

链接

Blog信息

blog名称:
日志总数:21
评论数量:94
留言数量:1
访问次数:145878
建立时间:2006年1月9日

[Visual C++]美化VC界面(用户登录界面)
原创空间, 文章收藏, 软件技术

joinclear 发表于 2006/5/13 17:45:16

转载自: http://www.vclife.net/articles/article_view.asp?atlid=8 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()中的实现。以上代码具体实现的细节问题，你可以下载例子代码，仔细查看其源码实现(内有详细注释)。

阅读全文(16805) | 回复(9) | 编辑 | 精华

回复:美化VC界面(用户登录界面)
原创空间, 文章收藏, 软件技术

龙行天下(游客)发表评论于2010/4/16 19:52:47

请把源码发给我吧？可以吗谢谢。。。 qq496621443

个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

回复:美化VC界面(用户登录界面)
原创空间, 文章收藏, 软件技术

sdf(游客)发表评论于2009/12/9 14:45:41

SDF

个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

回复:美化VC界面(用户登录界面)
原创空间, 文章收藏, 软件技术

lwjian(游客)发表评论于2009/11/13 11:42:51

您好，能否把源程序发一份给我学习学习！！？谢谢！！ 359853147@qq.com