wxWidgets和MVVM模式 3

 上回说到数据与界面基本分离, 并可以进行单元测试.

这次的目标是仿照MVVM的模式, 进行数据和事件的绑定, UI与事件分离.

首先, 新建一个MyViewModel类,来保存数据和事件函数. UI需要更新Lebel, 需要监听MyViewMode中数据更新.因此引进了观察者模式.

Code Snippet

1. class wxString;
2. struct ISystemEventListener
3. {
4. virtual void OnSystemEvent(const wxString& propertyName) = 0;
5. };
7. struct ISystemEventDispatcher
8. {
9. virtual bool RegisterListener(ISystemEventListener* pListener) = 0;
10. virtual bool RemoveListener(ISystemEventListener* pListener) = 0;
11. virtual void OnSystemEvent(const wxString& propertyName) = 0;
12. };

这样在MyViewModel中保存其成员就可以监听事件了. MyViewModel方法如下

Code Snippet

1. class MyViewModel
2. {
3. public:
4. void OnClickButton(wxCommandEvent& event);
5. wxString m_Name;
6. SystemEventDispatcherImp m_Listener;

在UI类MyDialog需要继承观察者接口, 然后建立如下模板, 就可以对数据和更新事件的进行监听

Code Snippet

1. template<class T>
2. void MyDialog::SetViewData( boost::shared_ptr<T> pViewModel )
3. {
4. wxStaticText* pText = (wxStaticText*) FindWindow(ID_LABEL);
5. pText->SetValidator(wxGenericValidator(&(pViewModel->m_Name)));
7. pViewModel->m_Listener.RegisterListener(this);
8. }

最后一步, 把MyViewModel中的事件函数绑定到MyModel的button上. 可以使用wxWidgets的方式, 对MyDialog压入EventHandler, 如下

MyViewDialog继承自wxEvtHandler, 并绑定事件. 完整MyViewDialog如下

Code Snippet

1. class MyViewModel: public wxEvtHandler
2. {
3. public:
4. MyViewModel(void);
5. ~MyViewModel(void);
6. void OnClickButton(wxCommandEvent& event);
7. wxString m_Name;
8. SystemEventDispatcherImp m_Listener;
9. private:
10. DECLARE_EVENT_TABLE()
11. };

Code Snippet

1. BEGIN_EVENT_TABLE(MyViewModel, wxEvtHandler)
2. EVT_BUTTON(ID_BUTTON, MyViewModel::OnClickButton)
3. END_EVENT_TABLE()
4. void MyViewModel::OnClickButton( wxCommandEvent& event )
5. {
6. m_Name = MyData::GetName();
7. m_Listener.OnSystemEvent(_T("Name"));
8. }

接下来修改 MyDialog::SetViewData 函数 调用PushEventHandler()即可. 如下

Code Snippet

1. template<class T>
2. void MyDialog::SetViewData( boost::shared_ptr<T> pViewModel )
3. {
4. wxStaticText* pText = (wxStaticText*) FindWindow(ID_LABEL);
5. pText->SetValidator(wxGenericValidator(&(pViewModel->m_Name)));
7. PushEventHandler(pViewModel.get());
9. pViewModel->m_Listener.RegisterListener(this);
10. }

先在基本完成.但

1. 以m_Name绑定ViewMode中的数据, 这个依赖不好

2. MVVM模式有UI的配置文件, 可以填写属性自动绑定ViewModel类, wxWidgets也有xml的配置文件, 是不是也可以这样做呢

下一回就以上边的两点为目标.