一、控件消息的響應(yīng)。

在HelloDuilib例子中，程序不能退出，在這里，我將添加一個(gè)關(guān)閉按鈕，當(dāng)點(diǎn)擊它時(shí)，調(diào)用PostQuitMessage進(jìn)行退出。

首先在界面的右上角添加一個(gè)關(guān)閉按鈕，并取名為“btnClose”。

然后在?CHelloDuilibWnd?中重載?WindowImplBase::Notify?();

代碼如下：

void CHelloDuilibWnd::Notify( TNotifyUI& msg ) {if (msg.sType == DUI_MSGTYPE_CLICK) // 先判斷消息類型，如果是單擊{if (msg.pSender->GetName() == _T ("btnClose")) // 如果控件名為 btnClose{PostQuitMessage(0);}} }

?

如是即可退出程序。

?

二、獲取XML中的控件。

一般的情況下，可以在窗口初始化的時(shí)候獲取一個(gè)控件，當(dāng)然你在什么時(shí)候獲取都是可以的，在初始化獲取，以后你就可以任意地使用了。

添加重載函數(shù)：WindowImplBae::InitWindow，代碼如下：

void CHelloDuilibWnd::InitWindow() {m_btnClose = static_cast <CButtonUI*> (m_PaintManager.FindControl(_T ("btnCloase")));ASSERT(m_btnClose != NULL); }

把上面我們添加的關(guān)閉按鈕對象保存起來。

請注意，是使用?m_PaintManager?進(jìn)行獲取，該對象負(fù)責(zé)管理所有工作，包括消息的傳遞，調(diào)用控件的繪制函數(shù)等，均由它處理。

?

三、標(biāo)題欄

窗口有一個(gè)屬性?caption?指定了窗口標(biāo)題欄的位置。默認(rèn)0代表了窗口的最大值。比如說，我們想要標(biāo)題欄高度為30像素，即可設(shè)為：(0,0,0,30)。left,?top,?right都為0，只有bottom為30，right為0表示為最右邊。當(dāng)然如果全部設(shè)為0，會被認(rèn)為沒有標(biāo)題欄。

?

四、示例程序的練習(xí)。

在這里，我并不會為你介紹所有控件的編寫，只是作一個(gè)簡單的介紹，然后控件的編寫還需要你自己動手，只有自己寫過的代碼才是掌握了的代碼。如果以每天學(xué)一個(gè)控件的效率的話，大概頂多兩周即基本掌握所有控件的寫法。下面是我以前學(xué)習(xí)的一個(gè)例子，截圖如下，最后我也會附件貼上，希望對您的學(xué)習(xí)有所幫助。

當(dāng)然我并沒有編寫所有的控件，比如menu、progressbar、sliderbar、tree等控件，這個(gè)示例是好久以前寫的了。

?

關(guān)于控件特定的屬性，如果你用心用過?DuiDesigner.exe的話，相信你已經(jīng)知道它在哪里了，DuiDesigner會將每個(gè)控件的特殊的屬性，單獨(dú)列出來，如下圖中Button控件的屬性：

?

其它控件亦是如此。

?

1.控件的基本屬性：

1）Name，名稱，即類?CControlUI::GetName?()?所返回的值。

2）Text,?標(biāo)題

3）TextPadding，文字偏移。比如文字從第2個(gè)像素開始顯示，則可設(shè)為(2,0,0,0)。注意，如果是使用單選框或是復(fù)選框，一定要使用到這個(gè)屬性，使文字顯示在圖片的右邊，即TextPadding的left為設(shè)置為圖片的寬或更寬。

4）ShowHtml，標(biāo)志Text屬性的值是否為html。注意：這里的HTML并不是真的HTML，它不能使用HTML標(biāo)簽，只能使用內(nèi)定的，如<i>?表示圖片或文字傾斜等。

5）EndEllipsis，標(biāo)志Text屬性，當(dāng)顯示不完全時(shí)，最后是否以?...?進(jìn)行顯示。

?

關(guān)于float及?Layout?的?insert、childpadding、hscrollbar、vscrollbar等屬性，我會在自動布局中進(jìn)行說明。

?

2.控件的特殊說明

1）DUILIB中并沒有?TAB?控件。它的實(shí)現(xiàn)方式為：

?

使用OptionUI即單選框代表TAB選擇框，TabLayout代表窗口顯示的區(qū)域。當(dāng)Option被選擇的時(shí)候，調(diào)用CTabLayoutUI::Select?(index)，即可。具體如何操作，請參看示例。

?

2）DUILIB中并沒有單選框。

單選框和復(fù)選框都用OPTION表示，當(dāng)然現(xiàn)在也有了CCheckBoxUI類，但我并不喜歡用，原因是DuiDesigner中并沒有提供這個(gè)控件，所以我不會使用它，以免造成不必要的麻煩。

區(qū)分單選框和復(fù)選框主要是靠?Group屬性，當(dāng)指定了Group屬性時(shí)，這個(gè)OPTION就是一個(gè)單選框，且所有?Group相同的Option都是同一組，即他們中只有有一個(gè)處于選中狀態(tài)。如果Group為空，那它就是一個(gè)復(fù)選框。

?

3）Label顯示的文字是單行。Text控件顯示的文本是多行。

?

4）Combox?它的子項(xiàng)設(shè)置如下圖，designer并沒有提供設(shè)置項(xiàng)，而且如果你的XML原來有COMBOX的子項(xiàng)設(shè)置項(xiàng)，這時(shí)候你用designer打開，并進(jìn)行保存時(shí)，你的子項(xiàng)會被刪除，所以要注意副本保存工作。

?

使用?ListLabelElement。

如果使用代碼動態(tài)添加子項(xiàng)，就要使用類?CListLabelElementUI或是CListLabelContainerUI，前者只是TEXT項(xiàng)，當(dāng)然可以使用?ShowHtml屬性進(jìn)行圖片顯示。后者則可以添加多個(gè)控件，請?jiān)囼?yàn)之。

?

四、關(guān)于BUG。

1.Align屬性。

UILabel第181行。代碼如下：

if( _tcscmp(pstrName, _T("align")) == 0 ) {if( _tcsstr(pstrValue, _T("left")) != NULL ) {m_uTextStyle &= ~(DT_CENTER | DT_RIGHT | DT_VCENTER | DT_SINGLELINE);m_uTextStyle |= DT_LEFT;}if( _tcsstr(pstrValue, _T("center")) != NULL ) {m_uTextStyle &= ~(DT_LEFT | DT_RIGHT );m_uTextStyle |= DT_CENTER;}if( _tcsstr(pstrValue, _T("right")) != NULL ) {m_uTextStyle &= ~(DT_LEFT | DT_CENTER | DT_VCENTER | DT_SINGLELINE);m_uTextStyle |= DT_RIGHT;}if( _tcsstr(pstrValue, _T("top")) != NULL ) {m_uTextStyle &= ~(DT_BOTTOM | DT_VCENTER | DT_VCENTER);m_uTextStyle |= (DT_TOP | DT_SINGLELINE);}if( _tcsstr(pstrValue, _T("vcenter")) != NULL ) {m_uTextStyle &= ~(DT_TOP | DT_BOTTOM ); m_uTextStyle |= (DT_CENTER | DT_VCENTER | DT_SINGLELINE);}if( _tcsstr(pstrValue, _T("bottom")) != NULL ) {m_uTextStyle &= ~(DT_TOP | DT_VCENTER | DT_VCENTER);m_uTextStyle |= (DT_BOTTOM | DT_SINGLELINE);}}

?

我們可以看到，它使用_tcsstr，即字符串查找，所以如果你使用了vcenter后，左、右對齊屬性均失效的。所以，顯示圖片+文字的時(shí)候，非常蛋疼的問題來了，文字顯示左對齊時(shí)，同時(shí)也是向上對齊的，它不垂直居中。。。舊版本沒有這個(gè)問題，這個(gè)是新版本改出來的BUG。

?

2.如果你是手動編寫XML，且里面包含中文，一定要將該XML使用UTF-8方式進(jìn)行保存，否則會遇到類似文字顯示不出來的BUG。

?

3.使用CListUI::SortItems時(shí)，如果你使用了自定義參數(shù)，會導(dǎo)致崩潰，因?yàn)樗]有將你的自定義參數(shù)保存，只保存了你的比較函數(shù)，如果你在比較函數(shù)中使用了自定義參數(shù)，很明顯會崩潰。

具體代碼在?UIList?866行，dwData該參數(shù)并未保存。

而在901行的函數(shù)ItemComareFunc中，卻使用了未初始化的m_compareData。

?

4.Tree控件，也有BUG。

在?UITreeView.cpp中的31行，看代碼：

this->SetFixedHeight(18); this->SetFixedWidth(250);

很顯然，一個(gè)TREE_ITEM寬度居然只有250像素，當(dāng)你的TREE寬度大于250的時(shí)候，就會顯示該BUG了。

?

五、當(dāng)你編寫完所有示例之后，就會知道為什么我在上一節(jié)中說，為什么一個(gè)WND一定要有一個(gè)Layout。其具體加載的流程如下：

?

Root即為第一個(gè)?Layout.

?

我的示例代碼：Duilib_test.zip

當(dāng)然，你一定要熟悉DUILIB中所有DEMO，你不用所有代碼都去看過，但一定要知道他們都有些什么功能，當(dāng)你在項(xiàng)目中遇到相似的情況時(shí)，可以從中去找解決方案。

比如，

360中OPTION的應(yīng)用。

GAME中DEFAULT屬性應(yīng)用，分隔條使用。

QQ有自動換膚、加載ZIP資源代碼。

TEST_APP中關(guān)于自動布局。。等等。

你一定要過目一遍甚至多遍。

總結(jié)

以上是生活随笔為你收集整理的Duilib教程－控件练习的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。