chromium UI庫簡介

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

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

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

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