接上文:http://www.shnenglu.com/gaimor/archive/2010/09/30/128134.html
本文我們接著說UI庫的消息事件部分:
1.UI基本事件類型
基本上就下面幾種:
////////////////////////////////////////////////////////////
/// 枚舉UI消息類型
////////////////////////////////////////////////////////////
enum UI_EVENT
{
//! 鼠標(biāo)移動
UI_EVENT_MOUSE_MOVE = 0,
//! 鼠標(biāo)點(diǎn)擊
UI_EVENT_MOUSE_CLICK,
//! 鼠標(biāo)進(jìn)入
UI_EVENT_MOUSE_ENTERED,
//! 鼠標(biāo)退出
UI_EVENT_MOUSE_EXITED,
//! 鼠標(biāo)滾輪事件
UI_EVENT_MOUSE_WHEEL,
//! 字符輸入
UI_EVENT_CHAR_INPUT,
//! 鍵盤按鍵
UI_EVENT_KEY_PRESS,
//! 按鍵退出
UI_EVENT_KEY_RELEASE,
//! 焦點(diǎn)事件
UI_EVENT_LOST_FOCUSE,
UI_EVENT_GAIN_FOCUSE,
//! 滑塊事件
UI_EVENT_SLIDER_MOVE,
//! 編輯事件
UI_EVENT_EDIT,
//! 選擇,反選擇
UI_EVENT_SELECTED,
UI_EVENT_DESELECTED
};
2.
關(guān)于事件一般就3個相關(guān)對象:
事件,消息聽者和消息處理對象3個單元塊:
如下所示:
///////////////////////////////////////////////////////////
/// 定義引擎事件基類模板
///////////////////////////////////////////////////////////
template<class EventType = int>
class Event : NonCopyable
{
public:
///////////////////////////////////////////////////////
/// 事件基類構(gòu)造函數(shù)
///////////////////////////////////////////////////////
Event(const EventType& type):type_(type){}
////////////////////////////////////////////////////////
/// 事件基類析構(gòu)函數(shù)
////////////////////////////////////////////////////////
virtual ~Event(){}
////////////////////////////////////////////////////////
/// 獲取事件類型
////////////////////////////////////////////////////////
EventType GetEventType()const{return type_;}
private:
////////////////////////////////////////////////////////
/// 數(shù)據(jù)成員變量
////////////////////////////////////////////////////////
EventType type_;
};
////////////////////////////////////////////////////////////
/// 定義事件聽者基類
////////////////////////////////////////////////////////////
template<class Event,class Target>
class EventListener
{
public:
////////////////////////////////////////////////////////
/// 事件聽者虛析構(gòu)函數(shù)
////////////////////////////////////////////////////////
virtual ~EventListener(){}
////////////////////////////////////////////////////////
/// 消息派送
////////////////////////////////////////////////////////
virtual bool Dispatch(const Event& message,Target object) = 0;
};
////////////////////////////////////////////////////////////
/// 定義事件處理者基類
////////////////////////////////////////////////////////////
template<class Event,class EventListener>
class EventHandler
{
public:
////////////////////////////////////////////////////////
/// 事件聽者虛析構(gòu)函數(shù)
////////////////////////////////////////////////////////
virtual ~EventHandler(){}
////////////////////////////////////////////////////////
/// 消息處理
////////////////////////////////////////////////////////
virtual bool Process(const Event& message){return false;}
////////////////////////////////////////////////////////
/// 增加,移除事件消息
////////////////////////////////////////////////////////
virtual void AddEventListener(EventListener* listener){}
virtual void RemoveEventListener(EventListener* listener){}
};
然后便是模板實例:
typedef Event<UI_EVENT> UI_Event;
typedef EventListener<UI_Event,UI_Widget*> UI_EventListener;
typedef EventHandler<UI_Event,UI_EventListener*> UI_EventHandler;
說實話可以不這樣做而是用boost::function之類的函數(shù)綁定
但是沒法子這樣寫我習(xí)慣了 呵呵
2.下面是UI事件的承接部分:
通過UI管理器承接輸入輸出系統(tǒng)的消息響應(yīng):
{
////////////////////////////////////////////////////////////
/// 蓋莫GUI管理器
////////////////////////////////////////////////////////////
class GAPI UI_WidgetManager : public UI_EventListenerImpl
public:
////////////////////////////////////////////////////////
/// 按鍵處理
////////////////////////////////////////////////////////
bool OnMouseLeftDown(int x,int y);
bool OnMouseLeftUp(int x,int y);
bool OnMouseMiddleDown(int x,int y);
bool OnMouseMiddleUp(int x,int y);
bool OnMouseRightDown(int x,int y);
bool OnMouseRightUp(int x,int y);
bool OnMouseMove(int x,int y);
bool OnChar(wchar_t code);
bool OnKeyDown(int code);
bool OnKeyUp(int code);
bool OnMouseWheel(int z);
public:
3.事件生成:
以上2部分分別是UI事件對象系列和UI事件輸入部分
下面設(shè)計UI事件的生成
無論是鼠標(biāo)還是鍵盤事件實際上都相當(dāng)于生成了一個新的事件
舉例如下:
OnMouseLeftDown(int x,int y)
如果該函數(shù)被調(diào)用
那么就說明鼠標(biāo)的左鍵被點(diǎn)擊同時我們還知道了點(diǎn)擊的位置坐標(biāo)
這樣就生成了一個UI_MouseClickEvent
對象
不過這里需要考慮是鼠標(biāo)雙擊還是單擊
這就要考慮本次點(diǎn)擊和上次點(diǎn)擊的時間間隔了
這樣就生成了一個UI鼠標(biāo)事件
那本事件應(yīng)該傳給誰?
應(yīng)該是目標(biāo)對象
直觀一點(diǎn)應(yīng)該是傳給鼠標(biāo)當(dāng)前位置下的控件對象
但是考慮到實際情況
這里有一個聚焦控件和活動控件的概念
比如說我們打開一個對話框(這是一個聚焦控件)
對話框上有1個按鍵
當(dāng)用戶點(diǎn)擊本按鍵則消息發(fā)送給這個按鍵了
但是當(dāng)鼠標(biāo)移出對話框之外
一般情況其他控件此時處于非活動狀態(tài)
消息應(yīng)該發(fā)送給聚焦控件
所以這里至少有3各類型的控件指針分別為:聚焦控件,活動控件以及鼠標(biāo)下控件(當(dāng)然他們可以是同一控件)
在這里需要說明這三個控件是這樣切換的
如果發(fā)生特定的uI事件則修改當(dāng)前的聚焦控件等對象了
4.具體控件對消息的處理:
生成特定消息,并發(fā)送給相應(yīng)的控件對象之后那么控件就需要相應(yīng)該消息了:
控件對象的相關(guān)函數(shù):
///////////////////////////////////////////////////////////
/// 定義UI控件基類
///////////////////////////////////////////////////////////
class GAPI UI_Widget : public SlotHolder,public UI_EventHandler,public Object
{
public:
typedef std::list<UI_EventListener*> UIEventListener;
typedef std::list<UI_EventListener*>::iterator UIEventListenerItr;
void RemoveEventListener(UI_EventListener* listener);
////////////////////////////////////////////////////////
/// 消息處理
////////////////////////////////////////////////////////
virtual bool Process(const UI_Event& event)
在這里我們通過Process函數(shù)來接受UI管理器傳過來的消息對象.
這里是想要的處理
注意我們并不直接根據(jù)消息響應(yīng)控件的各種狀態(tài)!
而是通過迭代消息聽者鏈表的
如下:
bool UI_Widget::Process(const UI_Event& event)
{
bool ret = false;
if(IsVisible() && IsEnabled())
{
UIEventListenerItr it;
for(it = message_listeners_.begin();it != message_listeners_.end();++it)
{
UI_EventListener* listener = *it;
ret = ret || listener->Dispatch(event,this);
}
//! 處理控件邊框事件
if(border_)
border_->Process(event);
}
return ret;
}
當(dāng)消息傳來之后我們并不能確定這就是本控件所需要的消息需要驗證它
如何驗證?
就看當(dāng)前控件是不是可顯示和活動的咯
同時如何控件有邊框?qū)ο笪覀儎t把消息發(fā)給它以改變可能的邊框外觀
下篇:UI設(shè)計概要4:UI控件對象