Duilib教程－HelloDuilib及DuiDesigner的簡單使用

本文轉載自查看原文 2014-11-18 22:33 61591 編程筆記

一、HelloDuilib

1. 首先理解DUILIB顯示的一個基本流程，如下圖：

在Duilib中，WindowImplBase 這個類代表了圖中 “CWndClass”。

所以我們需要做的是：

1）生成一個XML。

2）生成一個WindowImplBase對象。

3）加載XML。

4）顯示窗口。

但是編寫的時候，WindowImplBase已經幫我們做了許多工作，我們只需要指定XML路徑，它就能夠幫助我們自動加載，非常方便。

但是一般我不喜歡先編寫XML，我喜歡先寫MAIN函數，再編寫占位函數，再一個個地實現占位函數。所以我們進入下一個步驟。

2. 建立工程。

1）如果是第一次使用DUILIB的話，你要把DUILIB加入到VS2008的環境變量中，我的Duilib保存在I:\GitHub\Duilib，設置的路徑為：

包含路徑：I:\GitHub\Duilib

源路徑：I:\GitHub\Duilib

庫路徑：I:\GitHub\lib

如下圖：

最后還要設置一下系統的環境變量為：I:\GitHub\Duilib\Bin，右鍵“我的電腦”->“屬性”->“高級系統設置”，如果是XP的話，可能稍有不同，彈出的操作如下圖：

2）新建一個WIN32工程，如下圖：

然后一直“下一步”。

在HelloDuilib.cpp中，只保留下列代碼，其余全刪除。

#include "stdafx.h"
#include "HelloDuilib.h"

int APIENTRY _tWinMain(HINSTANCE hInstance,
                     HINSTANCE hPrevInstance,
                     LPTSTR    lpCmdLine,
                     int       nCmdShow)

{
}

在stdafx.h中加入以下代碼：

#include <ObjBase.h>
#include <Duilib/UIlib.h>

using namespace DuiLib;

#ifdef _DEBUG
#pragma comment (lib, "duilib_ud.lib")
#else
#pragma comment (lib, "duilib_u.lib")
#endif

然后編譯一下，如果編譯沒有問題，就進入下一步，當然你得先編譯DUILIB源碼，編譯unicode_debug和unicode_release兩個版本。當然，全部版本都編譯更佳。

3）新建一個從 WindowImplBase繼承的類 CHelloDuilibWnd，然后將它的頭文件的代碼修改如下：

class CHelloDuilibWnd :
public WindowImplBase
{
public:
CHelloDuilibWnd(void);
~CHelloDuilibWnd(void);

protected:
virtual CDuiString GetSkinFolder() { return _T ("skin"); };
virtual CDuiString GetSkinFile()  { return _T ("HelloDuilib.xml"); };
virtual LPCTSTR GetWindowClassName(void) const { return _T ("HelloDuilib_Wnd"); };
};

說明：

GetSkinFolder () 需要返回皮膚XML 所在的文件夾

GetSkinFile () 需要返回皮膚 XML 的文件名（也可以包含路徑）

GetWindowClassName () 需要返回這個窗口的類名，這個類名用於 RegisterClass.

4）返回去編寫 WinMain 函數，如下：

#include "stdafx.h"
#include "HelloDuilibWnd.h"
#include "HelloDuilib.h"

int APIENTRY _tWinMain(HINSTANCE hInstance,
                     HINSTANCE hPrevInstance,
                     LPTSTR    lpCmdLine,
                     int       nCmdShow)

{
CPaintManagerUI::SetInstance(hInstance);// 加載XML的時候，需要使用該句柄去定位EXE的路徑，才能加載XML的路徑

CHelloDuilibWnd* wnd = new CHelloDuilibWnd; // 生成對象
wnd->Create(NULL, NULL, UI_WNDSTYLE_DIALOG, 0); // 創建DLG窗口
wnd->CenterWindow(); // 窗口居中
wnd->ShowWindow(); // 顯示
CPaintManagerUI::MessageLoop(); // 消息循環

delete wnd; // 刪除對象

return 0;
}

3.我們再去創建皮膚XML。

首先，你得編譯 DuiDesigner 這個工程，使用 DuiDesigner.sln 解決方案進行編譯。在 bin中可以找到生成的 DuiDesigner.exe。打開，然后新建一個名為 HelloDuilib 的文件，該名稱即為 CHelloDuilibWnd：：GetSkinFile（）返回的名稱。

接下來，添加一個 VerticalLayout（點擊下圖中的1，再點擊中間窗口位置，不是使用拖動的方式），然后選中這個VerticalLayout，再在最右邊的屬性欄中設置它的背景顏色。再在上面添加一個 Label 控件，將其Text修改為 “HelloDuilib”。