WIN32界面开发之三:DUI雏形开发(二)

前言:上篇《WIN32界面开发之三:DUI雏形开发(一)》讲解了界面加载框架的创建,但我们的这些控件并没有起到控件的作用,现在还无法响应我们的点击事件和其它事件,所以我们先给我们的框架添加上EVENT事件机制,然后我们再讲解,为什么我们还要加上NOTIFY通知机制,以及如何添加NOTIFY机制。

一、添加EVENT事件机制

基本思想:以通知某个按钮LButtonDown为例,我们首先在HandleMessage()中,截获WM_LBUTTONDOWN消息,然后根据点击位置,找到某个控件,然后发送EVENT消息通知它。在这个控件收到EVNET通知后,然后根据事件类型,重新绘图。这里涉及到几个问题,1:我们如何根据点击位置找到点击的是哪个控件呢?这个问题的解决在FFindCtrlFromPT实现。2:我们发送EVENT消息给控件时,这个消息结构体应该包含哪些内容?,这个问题的解决在下面的EVENT结构体定义。3:在收到EVNET消息以后,我们的控件怎么判断出消息类型呢,这些消息类型就是我们下面要讲的事件类型枚举。

(一)、事件相关定义

1、事件类型枚举

在添加事件之前,我们要先对我们要先枚举出我们所要添加的事件,这些事件也就是我们感兴趣的事件,比如MOUSEENTER、MOUSELEAVE、BUTTONDOWN、DBLCLICK……,记住这些不是给用户看的,只是为了让我们的控件识别用的。只是为了告诉我们的控件现在用户怎么样我们的控件了,我们的控件在绘图上应该怎么样改变!!!比如当MOUSEIN的时候换成另一个背景图,MOUSELEAVE的时候还原原来的背景图。

[cpp]  view plain copy
  1. typedef enum EVENTTYPE_UI  
  2. {  
  3.     UIEVENT__FIRST = 0,  
  4.     UIEVENT_MOUSEMOVE,  
  5.     UIEVENT_MOUSELEAVE,  
  6.     UIEVENT_MOUSEENTER,  
  7.     UIEVENT_MOUSEHOVER,  
  8.     UIEVENT_BUTTONDOWN,  
  9.     UIEVENT_BUTTONUP,  
  10.     UIEVENT_DBLCLICK,  
  11. };  
2、消息结构体定义

[cpp]  view plain copy
  1. typedef struct tagTEventUI  
  2. {  
  3.     int Type;  //消息类型  
  4.     CControlUI* pSender; //发送消息者  
  5.     DWORD dwTimestamp;//时间戳  
  6.     POINT ptMouse;//如果是单双击事件,则传递点击的鼠标位置  
  7.     TCHAR chKey;//如果是按键消息,则传递按下的是哪个键  
  8.     WORD wKeyState;//键状态  
  9.     WPARAM wParam;//WPARAM  
  10.     LPARAM lParam;//LPARAM  
  11. } TEventUI;  
3、FindCtrlFromPT()原理及实现
由于CDialogUI布局范围是整个窗体,所以我们先在CDialogUI中调用FindCtrlFromPT(POINT pt),那FindCtrlFromPT该怎么实现呢,看代码:
[cpp]  view plain copy
  1. CControlUI* CContainerUI::FindCtrlFromPT(POINT pt)  
  2. {  
  3.     if (!::PtInRect(&m_RectItem,pt)) return NULL;///如果不在当前容器内,则直接返回NULL;  
  4.     forint it = 0; it != m_items.GetSize(); it++ ) {  
  5.         CControlUI* pControl = static_cast<CControlUI*>(m_items[it])->FindCtrlFromPT(pt);  
  6.         if( pControl != NULL ) return pControl;  
  7.     }  
  8.     return CControlUI::FindCtrlFromPT(pt);  
  9.   
  10. }  
大家可以看到,我们是在CContainerUI中实现的(声明为虚函数),并没有在CDialogUI实现,这是因为CContainerUI也是容器类型,他们两个查找子控件的算法是一样的,所以我们只要把FindCtrlFromPT()声明为CContainerUI的虚函数,让CDialogUI去继承就好了,当然了,CDialogUI也可以重写,不过在这里没这个必要。
另外FindCtrlFromPT()的返回值,是看是不是在控件的范围内,所以给CControlUI也应该加上这个函数的定义。

[cpp]  view plain copy
  1. CControlUI* CControlUI::FindCtrlFromPT(POINT pt)  
  2. {  
  3.     if (::PtInRect(&m_RectItem,pt))  
  4.     {  
  5.         return this;  
  6.     }else  
  7.     {  
  8.         return NULL;  
  9.     }  
  10. }  

(二)拦截消息,转发给控件

1、我们先拦截一个吧(WM_LBUTTONDOWN),看代码:
[cpp]  view plain copy
  1. case WM_LBUTTONDOWN:  
  2.     {  
  3.         POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };  
  4.   
  5.         CControlUI* pControl = m_root->FindCtrlFromPT(pt);//找到点击的控件  
  6.         if( pControl == NULL ) break;  
  7.   
  8.         m_pEventClick=pControl;  
  9.   
  10.         TEventUI event = { 0 };  
  11.         event.Type = UIEVENT_BUTTONDOWN;  
  12.         event.wParam = wParam;  
  13.         event.lParam = lParam;  
  14.         event.ptMouse = pt;  
  15.         event.wKeyState = wParam;  
  16.         event.dwTimestamp = ::GetTickCount();  
  17.         pControl->SetHwnd(GetHWND());///将HWND传递给CControl,用于SendMessage  
  18.   
  19.         pControl->Event(event); //发送消息  
  20.         // We always capture the mouse  
  21.         ::SetCapture(GetHWND());注意,只有在点在控件内的时候才要SetCapture,否则会造成托动窗口时,会无效,  
  22.         //因为上面用FindCtrlFromPT找到了控件,这时应该让这个控件获得焦点  
  23.     }  
  24.     break;  

讲解:
1、这里的顺序就是:先根据点击的位置,获取点击的控件,然后向控件发送消息,最后让该控件获得焦点
2、这里注意一下,多了一句pControl->SetHwnd(),上节我们讲了控件为什么也要HWND,因为SendMessage(),还记得么,SendMessage的第一个参数,就是我们窗体的HWND。
3、多了个变量,CControlUI *m_pEventClick;这个变量是为了记录当前获取事件的控件,以便WM_LBUTTONUP中发送事件消息。

2、拦截第二个消息(WM_LBUTTONUP)

[cpp]  view plain copy
  1. case WM_LBUTTONUP:  
  2.     {  
  3.         if (m_pEventClick==NULL) break;  
  4.   
  5.         POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };  
  6.         ::ReleaseCapture();  
  7.         TEventUI event = { 0 };  
  8.         event.Type = UIEVENT_BUTTONUP;  
  9.         event.wParam = wParam;  
  10.         event.lParam = lParam;  
  11.         event.ptMouse = pt;  
  12.         event.wKeyState = wParam;  
  13.         event.dwTimestamp = ::GetTickCount();  
  14.   
  15.         m_pEventClick->Event(event);  
  16.   
  17.         m_pEventClick = NULL;  
  18.     }  
  19.     break;  

(三)控件处理

1、声明变量,标识当前控件状态

[cpp]  view plain copy
  1. UINT m_uButtonState;//按钮状态  
记得初始化为0;

2、添加EVNET()函数

其实是,我们将EVENT()函数,在CControlUI中声明为虚函数,并不具体实现,只留一个接口,现在是在CButtonUI中的具体实现,看代码吧:

[cpp]  view plain copy
  1. void CButtonUI::Event(TEventUI& event)  
  2. {  
  3.     if( event.Type == UIEVENT_BUTTONDOWN || event.Type == UIEVENT_DBLCLICK )  
  4.     {  
  5.         if( ::PtInRect(&m_RectItem, event.ptMouse)) {  
  6.             m_uButtonState |= UISTATE_PUSHED | UISTATE_CAPTURED;  
  7.   
  8.             Invalidate();  
  9.         }  
  10.     }  
  11.     if( event.Type == UIEVENT_MOUSEMOVE )  
  12.     {  
  13.         if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {  
  14.   
  15.             Invalidate();  
  16.         }  
  17.     }  
  18.     if( event.Type == UIEVENT_BUTTONUP )  
  19.     {  
  20.         if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {  
  21.             m_uButtonState &= ~(UISTATE_PUSHED | UISTATE_CAPTURED);  
  22.             Invalidate();  
  23.         }  
  24.     }  
  25.     if( event.Type == UIEVENT_MOUSEENTER)  
  26.     {  
  27.         m_uButtonState |= UISTATE_HOT;  
  28.         Invalidate();  
  29.     }  
  30.     if( event.Type == UIEVENT_MOUSELEAVE)  
  31.     {  
  32.         m_uButtonState &= ~UISTATE_HOT;  
  33.         Invalidate();  
  34.     }  
  35. }  
这部分也没什么难的,就是根据当前不同的状态,给m_uButtonState添加上不同的值,供绘图时判断当前的控件状态。
3、绘图函数(DoPaint)

[cpp]  view plain copy
  1. assert(hDC);  
  2. Graphics graph(hDC);  
  3. if( (m_uButtonState & UISTATE_DISABLED) != 0 ) {  
  4.     graph.FillRectangle(&SolidBrush(Color::Gray),m_RectItem.left,m_RectItem.top,m_RectItem.right-m_RectItem.left,m_RectItem.bottom-m_RectItem.top);  
  5. }  
  6. else if( (m_uButtonState & UISTATE_PUSHED) != 0 ) {  
  7.     graph.FillRectangle(&SolidBrush(Color::Red),m_RectItem.left,m_RectItem.top,m_RectItem.right-m_RectItem.left,m_RectItem.bottom-m_RectItem.top);  
  8. }  
  9. else{  
  10.     graph.FillRectangle(&SolidBrush(Color::Green),m_RectItem.left,m_RectItem.top,m_RectItem.right-m_RectItem.left,m_RectItem.bottom-m_RectItem.top);  
  11. }  
  12.   
  13. graph.ReleaseHDC(hDC);  
讲解:不难理解,就是根据当前不同的控件状态,给按钮绘制不同的颜色。当点击时,是红色,放开时,是绿色。

添加EVENT后,点击任一个按钮,界面如图

二、添加NOTIFY机制

问题提出及解决:试想一下,上面的EVENT机制能够通知我们的控件,当前控件应该处于哪种状态,并完成哪种绘制,但,当用户想点击控件的时候托动窗体,或者在点击控件的时候弹出另一个窗体该怎么办呢????这,就是NOTIFY通知机制,比如当前控件处理BUTTON—DWON的状态时,我们就向用户发送“click”通知消息,又比如,当我们的控件处于"BUTTON-DOWN"同时又具有"MOUSE-MOVE" 状态时,我们就向用户发送“drag”(拖动)通知消息

(一)、抽象与派生

1、通知消息结构体定义

与EVENT相似,要发送通知消息,总是以结构体为单位的,这样能包含的信息多一些,而这里的消息通知的结构体定义围绕着我们感兴趣的几个变量,如消息发送者(控件)、消息类型、时间戳、鼠标信息等,具体定义如下:

[cpp]  view plain copy
  1. typedef struct tagTNotifyUI   
  2. {  
  3.     CStdString sType;  //消息类型  
  4.     CControlUI* pSender;  //发送者  
  5.     DWORD dwTimestamp;//时间戳  
  6.     POINT ptMouse;//鼠标位置  
  7.     WPARAM wParam;//WPARAM  
  8.     LPARAM lParam;//LPARAM  
  9. } TNotifyUI;  
2、接口抽象(INotifyUI)
由于我们的NOTIFY机制是一个功能独立的模块,所以我们把它单独抽象为一个类,定义如下:
[cpp]  view plain copy
  1. class INotifyUI  
  2. {  
  3. public:  
  4.     virtual void Notify(TNotifyUI& msg) = 0;  
  5. };  
如定义可知,这个类只包含一个纯虚函数,Notify(),参数为一个TNotifyUI的结构体
3、派生 (CStartPage)

将我们的窗体类CStartPage派生自INotifyUI,即在声明中添加:

[cpp]  view plain copy
  1. class CStartPage: public CWindowWnd, public INotifyUI  
  2. {  
  3. virtual void Notify(TNotifyUI& msg);  
  4.  };  

记得实现Notify()函数。这个我们就写说个声明,最后我们会写出实现代码。

(二)、发送与接收

我们到底想实现怎么样的功能呢,我就是想只在CStartPage中的Notify中获取当前发送NOTIFY的控件及消息内容,然后处理,所以我们应该在CControlUI中定义一个INotifyUI变量,用来保存CStartPage的this指针,然后在需要发送NOTIFY的地方,直接调用this->Notify(msg)即可,这就是第二部分的实现内容:
一、CContolUI中封装CStartPage的this指针

1、CControlUI中变量定义(INotifyUI *m_pNotifyer;)

因为我们要用的是CStartPage中的Notify函数,所以我们将其声明为它的基类类型,当我们调用m_pNotifyer->Notify(msg)时,根据虚函数的派生关系,就会调用到CStartPage中的Notify()函数了。
我们一般将此类变量封装成parivate类型,所以我们要加一个设置函数,如下:

[cpp]  view plain copy
  1. virtual void SetNotifyer(INotifyUI * pCtrl){m_pNotifyer=pCtrl;}  
2、使用SetNotifyer()
在CStartPage的HandleMessage中,添加SetNotifier(this);,其它代码都是EVENT的

[cpp]  view plain copy
  1. case WM_LBUTTONDOWN:  
  2.     {  
  3.         POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };  
  4.   
  5.         CControlUI* pControl = m_root->FindCtrlFromPT(pt);  
  6.         if( pControl == NULL ) break;  
  7.   
  8.         m_pEventClick=pControl;  
  9.   
  10.         TEventUI event = { 0 };  
  11.         event.Type = UIEVENT_BUTTONDOWN;  
  12.         event.wParam = wParam;  
  13.         event.lParam = lParam;  
  14.         event.ptMouse = pt;  
  15.         event.wKeyState = wParam;  
  16.         event.dwTimestamp = ::GetTickCount();  
  17.         pControl->SetHwnd(GetHWND());///将HWND传递给CControl,用于SendMessage  
  18.   
  19.         pControl->SetNotifyer(this);  
  20.         pControl->Event(event);  
  21.   
  22.         ::SetCapture(GetHWND());注意,只有在点在控件内的时候才要SetCapture,否则会造成托动窗口时,会无效,  
  23.         //因为上面用FindCtrlFromPT找到了控件,这时应该让这个控件获得焦点  
  24.     }  
  25.     break;  
  26. case WM_LBUTTONUP:  
  27.     {  
  28.         if (m_pEventClick==NULL) break;  
  29.   
  30.         POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };  
  31.         ::ReleaseCapture();  
  32.         TEventUI event = { 0 };  
  33.         event.Type = UIEVENT_BUTTONUP;  
  34.         event.wParam = wParam;  
  35.         event.lParam = lParam;  
  36.         event.ptMouse = pt;  
  37.         event.wKeyState = wParam;  
  38.         event.dwTimestamp = ::GetTickCount();  
  39.   
  40.         m_pEventClick->SetNotifyer(this);  
  41.         m_pEventClick->Event(event);  
  42.   
  43.         m_pEventClick = NULL;  
  44.     }  
  45.     break;  
我们再添加一个对消息的响应,大家试想一下,如果我在点击的按钮,然后移动鼠标的话,那应该发送给用户什么消息呢?对,“Drag”消息!!!!所以我们要在CStartPage中拦截WM_MOUSEMOVE消息,代码如下:
[cpp]  view plain copy
  1. case WM_MOUSEMOVE:  
  2.     {  
  3.         POINT pt = { GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam) };  
  4.   
  5.         CControlUI* pNewHover = m_root->FindCtrlFromPT(pt);  
  6.         TEventUI event = { 0 };  
  7.         event.ptMouse = pt;  
  8.         event.dwTimestamp = ::GetTickCount();  
  9.   
  10.         if( m_pEventClick != NULL ) {  
  11.             event.Type = UIEVENT_MOUSEMOVE;  
  12.             event.pSender = NULL;  
  13.             ::ReleaseCapture();///增加这个  
  14.             m_pEventClick->Event(event);  
  15.         }  
  16.         else if( pNewHover != NULL ) {  
  17.             event.Type = UIEVENT_MOUSEMOVE;  
  18.             event.pSender = NULL;  
  19.             pNewHover->Event(event);  
  20.         }  
  21.     }  
  22.     break;  
二、控件中的发送消息
借助于事件消息,在鼠标按下的时候,发送“click”消息,当同时具有鼠标按下和鼠标移动的状态时,发送“drag”消息
[cpp]  view plain copy
  1. void CButtonUI::Event(TEventUI& event)  
  2. {  
  3.     if( event.Type == UIEVENT_BUTTONDOWN || event.Type == UIEVENT_DBLCLICK )  
  4.     {  
  5.         if( ::PtInRect(&m_RectItem, event.ptMouse)) {  
  6.             m_uButtonState |= UISTATE_PUSHED | UISTATE_CAPTURED;  
  7.   
  8.             TNotifyUI Msg;  
  9.             POINT pt;pt.x=0;pt.y=0;  
  10.             Msg.pSender = this;  
  11.             Msg.sType =_T("click");  
  12.             Msg.wParam = 0;  
  13.             Msg.lParam = 0;  
  14.             Msg.ptMouse =pt;  
  15.             Msg.dwTimestamp = ::GetTickCount();  
  16.             // Allow sender control to react  
  17.             INotifyUI* pNotifier=static_cast<INotifyUI*>(m_pNotifyer);  
  18.             pNotifier->Notify(Msg);  
  19.   
  20.             Invalidate();  
  21.         }  
  22.     }  
  23.     if( event.Type == UIEVENT_MOUSEMOVE )  
  24.     {  
  25.         if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {  
  26.   
  27.             TNotifyUI Msg;  
  28.             POINT pt;pt.x=0;pt.y=0;  
  29.             Msg.pSender = this;  
  30.             Msg.sType =_T("drag");  
  31.             Msg.wParam = 0;  
  32.             Msg.lParam = 0;  
  33.             Msg.ptMouse =pt;  
  34.             Msg.dwTimestamp = ::GetTickCount();  
  35.             // Allow sender control to react  
  36.             INotifyUI* pNotifier=static_cast<INotifyUI*>(m_pNotifyer);  
  37.             pNotifier->Notify(Msg);  
  38.   
  39.             Invalidate();  
  40.         }  
  41.     }  
  42.     if( event.Type == UIEVENT_BUTTONUP )  
  43.     {  
  44.         if( (m_uButtonState & UISTATE_CAPTURED) != 0 ) {  
  45.             m_uButtonState &= ~(UISTATE_PUSHED | UISTATE_CAPTURED);  
  46.             Invalidate();  
  47.         }  
  48.     }  
  49.     if( event.Type == UIEVENT_MOUSEENTER)  
  50.     {  
  51.         m_uButtonState |= UISTATE_HOT;  
  52.         Invalidate();  
  53.     }  
  54.     if( event.Type == UIEVENT_MOUSELEAVE)  
  55.     {  
  56.         m_uButtonState &= ~UISTATE_HOT;  
  57.         Invalidate();  
  58.     }  
  59. }  
三、CStartPage中接收Notify消息
这就是对CStartPage的Notify消息的具体实现了,代码如下:
[cpp]  view plain copy
  1. void CStartPage::Notify(TNotifyUI& msg)  
  2. {  
  3.     if (msg.sType==L"click")  
  4.     {  
  5.         //SendMessage(m_hwnd, WM_NCLBUTTONDOWN, HTCAPTION, NULL);  
  6.         //MessageBox(NULL,L"1122",L"cation",MB_OK);  
  7.     }  
  8.     if (msg.sType==L"drag")  
  9.     {  
  10.         SendMessage(GetHWND(), WM_NCLBUTTONDOWN, HTCAPTION, NULL);  
  11.         SendMessage(GetHWND(), WM_LBUTTONUP, NULL, NULL);  
  12.     }  
  13.   
  14. }  
实现的功能,当drag的时候,拖动窗体,当然大家还可以判断发送方是不是Button控件,做进一步识别。
现在的界面如下,在点击按钮的时候可以托动。


本文由HARVIC完成,如若转载,请标明出处,请大家尊重初创者的版权,谢谢!!

源文地址:http://blog.csdn.net/harvic880925/article/details/9612075

源码地址:http://download.csdn.net/detail/harvic880925/5837779

声明:感谢金山影音漂亮的界面图片,该图片来自网络。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值