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