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

最新推荐文章于 2023-03-11 00:57:02 发布
最新推荐文章于 2023-03-11 00:57:02 发布
阅读量1.2k 收藏
点赞数
分类专栏： C/C++/VC++ 文章标签： delete dialog system email 金山

我们使用过很多的软件， 给我们留下印象很深的是那些界面漂亮且迷人的软件， 国外的软件象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，其它不要。消息函数要手动添加。只本程序是在V C++ 6.0 +WinXP环境下完成的。

    经过实践证明，仅仅画一个窗口很容易，多窗口程序软件实现统一风格很难。如若有机会的话，我会和大家继续探讨如何将设计好的漂亮窗口子类化，让程序所有的窗口有统一风格，美化窗口的其它控件并可自动随窗口改变而调整大小。我想那才是我们大家关心的。对不？



Claude16888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
让你的软件界面更漂亮（五）.zip
06-19
让你的软件界面更漂亮（五）.zip
MFC MDI和SDI非客户区框架界面美化之----标题栏以及边框美化
02-12 8620
1、美化方式：贴图、重绘       优点：简单，易理解！适合       缺点：美化限制较大，实际使用意义不大。 2、基本思路是重载CMainFrame类的DefWindowProc()函数，并判断消息为：WM_NCPAINT,WM_NCACTIVATE,WM_NOTIFY的时候，调用自己的绘制窗口标题栏的函数。用GetSystemMetrics(SM_CSFRAME)和GetSystem
QT学习-超漂亮的软件登录界面模块
榆林壮的博客
11-17 1911
1.制作成动态库形式，方便在不同的工程中重复使用。 2.软件界面隐藏了标题栏，重新编写了自定义标题栏，可以使用透明标题栏。 3.标题栏文字可以滚动显示。 4.界面最小化和关闭按钮图标可以自定义更换。 根据源代码，可以把想要作为界面背景的图片添加进资源文件，然后使用QSS样式表设置界面图片。 根据QSS样式表语句设置软件界面背景为纯色，通过设置不同的RGB色设置软件界面背景色。
QT-通用的软件界面框架，好看且实用
u013083044的博客
03-11 8039
常规软件开发，使用这种界面框架，基本是可以做很多个常规项目，比较有参考意义。本次软件使用开发的环境是QT5.13.2+VS2017，不同的开发环境重新配置即可。
让你的软件界面更漂亮(三)
ylo523的专栏
11-13 739
实现令人满意的风格统一的软件界面确实很难,　象网友提到的MessageBox、FileDialog、FontDialog、目录选择对话框等MFC内部甚至系统DLL内的对话框，要想让它变脸可不容易。有人说HOOK技术可以，HOOK技术确实可以，HOOK可以说是无孔不入，但HOOK的使用效率却是令人难以满意的，从目前大多数采HOOK技术的换肤软件使用情况来看，完全可以证明这一点。今天我们将讨论另外一技
让你的软件界面更漂亮(三).zip
06-19
让你的软件界面更漂亮(三).zip
商业编程-源码-让你的软件界面更漂亮(一).zip
06-23
商业编程-源码-让你的软件界面更漂亮(一).zip
收集的几个漂亮的软件界面欣赏
09-04
收集的几个漂亮的软件界面欣赏，图片格式的。漂亮的软件界面欣赏，。
漂亮的软件界面（带源码）
02-23
上次发过这个，当有网友说没有源码，我不知道是不属实，当我确确实实发过，这次在发一次，大家在VS中运行一下就能够看见了，谢谢！
一个高端大气上档次的后台管理界面
10-03
一个高端大气上档次的后台管理界面：Ease Responsive Admin Panel。不了解的同学可以看下demo:http://winithemes.com/redirect/demo/7292。有了这个模板，不要费多大功夫就可以开发出一个相当高端的后台管理界面。
Modeltest 使用说明
09-07
modeltest 是选择核苷酸替代模型 的软件，通过和PAUP配合使用，可选择出合适的 MODEL, 并同时计算出相关 参数。 目前是英文版，看要是大家需要，把它翻译成中文版 哈哈
如何让你的程序界面更漂亮
wuhran的Blog-C++,Linux,MySQL,PHP
06-11 3432
以前看到别人的程序界面漂亮， 很羡慕，现在给新产品做界面，发现原来我也可以做出漂亮的界面。写代码之前研究一些界面美化方法，其实方法就是钩子，子类化和贴图。用钩子相对灵活，在开发工程中不用考虑界面的美化，把控件放对位置就可以了。并且现在有很多很成熟的基于钩子的换肤产品。当然，都需要花钱去买的，并且万一出个什么bug，你也看不到源代码。况且用钩子，感觉有点不舒服，呵呵。如果自己开发一套基于钩子的通
让你的软件界面更漂亮(六) -- 仿QQ主界面
immcss的专栏
06-12 2883
让你的软件界面更漂亮(六) -- 仿QQ主界面之ListCtrl 作者：朱一松下载源代码     QQ软件主界面的ListCtrl 是可以说非常经典了，一个字漂亮! 这个ListCtrl的所包含的信息之丰富，更是让我们这些软件工程师望Q兴叹! 今天，我将和大家一起来写一个属于自已的CMyListCtrl。 一、实现CMyListCtrl要完成的任务及实现方法分析。 1．MyListCtr
让你的软件界面更漂亮(二)
08-03 1031
 让你的软件界面更漂亮(二)作者：朱一松一、统一风格漂亮界面设计的理论与实现a．窗口和对话框Windows操作系中窗口和对话框在我们看来是一样的，就是一个四边形，有标题栏、系统按钮，边框等，可移动和可变大小。实际上窗口和对话框是有的区别的。在创建对话框窗口时的工作中要发生两个主要过程：对话框的过程和其窗口过程。Win32 SDK对话框使用了系统提供的对话框窗口的窗口过程和对话框过程
c#超漂亮源码把几个软件集成到一个界面
最新发布
10-25
在编程语言中，c是一种非常流行的编程语言，被广泛用于开发各种软件和应用程序。另外，在计算机科学中，c也是代表字符的一种表示方式，每个字符都有一个对应的数字值。 在国际单位制中，c是表示光速的符号，即299,...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值