设计XP风格的按钮

2016-01-29 12:04 28 1 收藏

设计XP风格的按钮,设计XP风格的按钮

【 tulaoshi.com - C语言心得技巧 】

设计XP风格的按钮
作者:郑恒(lbird)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com) 下载本文示例代码

论坛上许多人都在讨论如何编写具有XP风格的界面,其实网上有设计好的类库,可以直接拿来使用。但这些终归是别人写的,能不能转化成自已的呢。于是笔者就对这些代码进行研究,算是偷一点吧:)
研究了几种控件,这里就把其中最简单的按钮控件拿来供大家一起讨论。
这是程序的运行效果:

步骤:
1、创建一个派生自CButton的新类CButtonXp
2、重载PreSubClassWindow()函数,在该函数内修改按钮的风格为自绘制(owner):
添加如下代码:ModifyStyle(0,BS_OWNERDRAW);
3、因为XP风格按钮具有鼠标感应的效果,当鼠标移动到按钮上方时,按钮的颜色会改变。所以就必须跟踪鼠标。当鼠标移到按钮上方时,窗口会收到
WM_MOUSEMOVE消息,但怎么才能得知鼠标离开按钮呢?
这里我们使用 TrackMouseEvent() Api函数:
BOOL TrackMouseEvent(  LPTRACKMOUSEEVENT lpEventTrack  );
参数:
typedef struct tagTRACKMOUSEEVENT {
DWORD cbSize; //结构大小
DWORD dwFlags; //设定为TME_LEAVE
HWND hwndTrack; //要跟踪鼠标的窗口句柄
DWORD dwHoverTime;} TRACKMOUSEEVENT, *LPTRACKMOUSEEVENT;
调用该函数可以在鼠标离开指定窗口时收到WM_MOUSELEAVE消息。

添加成员变量:m_bOver ,初始化为FALSE。m_bOver=true用来表示鼠标在按钮区域。
添加WM_MOUSEMOVE消息处理函数:
void CButtonXp::OnMouseMove(UINT nFlags, CPoint point) {if(m_bOver ==FALSE){//鼠标在按钮之上m_bOver =TRUE;//按钮重绘InvalidateRect(NULL,FALSE);//跟踪鼠标//当鼠标离开按钮区域会收到WM_MOUSELEAVE,该消息直接调用OnMouseOut()TRACKMOUSEEVENTtme;tme.cbSize =sizeof(TRACKMOUSEEVENT);tme.dwFlags =TME_LEAVE;tme.dwHoverTime=0;tme.hwndTrack =m_hWnd;::TrackMouseEvent(&tme);}CButton::OnMouseMove(nFlags, point);}
再添加一成员函数OnMouseOut(),
并在BEGIN_MESSAGE_MAP(CButtonXp, CButton)和END_MESSAGE_MAP()之间添加
宏 ON_MESSAGE(WM_MOUSELEAVE,OnMouseOut)

在OnMouseOut()中写入以下代码

void CButtonXp::OnMouseOut (){//鼠标已离开按钮区域    m_bOver =FALSE;//重绘按钮InvalidateRect(NULL,FALSE);}
4、添加成员函数 MouseOver()
//返回鼠标是否在按钮区域内BOOL CButtonXp::MouseOver(){return m_bOver;}
5、最后重载DrawItem(LPDRAWITEMSTRUCT lpDIS)
void CButtonXp::DrawItem(LPDRAWITEMSTRUCT lpDIS) {CDC*pDC =CDC::FromHandle(lpDIS->hDC);CRectrtControl(lpDIS->rcItem);CPenpen,*old_pen;CBrushbrush,*old_brush;CString  strText;HFONT hOldFont = (HFONT)pDC->SelectObject ((HFONT)::GetStockObject (DEFAULT_GUI_FONT));UINTstate =lpDIS->itemState;if(state & ODS_FOCUS){rtControl.DeflateRect(1,1);//拥有焦点矩形变小}if((state & ODS_DISABLED) ||(!MouseOver() &&!(state & ODS_SELECTED))){//普通状态、禁用、拥有焦点三种情况下pen.CreatePen (PS_SOLID, 1, ::GetSysColor(COLOR_3DSHADOW));brush.CreateSolidBrush(HLS_TRANSFORM(::GetSysColor(COLOR_3DFACE),-10,0));}else{COLORREFcrBorder =::GetSysColor(COLOR_HIGHLIGHT);pen.CreatePen(PS_SOLID, 1, crBorder);if( state & ODS_SELECTED){//按钮按下时brush.CreateSolidBrush(HLS_TRANSFORM(crBorder,+50,-50));pDC->SetTextColor(RGB(240,240,240));}else{//鼠标在区域内brush.CreateSolidBrush(HLS_TRANSFORM(crBorder,+80,-66));pDC->SetTextColor(::GetSysColor(COLOR_BTNTEXT));}}if(state &ODS_DISABLED)pDC->SetTextColor(::GetSysColor(COLOR_GRAYTEXT));//灰色字:禁用状态else if(state & ODS_SELECTED)pDC->SetTextColor(RGB(240,240,240));//白色字:PUSH状态else if(MouseOver())pDC->SetTextColor(0);//黑色字:热感应状态elsepDC->SetTextColor(::GetSysColor(COLOR_BTNTEXT));//黑色字:普通状态old_brush=pDC->SelectObject(&brush);old_pen  =pDC->SelectObject(&pen);pDC->Rectangle(rtControl);pDC->SetBkMode(TRANSPARENT);GetWindowText(strText);pDC->DrawText(strText,rtControl,DT_SINGLELINE|DT_CENTER|DT_VCENTER);if(state & ODS_FOCUS){rtControl.Def
                        

来源:http://www.tulaoshi.com/n/20160129/1484497.html

延伸阅读
标签: windows 操作系统
打开Regedit.exe在“HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer” 下新建dword值“NoSMHelp”值为“1”。切记在右窗口中创建。 重新启动即可。此法应用于WinME/2000/XP。 别让警告提示太烦 如果你在WinMe/2000/XP中有没有打开过“工具→工具夹选项→查看”,选择“隐藏受保护的...
最终效果图 www.Tulaoshi.com 最终效果图
最终效果图   1、新建画布,大小随意,然后新建圆角矩形图形,如图所示:   2、圆角矩形属性。   3、画一个吧,高 宽自定。   4、接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性,描边设置:   5、渐变叠加设置:   6、渐变值:   7、...
标签: PS PS教程
  这个按钮纯粹是我看着MAC的按钮模仿出来的,自我感觉已经比较象了!废话不多说,开始了。
标签: PS PS基础
先看看效果图 1、新建文件 2、选择背景颜色 3、alt+delete键填充前景色。 4、椭圆工具新建一个正圆(椭圆1图层)。 4.1、双击椭圆1图层调节图层样式颜色叠加、描边,参数如图。 4.2、得到椭圆1的效果。 5、再新建椭圆2,大小如图。 5.1、双击图层调节图层样式:颜色叠加、描边、投影。 6、得到效果...

经验教程

364

收藏

18
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部