概述 ?????之前研究了一段時(shí)間chromium源碼，根據(jù)自己的興趣了解了一下其中部分功能的實(shí)現(xiàn)。通過(guò)在在網(wǎng)上查看博文、chromium官方文檔以及加上自己的一些理解，整理出了一點(diǎn)資料。本文中主要是介紹chromium UI中的一些內(nèi)容。接下來(lái)我會(huì)一一介紹?chromium?中窗口的創(chuàng)建過(guò)程、布局方式。
基礎(chǔ)鋪墊 ? ? ?1、Widget ? ? ?Widget?中管理著一個(gè)真窗口，用于接收事件消息，以及管理整個(gè)?UI?界面，在windows?下就是管理一個(gè)?HWND?，它通過(guò)NativeWidgetWin?中的?HWNDMessageHandler來(lái)實(shí)現(xiàn)。在?Widget中包含一個(gè)?RootView?，因此也可以算是整個(gè)view系統(tǒng)中的一層，同時(shí)，它也可以包含其他的Widgets。Widget中如果涉及到跟平臺(tái)相關(guān)的處理，它會(huì)把他們隱藏起來(lái)實(shí)現(xiàn)，通過(guò)一個(gè)指定的NativeWidget去實(shí)現(xiàn)，具體實(shí)現(xiàn)如下:? ? ? ?在widget中同樣使用了delegate，在NativeWidgetPrivate中會(huì)實(shí)現(xiàn)具體的跟窗口自己相關(guān)的操作，而當(dāng)涉及到具體的業(yè)務(wù)邏輯相關(guān)的操作時(shí)則會(huì)調(diào)用到?NativeWidgetDelegate中去做具體的處理。而要如何創(chuàng)建一個(gè)窗口的實(shí)現(xiàn)也會(huì)通過(guò)?NativeWidgetDelegate?回調(diào)到NativeWidgetPrivate?中在去進(jìn)行進(jìn)一步的處理。?Chromium?中多出都使用了?delegate這種模式。用來(lái)實(shí)現(xiàn)?MVC?模式的處理。 ? ? ?chromium中有主窗口、omnibox、findbar、以及omnibox搜索建議彈出框幾個(gè)控件使用了真窗口，使用真窗口的一個(gè)很重要的原因是所設(shè)計(jì)的窗口需要浮在其他創(chuàng)口之上，在windows中只有windows自己的窗口具有這樣的能力。
? ? ?2、View ? ? ?在chromium中，它們自己實(shí)現(xiàn)了一套稱(chēng)作?View?的UI?系統(tǒng)，View負(fù)責(zé)界面的渲染，布局和消息傳遞。其中的?view的分層如下圖：? ? ?這張圖是從chromium的代碼中截出來(lái)的，可以從這里看出chromium的注釋寫(xiě)的有多強(qiáng)大，在chromium中這種用文字表述一個(gè)設(shè)計(jì)結(jié)構(gòu)的方式隨處可見(jiàn)。從上圖可以看出，Widget可以說(shuō)是整個(gè)UI層的根，RootView是整個(gè)View?控件樹(shù)的根，Widget會(huì)接受系統(tǒng)消息并將其裝換為view控件能夠識(shí)別的消息，并將此消息傳遞給views::RootView，并通過(guò)RootView?將消息分發(fā)給下層的View，其中Widget和RootView是一一對(duì)應(yīng)的。下層的View?主要分為三種： ? ? ?用于表示整個(gè)窗體非客戶(hù)區(qū)的?NonClientView?，負(fù)責(zé)設(shè)置窗口邊框大小。他也是其他兩種?View?的父view，原因很簡(jiǎn)單：他管著整個(gè)窗體的邊框，所以其他的View必須是它的子view。 ? ? ?用于表示非客戶(hù)區(qū)的內(nèi)容的?NonClientFrameView?，負(fù)責(zé)繪制非客戶(hù)區(qū)里面的元素，如標(biāo)題欄，關(guān)閉按鈕等等。 ? ? ?用于表示客戶(hù)區(qū)和其內(nèi)容的?ClientView?，負(fù)責(zé)生成各種窗口元素。 ? ? ?上圖中另外幾個(gè)view的意義如下： ? ? ?NativeFrameView?，用于生成默認(rèn)的窗口。 ? ? ?CustomFrameView?，用于自繪窗口邊框。 ? ? ?DialogClientView?，用于生成對(duì)話框的窗口。 ? ? ? ? ? ?3、WidgetDelegate ? ? ?WidgetDelegate?是一個(gè)為Widget?顯示窗口時(shí)提供信息的接口，比如說(shuō)窗口的標(biāo)題，圖標(biāo)，以及是否可以被重設(shè)大小。同時(shí)它也可以提供事件回調(diào)接口，每個(gè)?Widget?都有一個(gè)WidgetDelegate?提供的?ContentsView，這個(gè)?view?是被插入在窗口的?client area中的。? ? ?BrowserView?是views::WidgetDelegate?的子類(lèi)，可以由?BrowserView?來(lái)直接和Widget?之間通信。 ??? 在chromium中，直接在Widget初始化的時(shí)候定義non_client_view_ =new NonClientView;而B(niǎo)rowserNonClientFrameView是其N(xiāo)onClientFrameView，包括GlassBrowserFrameView和OpaqueBrowserFrameView兩種。BrowserView是其?ClientView。 具體可以通過(guò)?views Windowing進(jìn)一步了解。 ???? 所有new出來(lái)的view?都無(wú)需自己進(jìn)行釋放，它們會(huì)在窗口收到最后一個(gè)消息時(shí)把view樹(shù)中的所有對(duì)象都釋放掉。
窗口創(chuàng)建 ???? 在widget中，有幾個(gè)這樣的一些實(shí)現(xiàn)： ???? static Widget* CreateWindowWithParentAndBounds(WidgetDelegate* delegate, gfx::NativeWindow parent, const gfx::Rect& bounds); ??? 這些函數(shù)是通過(guò)指定的屬性來(lái)創(chuàng)建出一個(gè)相應(yīng)的窗口。在這個(gè)函數(shù)的實(shí)現(xiàn)中會(huì)先創(chuàng)建一個(gè)Widget，之后再將其中的NonClientView創(chuàng)建出來(lái)，并在其中通過(guò)SetContentsView將RootView與NonClientView關(guān)聯(lián)起來(lái)。
在chromium中，Chromium在啟動(dòng)的時(shí)候就會(huì)在StartupBrowserCreatorImpl中創(chuàng)建出一個(gè)browser，并初始化。而在構(gòu)造Browser的時(shí)候會(huì)調(diào)用CreateBrowserWindow，來(lái)創(chuàng)建BrowserView及BrowserFrame。而B(niǎo)rowserFrame是Widget的一個(gè)子類(lèi)。 Chromium的主窗口browser window有幾個(gè)對(duì)象相互聯(lián)系共同組成，這些對(duì)象之間的關(guān)系如圖：

????Frame:
??? frame也是整個(gè)browser window的一部分，管理著瀏覽器主窗口中的"non-client"區(qū)域，如標(biāo)題欄、邊框及其他傳統(tǒng)區(qū)域。 Chromium中提供了一個(gè)BrowserFrame的frame，BrowserFrame類(lèi)繼承自views::Widget類(lèi)。
??? Browser View ：
??? BrowserView 對(duì)象管理著所有與 frame類(lèi)似的元素，包括 tab strip, toolbar, bookmarks bar及其它的 UI 元素。這些元素都是整個(gè) browser window 中不可或缺的以部分。
??? BrowserView 是抽象接口 BrowserWindow的一個(gè)具體實(shí)現(xiàn)，Browser對(duì)象會(huì)通過(guò)這個(gè)接口與View進(jìn)行聯(lián)系。
??? Browser ：
??? Browser 是整個(gè)browser window的核心狀態(tài)及命令執(zhí)行組件，它會(huì)通過(guò)與Browser Window接口的交互來(lái)更新UI。

窗口布局
??? chromium中可以為每一個(gè)View創(chuàng)建了一個(gè)專(zhuān)門(mén)用于控制布局的LayoutManager 。
??? 在layout目錄中，可以發(fā)現(xiàn) Chromium?還提供幾種不同的布局策略：
????? FillLayout ，用于將第一個(gè)子 View保持和當(dāng)前 View 一樣大的策略。
????? GridLayout ，將子View 排布成表格狀。
????? BoxLayout ，排布成一個(gè)貼一個(gè)的格子。

窗口釋放 ??? 所有?new出來(lái)的?view?都無(wú)需自己進(jìn)行釋放，它們會(huì)在窗口收到最后一個(gè)消息時(shí)把?view?樹(shù)中的所有對(duì)象都釋放掉。
參考資料 ??? GPU Accelerated Compositing in Chrome