初衷

一直希望VC開發(fā)者能夠方便的開發(fā)出細(xì)膩高品質(zhì)的用戶界面。我喜歡C++，選擇的平臺是Windows，所以大部分時間用VC。我自身不排斥其他技術(shù)或者開發(fā)語言或者開發(fā)工具，都去了解，了解的目的是想吸取好的思想補(bǔ)充VC開發(fā)方面的不足。從事界面開發(fā)方面的研究有5年了，學(xué)過很多，嘗試過很多，失敗過很多，但是沒有氣餒。感謝開源，尤其是谷歌的Chrome開源，使我再次提高。在論壇和代碼網(wǎng)站，都能看到一些界面方面作品，有源碼的也有純欣賞的，大多數(shù)一看上去還不錯，本地執(zhí)行就會發(fā)現(xiàn)粗糙的地方，不細(xì)膩，難以商業(yè)化使用。總體來講，國內(nèi)很難看到好的界面方面的開源框架，優(yōu)秀公司也以此為傲，不斷引導(dǎo)界面潮流，使得其他一些公司模仿起來都累得喘氣。

 
界面開發(fā)跟所有其他開發(fā)一樣，都是有技術(shù)含量的，對于真正研究的人來說應(yīng)該清楚。我在初期也遇到有人問我：xp換膚不是挺好嘛？vista都出來了，還需要換膚嘛？win7很漂亮，完全不需要額外的界面開發(fā)呀？我想一直界面代表了一個企業(yè)的標(biāo)識文化，比如qq的藍(lán)色以及企鵝，迅雷的動態(tài)效果窗口和蜂鳥。有興趣研究沒錯，能做好更難得。

互聯(lián)網(wǎng)客戶端的特點是小巧靈，界面本身比較絢麗，背后依賴的界面引擎很重要。谷歌傾盡所有的開源姿態(tài)，是對微軟的一種挑釁，在互聯(lián)網(wǎng)方面我打敗了你，在傳統(tǒng)桌面上無法打敗，把自己優(yōu)秀的桌面代碼開源出去聯(lián)合所有人來不斷孤立你。

Chrome開源牽扯的其他開源達(dá)30多個，幾百個工程，一般的開發(fā)者想要利用其中的部分功能需要花費一些學(xué)習(xí)時間，要有移植大項目的經(jīng)驗。這里我做的就是抽取其中的view部分，做出一個基本的開發(fā)框架，斬斷過多的牽連，盡量利用Windows平臺的sdk，希望對渴望學(xué)習(xí)開發(fā)者的或者有能力擴(kuò)展的公司有用。

背景

界面方面的研究，經(jīng)過了三個階段：傳統(tǒng)Win32窗口、Win32窗口的子類化自繪、無窗口界面開發(fā)(directui)。這三個階段有交集，大致還是按照時間推移不斷提高的。

第一階段：04-05年當(dāng)時處于研究生實習(xí)時期，在導(dǎo)師公司做gis平臺開發(fā)，對于界面要求不高，但也有一些定制性開發(fā)，那個時期基本上就是上codeproject，學(xué)習(xí)常規(guī)窗口編程技巧，那些api能做那些事，會引起什么效果，有那些附帶作用，久而久之就知道做一個效果最直接的辦法是組合那些api。當(dāng)時自繪的工作不多，但是長時間的反復(fù)調(diào)用控件會讓人厭煩，當(dāng)時看了arcgis的平臺里面開始使用網(wǎng)頁做一些界面，限于當(dāng)時的知識，無法獲取研究的途徑。后來我知道了一個叫BCG的界面開發(fā)庫，從它開始進(jìn)入了自繪階段。

第二階段：06-07年一開始是對BCG界面庫的研究，說起這件事，覺得泄露的代碼對我國軟件開發(fā)水平的提高有很大幫助。BCG界面庫在當(dāng)時模擬的是office2003界面風(fēng)格，模擬的很像但它的代碼自身并不是非常清晰，模塊的劃分不一目了然。他在當(dāng)時是把開源的CJLib打垮了，不過隨后又被CJLib的商業(yè)公司Codejoke干翻，直至最后跟VC8的mfc弱弱聯(lián)合，倉促間形成一個mfcx，就現(xiàn)在來看使用的公司很少。Codejoke的xtp也是以泄漏的方式才能有機(jī)會學(xué)到，他的界面組件劃分比較合理，代碼很清晰，尤其是其中的skinframework框架，單獨拿出來編譯一個dll即可實現(xiàn)常規(guī)窗口的換膚，皮膚格式可以和xp的兼容。也是他，讓我徹底放棄常規(guī)窗口的子類化自繪的工作，轉(zhuǎn)而是研究他的實現(xiàn)，因為他已經(jīng)做到極致。后來我08年的畢業(yè)設(shè)計也是以他為基礎(chǔ)，題目是軟件構(gòu)造方面的，各種形式的界面插件構(gòu)造軟件框架。在這個時候qq已經(jīng)向無窗口發(fā)展了，這時候我得到了directui的概念，開始了無窗口界面方面的研究。

第三階段：07-現(xiàn)在。最開始是研究http://www.viksoe.dk/code/windowless1.htm這個開源，相信很多人都知道也研究過。他抽象了一些無窗口的界面元素，翻譯常規(guī)窗口消息解釋并重新派發(fā)給無窗口元素，引入了一些ddraw特效，當(dāng)時能接觸到這樣的代碼很興奮，界面初看起來很震撼，尤其是主界面的動畫效果。他也有很明顯的缺點：不支持unicode，pretytext的計算有問題，本地窗口跟無窗口的布局混合會遮蓋。基于他，我做出了自己的第一個界面框架，并應(yīng)用在公司商業(yè)化產(chǎn)品中，可以從這里欣賞：http://m.shnenglu.com/wlwlxj/archive/2007/08/28/31014.html。由于他對Windows的封裝和無窗口元素的抽象并不是很強(qiáng)大，所以想要真正的用它做很強(qiáng)大的界面框架有困難，后來看qq、迅雷的界面，感覺到之前的界面元素并不通用，且缺少動態(tài)的能力，有一些想法在這個帖中提及：http://hi.baidu.com/wlwel/blog/item/ad08bfc8108ff78dc9176808.html。我后來想自己可能需要的是網(wǎng)頁那種動態(tài)能力的界面，對圖形圖像的處理，以及界面的動態(tài)布局拖拽，我想起手里的Win2000泄漏代碼，于是乎開始了一件瘋狂的事情：移植其中的ie部分代碼，只要其中的界面引擎，帶上css和濾鏡，支持各種交互事件，這就是我當(dāng)時的想法。歷時8個月，出來的成果：http://m.shnenglu.com/wlwlxj/archive/2009/06/28/88695.html。這一次失敗了，沒法商業(yè)化應(yīng)用，有很多問題，按鈕的焦點有1像素偏差，css由于那個ie版本比較低，非常有限且不規(guī)范，濾鏡由于一個組件創(chuàng)建不成功且無代碼沒法使用。整理的代碼有30多兆，代碼本身結(jié)構(gòu)不清晰，砍掉的地方也非常多且很亂，最終我也沒有能力去繼續(xù)修改。中間有很多次的放棄，又不服氣繼續(xù)，最終走了下來。這一次研究對我最大的幫助就是在一個巨大的軟件代碼中，如何找到自己想要的東西，如何大刀闊斧的砍代碼。里面就像大觀園，技術(shù)很全，學(xué)到的東西太多太多。后來我意識到網(wǎng)頁有網(wǎng)頁布局的特點，桌面軟件有桌面軟件的特點，需要的地方互操作即可。接下來，我又研究了幾個月comctl32部分，最后發(fā)現(xiàn)研究edit button需要走到ntuser部分，甚至想要朝顯卡驅(qū)動調(diào)用方面走，就打住了，當(dāng)然也有一些成果：http://www.cnblogs.com/wlwel/archive/2010/05/10/1732160.html，是一個失敗的研究，但是學(xué)到了很多東西。有段時間我甚至刻意的躲避界面開發(fā)，直到后來接觸到Chrome瀏覽器，看了他的開源。

針對Chrome開源所做的工作

Chrome開源，主要是抽取其中的view部分代碼，依賴的有他的base、gfx、skia、app部分，我把base分成了base、message_framework、rfc_algorithm，skia用gdiplus替換合并到gfx，app劃分到animation和view_framework，去掉linux以及mac平臺的支持部分，去掉了一些不需要的功能比如網(wǎng)頁拖拽相關(guān)，形成了一個最小的開發(fā)框架，并修改了標(biāo)題欄自繪的一個bug。Base部分起初想用boost替換，后來發(fā)現(xiàn)工作量很大，還是沒敢做。截圖如下：

所有整理代碼下載。

后續(xù)工作

繼續(xù)增加控件、功能、修改現(xiàn)有代碼中的一些注釋的問題。接受所有的批評和建議，但不要人身攻擊。希望能看到更多其他人的作品，現(xiàn)在的開源世界太豐富，很多東西不是接觸不到，而是肯不肯靜下心來研究。

注：工程是2005的，額外需要的頭文件<vsstyle.h> <vssym32.h>可以從vc2008的sdk中拷貝或者任意其他地方下載。2008直接轉(zhuǎn)換即可編譯。