系统环境:Windows 7
软件环境:Visual C++ 2008 SP1
本次目的:使用位图按钮,并且设置按钮的鼠标悬停效果
在用MFC开发时,界面是比较不好开发的一块。VC中自带了CBitmapButton类,但是用途不多,网上很多Button类的派生类蛮实用的,但是若是简单的位图按钮用自带的CBitmapButton就可以实现了,以下是效果图:
![](http://img.e-com-net.com/image/info8/c10392a244b842b4b5e797266ede3f9c.gif)
步骤一:新建基于对话框工程,放置一个按钮,可以适当调整大小,设置其Owner Draw属性为TRUE,右键为按钮添加变量,改变其变量类型为CBitmapButton,按确定完成;
![](http://img.e-com-net.com/image/info8/901c478027614e04a193c21269430daa.png)
步骤二:导入按钮位图,这里四幅图大小要一致,以下是四种状体的按钮,若读者要实验这次的设计的话,可以右键另存为,然后用“画图”把png格式的另存为bmp格式的。在资源视图,右键“添加资源”,“导入”以下图片:
![](http://img.e-com-net.com/image/info8/4fbc1c47cdad4e06a41d066d76328cc7.jpg)
![](http://img.e-com-net.com/image/info8/afb1596951e14e80ab954d0adece160a.jpg)
![](http://img.e-com-net.com/image/info8/e40017ac98a84fa9a5d46a54eb5e44d2.jpg)
![](http://img.e-com-net.com/image/info8/012358a209ff45029c7ca9cb4974ac57.jpg)
步骤三:初始化工作,在对话框的OnInitDialog()函数里面添加以下代码:
- m_btButton.LoadBitmaps(IDB_BITMAP1,IDB_BITMAP2,IDB_BITMAP3,IDB_BITMAP4);
- m_btButton.SizeToContent();
步骤四:为控制位图按钮的可用、不可用添加代码,这是为了验证第四种状态的按钮:
- void CTestDlg::OnBnClickedButton2()
- {
- m_btButton.EnableWindow(0);
- }
- void CTestDlg::OnBnClickedButton3()
- {
- m_btButton.EnableWindow();
- }
步骤五:到这里已经完成了位图按钮的实现,编译运行可以看到结果。但是鼠标滑过的时候,按钮并不会感应到焦点的存在。这里用定时器捕获焦点在按钮上,并且改变此时的按钮状体为第三种图片。首先为窗体添加OnTimer()事件,在OnTimer()函数里面填写如下代码:
- void CTestDlg::OnTimer(UINT_PTR nIDEvent)
- {
-
- if (1==nIDEvent)
- {
- POINT p;
- GetCursorPos(&p);
- CWnd *hwnd;
- hwnd=WindowFromPoint(p);
- CWnd *hwnd2=GetDlgItem(IDC_BUTTON1);
- if (hwnd2 == hwnd)
- {
- if (GetFocus()!=hwnd2)
- hwnd2->SetFocus() ;
- }
- else
- {
- if (GetFocus() == hwnd2 )
- GetDlgItem(IDC_BUTTON2)->SetFocus();
- }
- }
- CDialog::OnTimer(nIDEvent);
- }
最后在对话框的OnInitDialog()函数里面添加开启定时器,时间间隔200ms足够了。
完成后,运行就可实现与文章开头所示的图片一样的效果
利用CBitmapButton类实现位图按钮的两种方法:
方法一:
1、在资源编辑的时候选中按钮的 Owner draw 属性,不需要选择 Bitmap 属性.
按钮右键-->Styles-->Owner draw
2、在程序中定义一个CBitmapButton成员变量。
注意:不能使用ClassWizard为按钮映射一个CButton变量,然后改为CBitmapButton,
这么做并不能将按钮直接映射为CBitmapButton类的对象,反而会出现初始化错误
3、使用CBitmapButton::LoadBitmaps装载各种状态的图片,
使用CBitmapButton::SubclassDlgItem关联到想要的按钮,
使用CBitmapButton::SizeToContent函数使按钮适合图片大小。
注意Loadbitmaps一定要在关联到按钮之前进行!
附:添加资源Bitmap的方法:Insert菜单-->Resource -->Resource type:Bitmap-->Import,
之后选择所需的图片就可以了
方法一的例子:
首先,选中按钮的owner Draw属性,在资源中加载两副*.bmp格式的位图,
然后在对话框类中加入:
1
CBitmapButton m_btnX1;
2
//定义变量,
必须放在函数外面才能正常实现
3
4
BOOL CXXXXXXX::OnInitDialog()
5
{
6
CDialog::OnInitDialog();
7![](http://img.e-com-net.com/image/info8/15ddc02491414795b580f76d13125041.gif)
8
m_btnX1.LoadBitmaps(IDB_XXXX_UP,IDB_XXXX_DOWN);
9
//这里是两副位图,鼠标按下和弹起,
10
// 也可以只加一个ID资源;
11
m_btnX1.SubclassDlgItem(IDC_DASEN_X1,this);
12
m_btnX1.SizeToContent();
13
}
14
![](http://img.e-com-net.com/image/info8/20486711ecd34e998f0a93807eacc85f.gif)
15
文章引用自:http:
//
blog.sina.com.cn/s/blog_44e571d70100080o.html
16
方法二:使用CBitmapButton::AutoLoad函数关联到想要的按钮
需要注意:
A、使用CBitmapButton::AutoLoad函数之前不能使用CBitmapButton::LoadBitmaps装载
各种状态的图片,否则会出错。
B、AutoLoad函数完成关联和改变按钮大小的功能。类似于上面CBitmapButton::SubclassDlgItem
和CBitmapButton::SizeToContent函数的功能。
C、CBitmapButton::AutoLoad使用的位图是默认资源ID的,即它会自动装载相关资源位图。
位图的资源ID格式为:
"按钮Caption+U"、"按钮Caption+D"、"按钮Caption+F"、"按钮Caption+X",
分别代表Up、Down、Focus、Disable状态。
如资源编辑时,希望关联的按钮的Caption为Test,
那么其默认装载的位图资源的ID为:"TestU"/"TestD"/"TestF"/"TestX",
注意分号""也是其ID的一部分。
方法二例子:
首先,选中Caption为:"myBitmapButton"按钮的owner Draw属性
其次,添加两个位图资源,并修改其ID分别为:"myBitmapButtonU"和"myBitmapButtonD",这里只添加两个位图
然后在对话框类中加入:
1
CBitmapButton m_btnX1;
//
必须放在函数外面才能正常实现
2
BOOL CXXXXXXX::OnInitDialog()
3
{
4
CDialog::OnInitDialog();
5
6
m_btnX1.AutoLoad(IDC_BUTTON1,
this
);
//
ID为IDC_BUTTON1的按钮的Caption为:myBitmapButton
7
}
至此两种方法就都结束了。