求索阁

  总是会在论坛里看到类似这样的问题，“如何通过按钮更换一幅图片”，“怎样将图片显示在对话框中”，“MFC的PictureCtrl怎样操作”等等，不一而足。面对这类问题我一般都会建议通过CWnd派生一个自定义控件来自行处理，不过这话说起来容易，可是这个控件要如何实现呢？所以经常会想不妨做个例子和大家分享一下，当然如果大家有什么更好的办法我也可以从中学习借鉴。但问题又来了，这类例子简单实现其实就是一个函数的问题——OnPaint，但要做的精致些要处理的方面又太多，容易喧宾夺主。怎么才能找个折中的方案呢，什么样题材的例子更具代表性呢？这两天逛论坛一个帖子给了我启示，做个信号灯的控制，即可以说明问题又简单实用，大家还可以举一反三，这应该是个不错的主意，于是做了一个Demo，写了这篇文章。

      这回做了一个gif的效果图，我做了一个三态的状态灯，分别实现的正常（绿色）、警告（红色）和不可用（灰色）的状态表示。状态切换是通过单选按钮实现的，当然这个可以通过任何我们想要的方式控制。大家可以看得出来，这个例子做的比较粗糙，其实就是更换三张不同的图片，为了突出主要功能我没有添加不必要的修饰，比如镂空的处理等。

      落实到具体实现，正如前文所说我是通过CWnd派生出了一个CSignalLampCtrl来实现自定义控件，然后就是在这个类的OnPaint里绘制位图了。说到这我插一句，起初我刚做界面编程的时候每每遇到问题就会把需求往MFC的标准控件上靠，找一个最接近的重载自绘一下，如果没有接近的就统统重载CStatic实现。可后来发现，静态控件也有很多的特殊处理，为了实现“静态”static有很多处理是我们做一般控件时不需要的，所以在使用这种控件的时候就会产生很多不必要的麻烦。所以后来我开始尝试通过自定义控件解决问题，而且越来越适应这种方式。自定义控件虽然没有一些现成可用的消息，但是它给了我们最大的控制权和自由度，使我们可以做到随心所欲没有束缚。

      使用自定义控件只需要注意一个小细节，控件的属性编辑器里可以看到Class项，这里要填写控件的类名。同时这个类名要进行注册，所以在我的类中可以找到RegisterCtrlClass，它的具体实现代码为

[cpp] view plaincopy

1. void CSignalLampCtrl::RegisterCtrlClass()  
2. {  
3. HINSTANCE hInstance = AfxGetInstanceHandle(); 
5.     WNDCLASS    wndclsCtrl;  
6.     ZeroMemory(&wndclsCtrl, sizeof(WNDCLASS)); 
8. if(::GetClassInfo(hInstance, STR_CLASS_NAME, &wndclsCtrl))  
9. return; 
11. //设置控件类信息
12.     wndclsCtrl.style            = CS_HREDRAW | CS_VREDRAW | CS_OWNDC;  
13.     wndclsCtrl.lpfnWndProc        = ::DefWindowProc;  
14.     wndclsCtrl.cbClsExtra        = 0;  
15.     wndclsCtrl.cbWndExtra        = 0;  
16.     wndclsCtrl.hInstance        = hInstance;  
17.     wndclsCtrl.hIcon            = NULL;  
18.     wndclsCtrl.hCursor            = AfxGetApp()->LoadStandardCursor(IDC_ARROW);  
19.     wndclsCtrl.hbrBackground    = NULL;  
20.     wndclsCtrl.lpszMenuName        = NULL;  
21.     wndclsCtrl.lpszClassName    = STR_CLASS_NAME; 
23. //注册控件类
24.     AfxRegisterClass(&wndclsCtrl);  
25. } 

我通常将它放到控件的构造函数中以便使用时自动进行注册。

      关于这个例子其实也没有什么需要特别说明的，OnPaint函数很简单，就是绘制一张位图，我的位图都是放到资源中的，当然通过文件读进来显示也没有问题。而且通过CImage或GDI+我们也可以显示非位图的图像，这个有兴趣的读者可以自行尝试。OnPaint的代码如下

[cpp] view plaincopy

1. void CSignalLampCtrl::OnPaint()  
2. {  
3.     CBitmap        bmLight;  
4.     BITMAP        bmData;  
5.     CPaintDC    dc(this);  
6.     CDC*        pMemDC = new CDC; 
8.     bmLight.LoadBitmap(nIDBitmap);  
9. //获取位图数据
10.     bmLight.GetBitmap(&bmData); 
12. //创建兼容DC
13.     pMemDC->CreateCompatibleDC(&dc); 
15. //贴图
16.     CBitmap        *pOldBitmap    = pMemDC->SelectObject(&bmLight);  
17.     dc.BitBlt(0, 0, bmData.bmWidth, bmData.bmHeight, pMemDC, 0, 0, SRCCOPY);  
18.     pMemDC->SelectObject(pOldBitmap); 
20. delete    pMemDC;  
21. } 

可以注意到加载位图的时候是通过一个变量nIDBitmap实现的，这里存放欲显示的位图的资源ID，切换位图就是切换这个ID，我做了一个函数SetState来实现

[cpp] view plaincopy

1. void CSignalLampCtrl::SetState(StateType nState)  
2. {  
3. switch(nState)  
4.     {  
5. case Normal:nIDBitmap = IDB_BITMAP_GREEN;break;  
6. case Warning:nIDBitmap = IDB_BITMAP_RED;break;  
7. case Disable:nIDBitmap = IDB_BITMAP_GRAY;break;  
8.     } 
10.     Invalidate();  
11. } 

而在radio消息中对它的调用也很简单

[cpp] view plaincopy

1. void CSignalLampDlg::OnBnClickedRadioNormal()  
2. {  
3.     UpdateData(); 
5.     m_slDemo.SetState((CSignalLampCtrl::StateType)m_nState);  
6. } 

这里大家可以使用任何一种自己认为合理的切换图片的方式，如果通过OnTimer消息控制信号灯的状态切换就可以实现信号灯闪烁的动画效果。最后要提的一点是我在PreSubclassWindow中我对控件的大小做了限制，使其与图片的大小相同，具体代码为

[cpp] view plaincopy

1. void CSignalLampCtrl::PreSubclassWindow()  
2. {  
3.     CWnd::PreSubclassWindow(); 
5.     CRect        rectCtrl;  
6.     CBitmap        bmLight;  
7.     BITMAP        bmData; 
9.     bmLight.LoadBitmap(nIDBitmap);  
10. //获取位图数据
11.     bmLight.GetBitmap(&bmData); 
13.     GetWindowRect(rectCtrl);  
14.     rectCtrl.bottom    = rectCtrl.top+bmData.bmHeight;  
15.     rectCtrl.right    = rectCtrl.left+bmData.bmWidth;  
16.     GetParent()->ScreenToClient(rectCtrl);  
17.     MoveWindow(rectCtrl);  
18. } 

好了，关于这个例子就介绍完了，有兴趣的朋友可以下载示例源码看看，希望大家提出宝贵意见。由于水平有限例子功能过于简单，让大家见笑了。