分类：
2008-10-14 14:56:16
仿制金山毒霸专杀工具界面
作者:
金山毒霸2002自推出以来，广受用户的喜爱。今天在这里我要谈的不是金山毒霸的功能，而是其别具一格的界面。本人早就对金山毒霸的界面垂涎三尺，如果自己的程序里能用上金山毒霸那样的界面，那该多爽！
说干就干，本着由浅入深的原则，我选择了金山毒霸的一个附带工具：Duba_GOP.exe来开刀。该工具在金山毒霸的网站上可以下载到，其
界面如图所示：
好，开始准备工具：
提取资源工具：freeRes
编程工具：VC++
还有一个Vc自带的小工具：spy++
之所以不用大家都熟悉的eXeScope，是因为Duba_GOP.exe已经被压缩过了，有些资源提取工具无法再用。
用freeRes打开Duba_GOP.exe，可看到其带有20个bmp位图，有整个窗体的背景图，右上角两个小按钮“主页”和“关闭”的三态位图，以及两个大按钮“浏览文件夹”和“开始扫描”的三态位图。看到这些图片，即可猜到该软件是没有标题栏的，而显示出来的标题栏只是背景，而且连同窗体下部的金山毒霸的标志都是属于同一幅背景图片！那么“标题栏”上的“主页”，“关闭”是怎么回事？用spy++来试一下，发现这两个是Button，而不是Bitmap。同样“浏览文件夹”和“开始扫描”也是Button，随即想到这四个Button可以用VC中的CBitmap类来实现。而窗体下部的超链接仅仅是Static静态框。把这些难点分析出来了，下面就可以开始我们的编程之旅了，不过记得把有用的图片保存下来。
一．窗体背景问题
打开vc，新建一个对话框工程，名为Interface。去掉缺省的一个Static和两个Button，在窗体上点右键，在出现的属性对话框中，去掉标题栏，再将用freeRes提取的所有图片Import进工程的资源中。修改CInterfaceDlg::OnPaint()如下：
void CInterfaceDlg::OnPaint()
{
if (IsIconic())
{
CPaintDC dc(this); // device context for painting
SendMessage(WM_ICONERASEBKGND, (WPARAM) dc.GetSafeHdc(), 0);
// Center icon in client rectangle
int cxIcon = GetSystemMetrics(SM_CXICON);
int cyIcon = GetSystemMetrics(SM_CYICON);
CRect rect;
GetClientRect(&rect);
int x = (rect.Width() - cxIcon + 1) / 2;
int y = (rect.Height() - cyIcon + 1) / 2;
// Draw the icon
dc.DrawIcon(x, y, m_hIcon);
}
else
{
// CDialog::OnPaint();//将这一句注销掉
***************************************************************
CPaintDC dc(this);
CRect rect;
GetClientRect(&rect);//得到窗体的大小
CDC dcMem;
dcMem.CreateCompatibleDC(&dc);
CBitmap bmpBackground;
bmpBackground.LoadBitmap(IDB_BITMAPBACKGROUND);//加载背景图片
BITMAP bitMap;
bmpBackground.GetBitmap(&bitMap);
CBitmap *pbmpOld=dcMem.SelectObject(&bmpBackground);
dc.StretchBlt(0,0,rect.Width(),rect.Height(),&dcMem,0,0,bitMap.bmWidth,bitMap.bmHeight,SRCCOPY);//画窗体
**************************************************************
}
}
这段代码的作用是将那幅背景图片画在窗体上, 其中我使用了StretchBlt来画出窗体,StretchBlt比BitBlt要慢许多，如果你想得到更好的速度，可以考虑建立与背景位图相同尺寸的窗体，然后用BitBlt来画出。CBitmap
bmpBackground;最好作为CInterfaceDlg的成员变量并在CInterfaceDlg::OnInitDialog中提前加载位图,感兴趣的朋友可以试试。
编译，运行。可看到修改后的效果，由于该图片是平铺在窗体上的，如果图片和窗体尺寸不一致就会导致图片发生扭曲。因此可将窗体调整到与图片相同或相近的尺寸大小，那么运行后看起来就顺眼多了。但是窗体边框还是不大对劲，于是再进vc的资源编辑器，将窗体的Border由“Dialog
Frame”该为“Thin”,重新编译，运行，搞定！
但是没过一秒钟就觉得这话说早了，标题栏没了，窗体怎么移动啊？
别急，车到山前必有路，我们不妨骗骗Windows。当我们的鼠标在窗体任意位置上拖动鼠标时，让Windows以为鼠标在标题栏上拖动，不就可以实现任意点击窗体的什么地方都可以移动窗体了吗？于是在CInterfaceDlg::OnLButtonDown(UINT nFlags, CPoint point)中添加下面一句：PostMessage(WM_NCLBUTTONDOWN,HTCAPTION,MAKELPARAM(point.x, point.y));该语句的作用是向系统发送HTCAPTION消息，让系统以为鼠标点在标题栏上。
现在编译，运行，真的搞定了！
二．按钮问题
Duba_GOP.exe中包括两类按钮，第一类就是上面所说的四个图片按钮，可以CBitmap类来实现：
在窗体上添加四个Button，设为Bitmap和OwnerDraw风格。为窗体添加4个CBitmap的成员变量，比如：
CBitmapButton m_StartBtn;并与这四个Button关联上，再在CInterfaceDlg::OnInitDialog()中添加：
m_StartBtn.LoadBitmaps(IDB_BITMAPONNORMAL,IDB_BITMAPONDOWN);//让窗体初始化时就加载按钮位图其中IDB_BITMAPONNORMA是一般状态下的按钮的图片ID，IDB_BITMAPONDOWN是鼠标按下时的按钮的图片ID。 合理摆放这四个按钮的位置，使其与Duba_GOP.exe界面上的位置一致，现在运行一下看看，界面增色不少吧。只是有一点：“开始扫描”这个按钮比较特殊，当鼠标点击时，会变成停止的位图，当再次点击时，又变成开始的位图，因此这个按钮拥有两套，4个位图。为此，再为CInterfaceDlg添加一个成员变量：
BOOL m_bEnable;并在CInterfaceDlg::OnInitDialog()中设其初值为True。
if(m_bEnable)
{
m_StartBtn.LoadBitmaps(IDB_BITMAPOFFNORMAL,IDB_BITMAPOFFDOWN);//加载位图
m_bEnable=false;
m_StartBtn.RedrawWindow();
}
else
{
m_StartBtn.LoadBitmaps(IDB_BITMAPONNORMAL,IDB_BITMAPONDOWN);//加载另一套位图
m_bEnable=true;
m_StartBtn.RedrawWindow();
}
以上代码的作用是控制两套位图的切换。// ColorButton.h : header file
class CColorButton : public CButton
{
……//省略了无关代码
public:
CBrush m_brush;
void SetBackColor(COLORREF BackColor);
protected:
COLORREF m_BackColor;
//{{AFX_MSG(CColorButton)
afx_msg HBRUSH CtlColor(CDC* pDC, UINT nCtlColor);
//}}AFX_MSG
DECLARE_MESSAGE_MAP()
……//省略了无关代码
}
// ColorButton.cpp
BEGIN_MESSAGE_MAP(CColorButton, CButton)
//{{AFX_MSG_MAP(CColorButton)
ON_WM_CTLCOLOR_REFLECT()
//}}AFX_MSG_MAP
END_MESSAGE_MAP()
void CColorButton::SetBackColor(COLORREF BackColor)
{
m_BackColor=BackColor; //设置背景颜色
m_brush.CreateSolidBrush(m_BackColor); //创建画刷
}
HBRUSH CColorButton::CtlColor(CDC* pDC, UINT nCtlColor)
{
pDC->SetBkMode(TRANSPARENT);//将背景设为透明
return (HBRUSH)m_brush;//返回自定义画刷
// return NULL;//将缺省的处理注销掉
}
好了，新类构造完成了。如何使用呢？将这三个CheckBox按钮声明为CColorButton类的三个成员变量，比如：
CColorButton m_ColorBtn1;不过要记得在CInterfaceDlg::OnInitDialog()中添加：
m_ColorBtn1.SubclassDlgItem(IDC_CHECK1,this);// IDC_CHECK1是其中一个CheckBox的ID m_ColorBtn1.SetBackColor(RGB(222,223,222));// RGB(222,223,222)就是窗体背景颜色现在编译一下，可以看到这三个按钮已经融入窗体背景之中，按钮问题已经全部解决了。
三．Static问题
这个界面上Static不少，中上部有一个Static有一种凹下去的效果，其实只需要一般的Static设置了“下沉”的风格即可。其余几个Static可算作一类，存在的问题和前面的一样，也就是背景颜色问题，为此又从CStatic中派生出CcolorStatic类，主要代码如下：
// ColorStatic.h : header file
class CColorStatic : public CStatic
{
……//省略了无关代码
public:
void SetTextColor(COLORREF TextColor);
COLORREF m_TextColor;
void SetBackColor(COLORREF BackColor);
void SetCaption(CString strCaption);
void Create(CString strCaption,COLORREF BackColor);
COLORREF m_BackColor;
CString m_strCaption;
protected:
//{{AFX_MSG(CColorStatic)
afx_msg int OnCreate(LPCREATESTRUCT lpCreateStruct);
afx_msg void OnPaint();
//}}AFX_MSG
DECLARE_MESSAGE_MAP()
}
// ColorStatic.cpp
BEGIN_MESSAGE_MAP(CColorStatic, CStatic)
//{{AFX_MSG_MAP(CColorStatic)
ON_WM_CREATE()
ON_WM_PAINT()
//}}AFX_MSG_MAP
END_MESSAGE_MAP()
void CColorStatic::OnPaint() //重画Static
{
CPaintDC dc(this); // device context for painting
CRect rect;
GetClientRect(&rect);
dc.SetBkColor(m_BackColor);
dc.SetBkMode(TRANSPARENT);
CFont *pFont=GetParent()->GetFont();//得到父窗体的字体
CFont *pOldFont;
pOldFont=dc.SelectObject(pFont);//选用父窗体的字体
dc.SetTextColor(m_TextColor);//设置文本颜色
dc.DrawText(m_strCaption,&rect,DT_CENTER);//将文本画在Static的中央
dc.SelectObject(pOldFont);
// Do not call CStatic::OnPaint() for painting messages
}
void CColorStatic::SetCaption(CString strCaption)
{
m_strCaption=strCaption;//设置Static文本
}
void CColorStatic::SetBackColor(COLORREF BackColor)
{
m_BackColor=BackColor;//设置背景颜色
}
void CColorStatic::SetTextColor(COLORREF TextColor)
{
m_TextColor=TextColor;//设置文字颜色
}
OK，这也是个很简单的类，主要功能就是可以设置该Static的文字颜色和背景颜色，但是已经基本满足我们的需要了。有一点缺陷就是下面三个Static应该还具备超链接的功能，不过你可以通过修改这个类来实现。或者直接用一个超链接类来替代也可以。
总之，这个问题也解决了，现在我们的程序运行起来已经非常像金山毒霸的Duba_GOP.exe了，做到这一步仿制任务已经基本完成，但是低头看看系统的任务栏你会发现自己的程序还不够完美，因为在任务栏上属于自己程序的那个小方块上空空如也，太不专业了。
请注意Windows是将程序的标题栏上的Caption和图标显示在任务栏上，而我的这个程序没有标题栏，故而什么也显示不出来，怎么办呢？办法在这里：
1.恢复标题在对话框的OnInitDialog()中添加：
SetWindowText("金山毒霸专杀工具");//设置对话框的标题为金山毒霸专杀工具
2.恢复图标
在对话框上打开属性对话框，重新选上“System Menu”和“Title Bar”风格。然后在对话框的OnInitDialog()中添加：
ModifyStyle(WS_CAPTION,WS_MINIMIZEBOX,SWP_DRAWFRAME);
现在运行起来看看，瞧！系统任务栏上熟悉的图标和标题又回来了。但是这样又带来一个问题：窗体最下面的那个Static在运行后与背景图片上金山毒霸2002几个字重叠在一起，很不好看。而且由于对话框的尺寸有限制，这个Static也移不到合适的位置，于是咱们只好在程序里动动脑筋了。比如在OnInitDialog()里加上几句：
CRect rect1; m_Link3.GetWindowRect(&rect1); rect1.top+=17; rect1.bottom+=17; m_Link3.MoveWindow(rect1.left,rect1.top,rect1.Width(),rect1.Height());//往下移17其中的m_Link3就是代表那个Static的成员变量。至于那个ListCtrl嘛，只不过在它的风格里去掉了边框而已。自此，大功告成!
弱弱的问. 界面说简单也很简单，似乎更多的是美工的事情。但灵活的界面控件也是需要精心的程序设计的。比如ActiveSkin写得不错，而且也很好用。但我们不能满足用用而已，需要有人研究下面的机制，这才是真正的程序设计。 这没什么,用ActiveSkin实现的界面比这个好看多了！ ( chocolate1 发表于 2003-2-8 13:46:00) "互联时代"新闻报道：北京的软件人员供需比已经达到了18：1 我要加菜单和工具栏，那怎么办？ ( Gdhdxiao060 发表于 2002-12-25 8:36:00) 将对话框最小化后再显示出来，会出现闪烁现象，解决的方法是： 使用没有标题栏的对话框，然后制作一个假的漂亮的标题栏。 to:qsx兄，这么说也不对。VC和FLASH不是干一个活的东西。这篇文章我就觉得挺有实质性的东西，写得很不错。 ( gauspican 发表于 2002-12-23 19:05:00) 我想问一下，使用VC重点是搞界面吗？没有什么实质性的东西，还不如使用Flash那 ( qsx 发表于 2002-12-23 16:48:00) 不错不错，非常不错，顶！！！！ ( gauspican 发表于 2002-12-23 14:53:00)