My first Duilib program
1. Prepare for development
打开DuiFarm项目DuiFarm.cpp文件，将除_tWinMain函数之外所有内容删除。删除后的DuiFarm.cpp内容如下：
int APIENTRY _tWinMain(HINSTANCE hInstance,HINSTANCE hPrevInstance,LPTSTR lpCmdLine,int nCmdShow)
{return 0;}
在DuiFarm.cpp文件首引入头文件UIlib.h，并引用namespace，以及其他相关宏。
#include "..\\..\\duilib-master\\DuiLib\\UIlib.h"
using namespace DuiLib;
#ifdef _DEBUG
#ifdef _UNICODE
#pragma comment(lib,"..\\..\\duilib-master\\Lib\\Duilib_ud.lib")
#else
#pragma comment(lib,"..\\..\\duilib-master\\Lib\\Duilib_d.lib")
#endif
#else
#ifdef _UNICODE
#pragma comment(lib,"..\\..\\duilib-master\\Lib\\Duilib_u.lib")
#else
#pragma comment(lib,"..\\..\\duilib-master\\Lib\\Duilib.lib")
#endif
#endif
这样，Duilib已经成功集成在项目DuiFarm项目中了。注意作者项目的文件结构，引用Duilib.h与Duilib_x.lib文件使用相对路径必须正确（，相对路径以DuiFarm下Debug目录内为参照）。
在编写其他代码之前，需要明确几个知识点。Duilib的几个内置对象。
- CWindowWnd：窗口对象父类，负责创建窗口、窗口消息过程处理、提供窗口子类化与超类化接口。
- CPaintManagerUI：负责窗口图形绘制。CPaintManagerUI三个主要功能：绘制控件、管理消息、事件通知。
- CDialogBuilder：控件布局类，主要作用：解析XML，构建控件树，创建控件对象。
- INotifyUI：处理事件和通知。子类重载Notify(TNotify &msg)虚函数，实现处理事件通知功能。
- CControlUI：控件管理的父类，为控件提供通用属性。
2.Starting coding "Hello World"
在DuiFarm.cpp中新建类DuiFarm，继承自CWindowWnd与INotifyUI，重写CWindowWnd的虚函数GetWindowClassName、HandleMessage与INotify的虚函数Notify。代码如下：
class DuiFarm: public CWindowWnd, public INotifyUI
{
protected:
CPaintManagerUI m_PaintManager;
public:
virtual LPCTSTR GetWindowClassName() const
{/*some code*/}
virtual void Notify(TNotifyUI& msg)
{/*some code*/}
virtual LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam)
{/*some code*/}
};
其中三个函数的主要功能：
- GetWindowClassName：返回窗口名称。
- Notify：事件响应，如点击事件。
- HandleMessage：处理消息，例如创建窗口消息。
首先补全GetWindowClassName函数的代码，在函数体内，直接返回窗体名字符串。
virtual LPCTSTR GetWindowClassName() const
{return _T("DuiFramFrame");}
HandleMessage函数中补全对窗体创建等消息的处理。
1 virtual LRESULT HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam)
2 {
3 LRESULT lRes = 0;
4 if( uMsg == WM_CREATE )
5 {
6 m_PaintManager.Init(m_hWnd);
7 CDialogBuilder builder;
8 CControlUI *pRoot = builder.Create(_T("dui-design.xml"),(UINT)0,NULL,&m_PaintManager);
9 ASSERT(pRoot&&"### XML error!");
10 m_PaintManager.AttachDialog(pRoot);
11 m_PaintManager.AddNotifier(this);
12 return lRes;
13 }
14 if( m_PaintManager.MessageHandler(uMsg, wParam, lParam, lRes))
15 {
16 return lRes;
17 }
18 return __super::HandleMessage(uMsg, wParam, lParam);
19 }
第4行在消息为窗体创建(WM_CREATE)时，执行：
- 初始化当前窗口(line 6)
- 加载窗口设计xml文件(line 8)
- 绘制窗口(line 10)
- 添加消息通知(line 11)
执行完上述代码，窗体即绘制完成，事件通知已可用。在上述代码中，第8行加载xml文件即为duilib的界面设计xml。犹如html之于浏览器，dui通过解析xml将控件绘制到窗体上。
xml文件如下：
1 <?xml version="1.0" encoding="utf-8"?> 2 <Window size="100,100"> 3 <HorizontalLayout bkcolor="#FFFFFF00"> 4 <Button name="btnHello" text="Hello World :-)"/> 5 </HorizontalLayout> 6 </Window>
将文件保存到项目Debug目录下（因当前项目以Debug模式运行）。这段xml描述了窗体的整体布局：
- 第二行定义了窗体大小，长宽各500像素。
- 第三行定义了一个横向布局，背景黄色（bkcolor为背景色设置）。
- 第四行定义了一个按钮，名称是btnHello，显示文字为Hello World :-)
现在窗体已经定义好，需要添加对按钮事件的处理。根据上一篇介绍，按钮事件处理要在重载的Notify函数中编写。
1 virtual void Notify(TNotifyUI& msg)
2 {
3 if(msg.sType==_T("click"))
4 {
5 if(msg.pSender->GetName()==_T("btnHello"))
6 ::MessageBox(NULL,_T("Hello World :-)"),_T("Hallo Welt :-D"),NULL);
7 }
8 }
- 第2行代码表示：“此处要接收类型为‘click’的事件”。
- 第5行代码表示：“在所有click事件中，此处仅接收名为‘btnHello’这家伙的事件”。
- 第6行代码表示：“提示英德对照的Hello World，以及它们对应的口型”。
编写到这里，项目已经具备窗口绘制、窗口布局和事件处理的基本功能，下面需要在入口函数中为之初始化与分配资源：
1 int APIENTRY _tWinMain(HINSTANCE hInstance,HINSTANCE hPrevInstance,LPTSTR lpCmdLine,int nCmdShow)
2 {
3 CPaintManagerUI::SetInstance(hInstance);
4 CPaintManagerUI::SetResourcePath(CPaintManagerUI::GetInstancePath());
5 DuiFarm duiFarm;
6 duiFarm.Create(NULL, _T("Dui Farm"), UI_WNDSTYLE_FRAME, WS_EX_WINDOWEDGE);
7 duiFarm.CenterWindow();
8 duiFarm.ShowModal();
9 return 0;
10 }
- 第3行~第4行，入口函数对实例和资源进行分配，第4行实参为当前项目路径。
- 第6行：创建窗口。
- 第7行：设置窗口在屏幕居中。
- 第8行：显示窗口。
_tWinMain函数内容基本固定，后续如无特别说明，将不再列出_tWinMain代码。
在调试运行前，需要确认DuiLib[x].dll是否位于DuiFarm项目的Debug目录下(x为_d，_ud或不存在，根据项目编码以及是否为Debug模式而定)。
运行效果如下：
图2.2.1 显示窗体
如图，窗体显示黄色，而按钮实际上占据了整个窗体。点击按钮如下：
图2.2.2 点击按钮（按钮占据了整个窗体）