让你的软件界面更漂亮（一）

最新推荐文章于 2012-03-22 13:59:53 发布
最新推荐文章于 2012-03-22 13:59:53 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： C++ 文章标签： delete email dialog button system 金山

让你的软件界面更漂亮(一)

作者：朱一松

下载源代码

　　我们使用过很多的软件， 给我们留下印象很深的是那些界面漂亮且迷人的软件， 国外的软件象QuickTime,国产的象金山词霸等，它们的软件界面设计风格都有独特之处。本人跟据自已的经验和大家探讨一下软件的漂亮界面实现的原理并提供DEMO程序。本人经验不多，经常从VCKBASE.COM吸取知识，共同学习，如有不足之处，请指正！也欢迎和我联系。下面就开始吧！

一、漂亮界面实现的原理

　　用图象元素自绘窗口标题样栏，边框，系统按钮（最大化、最小化、关闭按钮）还有按窗口中的控件。图象当然是美工画的，但要你教美工怎么去画，是不是不能理解? ，呆会我会告诉你你如何去教美工画.请先仔细看下图。




明白了吧，被红线包括的部分都是要画的图象。画得好不好会直接影响你的软件界面。

二、原理说玩了，来说一下实现的基本知识

1、VC软件绘图技术： 

       CBitmap* pBitmap = new CBitmap;
       BITMAP BmpInfo;
       CBitmap* pOldBitmap;
       CDC* pDisplayMemDC=new CDC;
       pDisplayMemDC->CreateCompatibleDC(pDC);
 
       pBitmap->LoadBitmap(IDB_TITLE_LEFT);
       pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
       pBitmap->GetBitmap(&BmpInfo);
 
       // x,y为绘图位置 ，必要时此语句要有For（..；..；..）控制
       pDC->BitBlt(x,y, BmpInfo.bmWidth, BmpInfo.bmHeight, pDisplayMemDC, 0, 0, SRCCOPY); 
 
       pDisplayMemDC->SelectObject(pOldBitmap);
       pBitmap->DeleteObject();
 
       ReleaseDC(pDisplayMemDC);//记得执行以下的语句
       delete pDisplayMemDC;
       delete pBitmap;     

2、坐标的概念：点、窗口坐标和屏幕坐标及转换，很重要！如不清楚请先复习相关知识。

下图是我写在一个界面，就是基于上述原理实现的：



下面介绍软件如何实现的：

①、重载对话框的消息函数： 

void OnNcLButtonDown(UINT nHitTest, CPoint point);

//单击标题栏时是响应 

void OnNcMouseMove(UINT nHitTest, CPoint point);

//Mous 在标题移动时响应 

LRESULT DefWindowProc(UINT message, WPARAM wParam, LPARAM lParam)

②、添加关键成员函数为：BOOL DrawTitleBar(CDC *pDC)

③、添加完消息涵数后，在.cpp中实现它们的代码： 

void CTitleBarDlg::OnNcMouseMove(UINT nHitTest, CPoint point) 
{
       CDC* pDC = GetWindowDC();
       CDC* pDisplayMemDC=new CDC;
       pDisplayMemDC->CreateCompatibleDC(pDC);
       CBitmap* pBitmap = new CBitmap;
       CBitmap* pOldBitmap;
       CRect rtWnd, rtButton;
       
       if (pDC)
       {
              CString StrTemp = "";
              GetWindowRect(&rtWnd);
              //mouse坐标转化为本窗口坐标 重要
              point.x = point.x - rtWnd.left;
              point.y = point.y - rtWnd.top;
              //判断mouse是否移到系统按钮上
              if (m_rtButtExit.PtInRect(point))
              {
                    pBitmap->LoadBitmap(IDB_EXIT_FOCUS);
                    StrTemp = _T("关闭");
              }
              else
              {
                    if(m_rtButtMin.PtInRect(point))
                    {
                           pBitmap->LoadBitmap(IDB_MIN_FOCUS);
                           StrTemp = _T("最小化窗口");
                    }
                    else
                    {
                           if(m_rtButtMax.PtInRect(point))
                           {
                                  pBitmap->LoadBitmap(IDB_MAX_FOCUS);
                                  if(IsZoomed())
                                  {
                                         StrTemp = _T("还原窗口");
                                  }
                                  else
                                  {
                                         StrTemp = _T("最化大窗口");
                                  }
                           }
                           else
                           {
                                  pBitmap->LoadBitmap(IDB_NORMAL);
                           }
                    }
              }
              
              rtButton = m_rtButtMin;
              BITMAP BmpInfo;
              pBitmap->GetBitmap(&BmpInfo);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              pDC->BitBlt(rtButton.left-6, 
                    rtButton.top-2, 
                    BmpInfo.bmWidth, 
                    BmpInfo.bmHeight, 
                    pDisplayMemDC, 
                    0, 
                    0, 
                    SRCCOPY);
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              CRect ShowTipRec;
              ShowTipRec = m_rtButtMin;
              if(!StrTemp.IsEmpty())
              {
                    //     ScreenToClient(&ShowTipRec);
                    //  m_ToolTip.AddToolTip(IDD_TITLEBAR_DIALOG,&ShowTipRec,StrTemp);
                    //     m_ToolTip.SetDelayTime(200);
                   }
       }
       
       ReleaseDC(pDisplayMemDC);
       ReleaseDC(pDC);
       delete pDisplayMemDC;
       delete pBitmap;
       
       CDialog::OnNcMouseMove(nHitTest, point);
}
 
//此为关键函数
void CTitleBarDlg::DrawTitleBar(CDC *pDC)
{
       if (m_hWnd)
       {
              CBrush Brush(RGB(0,100,255));
              CBrush* pOldBrush = pDC->SelectObject(&Brush);
              
              CRect rtWnd, rtTitle, rtButtons;
              GetWindowRect(&rtWnd); 
              //取得标题栏的位置
              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);
              
              //计算最小化按钮的位置，位图大小为15X15
              rtButtons.left = rtTitle.right-60;
              rtButtons.top= rtTitle.top+2;
              rtButtons.right = rtTitle.right-42;
              rtButtons.bottom = rtTitle.top+20;
              m_rtButtMin = rtButtons;
              //计算最大化按钮的位置，位图大小为15X15
              m_rtButtMax.left = m_rtButtMin.left + 18;
              m_rtButtMax.top = m_rtButtMin.top;
              m_rtButtMax.right = m_rtButtMin.right + 16;
              m_rtButtMax.bottom = m_rtButtMin.bottom;
              
              m_rtButtExit.left = m_rtButtMax.left + 18;
              m_rtButtExit.top =  m_rtButtMax.top;
              m_rtButtExit.right = m_rtButtMax.right + 16;
              m_rtButtExit.bottom = m_rtButtMax.bottom;
              
              //准备
              CBitmap* pBitmap = new CBitmap;
              BITMAP BmpInfo;
              CBitmap* pOldBitmap;
              CDC* pDisplayMemDC=new CDC;
              pDisplayMemDC->CreateCompatibleDC(pDC);
              
              //重画Caption
              POINT  DrawPonit;
              DrawPonit.x = rtTitle.left-4;
              DrawPonit.y = rtTitle.top-4;
              pBitmap->LoadBitmap(IDB_TITLE_LEFT);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              pBitmap->GetBitmap(&BmpInfo);
              pDC->BitBlt(rtTitle.left-4, 
                    rtTitle.top-4, 
                    BmpInfo.bmWidth, 
                    BmpInfo.bmHeight, 
                    pDisplayMemDC, 
                    0, 
                    0, 
                    SRCCOPY);
              DrawPonit.x = DrawPonit.x + BmpInfo.bmWidth;
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              pBitmap->LoadBitmap(IDB_TOP);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              pBitmap->GetBitmap(&BmpInfo);
              while(DrawPonit.x<= m_rtButtMin.left-66) 
              {
                    pDC->BitBlt(DrawPonit.x, 
                           DrawPonit.y, 
                           BmpInfo.bmWidth, 
                           BmpInfo.bmHeight, 
                           pDisplayMemDC, 
                           0, 
                           0, 
                           SRCCOPY);
                    DrawPonit.x = DrawPonit.x + BmpInfo.bmWidth;
              }
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              pBitmap->LoadBitmap(IDB_TITLE_RIGHT);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              pBitmap->GetBitmap(&BmpInfo);
              pDC->BitBlt(DrawPonit.x, 
                    DrawPonit.y, 
                    BmpInfo.bmWidth, 
                    BmpInfo.bmHeight, 
                    pDisplayMemDC, 
                    0, 
                    0, 
                    SRCCOPY);
              
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              
              
              //重画最小化button
              rtButtons = m_rtButtMin;
              pBitmap->LoadBitmap(IDB_NORMAL);
              pBitmap->GetBitmap(&BmpInfo);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              pDC->BitBlt(rtButtons.left-6, 
                    rtButtons.top-2, 
                    BmpInfo.bmWidth, 
                    BmpInfo.bmHeight, 
                    pDisplayMemDC, 
                    0, 
                    0, 
                    SRCCOPY);
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              int nOldMode = pDC->SetBkMode(TRANSPARENT);
              COLORREF clOldText=pDC->GetTextColor();         
              CFont titleFont;    
              titleFont.CreateFont( 12, // nHeight 
                    8, // nWidth 
                    0, // nEscapement文本行逆时针旋转角度 
                    0, // nOrientation字体角度
                    FW_BOLD, // nWeight字体粗细程度 
                    FALSE, // bItalic 
                    FALSE, // bUnderline 
                    0, // cStrikeOut 删除线
                    ANSI_CHARSET, // nCharSet 
                    OUT_DEFAULT_PRECIS, // nOutPrecision 
                    CLIP_DEFAULT_PRECIS, // nClipPrecision 
                    DEFAULT_QUALITY, // nQuality 
                    DEFAULT_PITCH | FF_SWISS, // nPitchAndFamily 
                    _T("隶书"));// lpszFac pDC->SelectStockObject(SYSTEM_FIXED_FONT);            
              CFont *OldFont;
              OldFont = pDC->SelectObject(&titleFont);
              CString m_StrTitle;
              GetWindowText(m_StrTitle);
              pDC->SetTextColor(RGB(80,255,25));
              if(m_ShowTitle)
              {
                    pDC->TextOut(65,10,m_StrTitle);   
              }
              else
              {   
                    m_StrTitle = m_StrTitle.Left(6);
                    m_StrTitle += "...";
                    pDC->TextOut(30,10,m_StrTitle);   
              }
              pDC->SetBkMode(nOldMode);
              pDC->SetTextColor(clOldText);
              pDC->SelectObject(OldFont);
              //pDC->TextOut(60,60,m_StrTitle); 
              //重画左边框
              pBitmap->LoadBitmap(IDB_LEFTDOWN);
              pBitmap->GetBitmap(&BmpInfo);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              int i ;
              for (i= 20;i<=rtWnd.bottom;i=i+BmpInfo.bmHeight-3)
              {
                    pDC->BitBlt(0, rtButtons.top+i, 
                           BmpInfo.bmWidth, 
                           BmpInfo.bmHeight, 
                           pDisplayMemDC, 
                           0, 
                           0, 
                           SRCCOPY);
              }
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              //重画右边框
              pBitmap->LoadBitmap(IDB_RIGHTDOWN);
              pBitmap->GetBitmap(&BmpInfo);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              GetClientRect(&rtWnd);
              for (i= 25;i<=rtWnd.bottom+27;i=i+BmpInfo.bmHeight-3)
              {
                    pDC->BitBlt(rtWnd.right, i, 
                           BmpInfo.bmWidth, 
                           BmpInfo.bmHeight, 
                           pDisplayMemDC, 
                           0, 
                           0, 
                           SRCCOPY);
              }
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              //重画底边框
              pBitmap->LoadBitmap(IDB_DOWN);
              pBitmap->GetBitmap(&BmpInfo);
              pOldBitmap=(CBitmap*)pDisplayMemDC->SelectObject(pBitmap);
              GetClientRect(&rtWnd);
              for (i= 9; i<=rtWnd.right; i=i+2)
              {
                    GetClientRect(&rtWnd);
                    pDC->BitBlt(i,rtWnd.bottom+26, 
                           BmpInfo.bmWidth, 
                           BmpInfo.bmHeight, 
                           pDisplayMemDC, 
                           0, 
                           0, 
                           SRCCOPY);
              }
              pDisplayMemDC->SelectObject(pOldBitmap);
              pBitmap->DeleteObject();
              
              
              ReleaseDC(pDisplayMemDC);
              delete pDisplayMemDC;
              delete pBitmap;
       }
}
 
void CTitleBarDlg::OnNcLButtonDown(UINT nHitTest, CPoint point) 
{
       
       CRect rtWnd;
       GetWindowRect(&rtWnd);
       
       //mouse坐标转化为本窗口坐标 重要
       point.x = point.x - rtWnd.left;
       point.y = point.y - rtWnd.top;
       //检测各按钮是否按到
       if (m_rtIcon.PtInRect(point))
              AfxMessageBox("界面软件设计者：朱一松 EMail:Song_0962@sina.com");
       else
       { 
              if (m_rtButtHelp.PtInRect(point))
              {
                    SendMessage(WM_HELP);
              }
              else 
              {
                    if (m_rtButtExit.PtInRect(point))
                    {
                           SendMessage(WM_CLOSE);
                    }
                    else 
                    {
                           if (m_rtButtMin.PtInRect(point))
                           {
                                  m_ShowTitle = FALSE;
                                  SendMessage(WM_SYSCOMMAND, 
                                         SC_MINIMIZE, 
                                         MAKELPARAM(point.x, point.y));
                           }
                           else
                           {
                                  if (m_rtButtMax.PtInRect(point))
                                  {
                                         m_ShowTitle = TRUE;
                                         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();                                 
                                         }
                                  }
                           }
                    }
              }
       }
}
 
//******************************************************
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;
}

　　好了运行你的程序，即可出现漂亮的界面。说明在设计对话框时最好只选上Title Bars,其它不要.消息函数要手动添加。只本程序是在VC++6.0 +WinXP环境下完成的。
　　经过实践证明，仅仅画一个窗口很容易，多窗口程序软件实现统一风格很难。如若有机会的话，我会和大家继续探讨如何将设计好的漂亮窗口子类化，让程序所有的窗口有统一风格，美化窗口的其它控件并可自动随窗口改变而调整大小。我想那才是我们大家关心的。对不？

本人的联系QQ：34544052 Email:Song_0962@sina.com .

ColorPaper
关注
专栏目录
让你的软件界面更漂亮(一)
深圳软客 的专栏
01-04 7092
                                                                    让你的软件界面更漂亮  (VC)                                                      □   深圳远客    (song_0962#sina.com) 　　　　　　　　　　　   一、漂
漂亮的软件界面（带源码）
02-23
上次发过这个，当有网友说没有源码，我不知道是不属实，当我确确实实发过，这次在发一次，大家在VS中运行一下就能够看见了，谢谢！
漂亮的软件界面
10-18
提供插件，主要是学习人家的风格。
让你的软件界面更漂亮(二)
08-03 1039
 让你的软件界面更漂亮(二)作者：朱一松一、统一风格漂亮界面设计的理论与实现a．窗口和对话框Windows操作系中窗口和对话框在我们看来是一样的，就是一个四边形，有标题栏、系统按钮，边框等，可移动和可变大小。实际上窗口和对话框是有的区别的。在创建对话框窗口时的工作中要发生两个主要过程：对话框的过程和其窗口过程。Win32 SDK对话框使用了系统提供的对话框窗口的窗口过程和对话框过程
让你的软件界面更漂亮(六) -- 仿QQ主界面
immcss的专栏
06-12 2896
让你的软件界面更漂亮(六) -- 仿QQ主界面之ListCtrl 作者：朱一松下载源代码     QQ软件主界面的ListCtrl 是可以说非常经典了，一个字漂亮! 这个ListCtrl的所包含的信息之丰富，更是让我们这些软件工程师望Q兴叹! 今天，我将和大家一起来写一个属于自已的CMyListCtrl。 一、实现CMyListCtrl要完成的任务及实现方法分析。 1．MyListCtr
让你的软件界面更漂亮(一) (三)
weixin_33737134的博客
11-05 137
基本上都是hook或SetWindowLog，自己处理窗口消息中相应的代码，如果有必要就调用原来的处理过程，否则就直接返回，不用原来的过程来处理20051105
让你的软件界面更漂亮(三).zip
06-19
"让你的软件界面更漂亮(三)"这个主题，很显然是一个关于软件界面设计系列教程的第三部分，可能涵盖了在前两部分基础上更深入的设计技巧和最佳实践。 首先，我们要明白，优秀的软件界面设计不仅仅是美观，它还涉及到...
让你的软件界面更漂亮（五）.zip
06-19
在本资源包“让你的软件界面更漂亮（五）”中，主要...以上内容是对“让你的软件界面更漂亮（五）”这一主题的详细解析，实践中结合这些原则和技巧，能够显著提升软件界面的吸引力和实用性，为用户提供更好的使用体验。
商业编程-源码-让你的软件界面更漂亮(一).zip
06-23
"让你的软件界面更漂亮(一)"这个主题，主要关注的是如何通过编程技术来优化和美化软件的用户界面。以下是一些相关的知识点： 1. **GUI设计原则**：良好的界面设计应遵循一致性、反馈、简单性、容错性和效率等原则。...
商业编程-源码-让你的软件界面更漂亮(六)-- 仿Q.zip
06-23
总的来说，这个"商业编程-源码-让你的软件界面更漂亮(六)-- 仿Q.zip"资源提供了一个很好的学习平台，帮助开发者深入理解并实践UI设计的原则和技巧，从而提升软件的视觉吸引力和用户体验。通过研究这份源码，不仅可以...
收集的几个漂亮的软件界面欣赏
09-04
收集的几个漂亮的软件界面欣赏，图片格式的。漂亮的软件界面欣赏，。
超好看软件登陆界面图
06-20
超好看的软件登陆界面图，是我精心整理过才上传的，希望能给到你帮助。
java漂亮软件界面 超酷可更改做java软件界面模板
11-29
有时间随便写了一下,希望大家喜欢,很漂亮,基本界面功能齐全,喜欢的或是学java的朋友,可以看一下,eclipse项目源文件及可运行的jar文件,技术含量还算有一点点
商业编程-源码-让你的软件界面更漂亮(四)——不完美之菜单.zip
06-23
在本资源包“商业编程-源码-让你的软件界面更漂亮(四)——不完美之菜单.zip”中，我们聚焦于如何通过编程技术优化软件的用户界面，特别是菜单部分，来提升整体的视觉效果和用户体验。这个主题是商业编程中一个非常...
让你的软件界面更漂亮(五)
Claude Zhong
03-22 1218
类WindowXp 开始菜单到现在基本上是完美实现，在功能上基本和WindowXp 与Vista 操作系统的开始菜单一样，界面当然漂亮，通过编程能实现风格多样，具有个性化的功能菜单。为了方便使用，本人对其进行了封装，库名曰：完美类WindowXp 开始菜单。     1、完美类WindowXp 开始菜单（CYisongStartMenu）有如下主要特点：        a. 在C＋＋环境实现，
让你的软件界面更漂亮（五）
08-03 549
 让你的软件界面更漂亮（五）――完美类WindowXp 开始菜单(CYisongStartMenu) 编程指南作者：朱一松下载源代码类WindowXp 开始菜单到现在基本上是完美实现，在功能上基本和WindowXp 与Vista 操作系统的开始菜单一样，界面当然漂亮，通过编程能实现风格多样，具有个性化的功能菜单。为了方便使用，本人对其进行了封装，库名曰：完美类WindowXp 开始菜单
提升软件界面美观：Visual C++6.0教程与实例
作者朱一松首先强调了软件界面在用户体验中的重要性，并提到许多知名软件如QuickTime和金山词霸因其美观的界面而给人留下深刻印象。他分享了自绘窗口元素的方法，包括标题栏、边框、系统按钮以及窗口内的控件，这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值