/* * Create By : 李紹良[lsl](zyzx)
* Create Time : 2015-03-19
* 轉(zhuǎn)載請(qǐng)注明來源:http://www.shnenglu.com/zyzx/category/21065.html
*/
前幾章已經(jīng)將UI的基礎(chǔ)部分介紹完畢,這章思考了很久,不知道如何下筆。干脆就以入門界面時(shí)的考慮作為切入點(diǎn)。
就以使用windows界面為例,如下入是使用spy++截取的窗口截圖。
當(dāng)spy++落在某個(gè)區(qū)域,周圍的一個(gè)黑框,就表示的是這個(gè)窗口所在區(qū)域。不停的移動(dòng)spy++查找窗口,我們可以發(fā)現(xiàn)如下圖的規(guī)律:
看到什么沒有,如果認(rèn)真學(xué)習(xí)過數(shù)據(jù)結(jié)構(gòu),就知道這是一顆樹。所有的UI元素都在這顆樹里面,一個(gè)對(duì)話框,也就可以看成是一個(gè)樹,窗口結(jié)構(gòu)也可以使用樹這種數(shù)據(jù)結(jié)構(gòu)來表達(dá)。
那么Windows的窗口結(jié)構(gòu)就不難理解了,要么認(rèn)為是一個(gè)以“系統(tǒng)”為根的大樹,要么也可以認(rèn)為是去除“系統(tǒng)”這個(gè)根的一片森林。而在某時(shí)刻,永遠(yuǎn)只有一個(gè)處于激活的最頂層窗口,也就是得到鼠標(biāo)等響應(yīng)的那顆樹。
Windows把窗口搞了很多概念出來,撥開這些迷霧,實(shí)際上在我看來只需要“對(duì)話框”與“控件”足以表達(dá)紛繁復(fù)雜的UI界面。對(duì)話框與控件都是衍生自窗口的概念。對(duì)話框與控件唯一的區(qū)別在于:只有對(duì)話框才擁有線程執(zhí)行權(quán)。
這里先只討論如何將這顆樹繪制成一副UI圖片。其實(shí)也很簡(jiǎn)單,就是遍歷整顆樹,使得每個(gè)節(jié)點(diǎn)窗口繪制(OnPaint函數(shù))屬于自己管轄的區(qū)域。采用畫家算法(后面繪制會(huì)把前面繪制的覆蓋),如此UI界面就繪制出來了。
如下圖,中間的對(duì)話框。目前代碼只實(shí)現(xiàn)了窗口繪制的一小部分,控件啥也沒有。