2.1.2　編輯模式和設(shè)計(jì)模式

下面通過項(xiàng)目創(chuàng)建的流程來穿插講解Qt Creator的編輯模式和設(shè)計(jì)模式。

1．編輯模式

項(xiàng)目創(chuàng)建完成后會(huì)直接進(jìn)入編輯模式，界面默認(rèn)被分為3個(gè)區(qū)域：項(xiàng)目樹形視圖、打開的文檔列表和閱覽編輯區(qū)，如圖2-5所示。

　

圖2-5　編輯模式

首先我們來看左側(cè)的分欄，位于上方的是項(xiàng)目樹形視圖，這里分類羅列了整個(gè)項(xiàng)目中的所有文件。右上角的工具包含簡(jiǎn)化樹形視圖、隱藏目錄或生成的文件等功能；而工具用來設(shè)置與編輯器同步，選中該工具后，在編輯器切換文件時(shí)，在樹形視圖中會(huì)自動(dòng)選中相應(yīng)的文件。每個(gè)分欄都可以通過左上角的下拉列表選擇顯示為其他內(nèi)容，也可以通過右上角的工具來添加新的分欄，可添加的分欄內(nèi)容如圖2-6所示。

位于編輯模式右側(cè)的是代碼閱覽編輯區(qū)，提供了關(guān)鍵字高亮顯示、代碼自動(dòng)補(bǔ)全、上下文相關(guān)幫助等實(shí)用工具。用戶可以通過“編輯”菜單或者右擊彈出快捷菜單來查看更多編輯相關(guān)的功能。如果想調(diào)整字體大小，可以使用快捷鍵Ctrl ++（加號(hào)）來放大字體，使用Ctrl +?（減號(hào)）來縮小字體，也可以使用Ctrl鍵+鼠標(biāo)滾輪來縮放字體，使用Ctrl + 0（數(shù)字）使字體還原到默認(rèn)大小。

圖2-6　添加分欄

用戶打開項(xiàng)目目錄，例如E:\app\src\02\2-1\helloworld，可以在項(xiàng)目樹形視圖的一個(gè)文件上右擊，在彈出的快捷菜單上選擇“在Explorer中顯示”來快速打開項(xiàng)目目錄，如圖2-7所示。項(xiàng)目目錄中現(xiàn)在只有一個(gè)helloworld文件夾，該文件夾包含了6個(gè)文件，各個(gè)文件的說明如表2-1所示。這些文件的具體內(nèi)容和用途會(huì)在后面的內(nèi)容中詳細(xì)講解。

圖2-7　在Explorer中顯示文件

表2-1　項(xiàng)目目錄中各個(gè)文件的說明

2．設(shè)計(jì)模式

在Qt Creator的編輯模式下雙擊項(xiàng)目樹形視圖中的hellodialog.ui文件，這時(shí)便進(jìn)入了設(shè)計(jì)模式，如圖2-8所示。可以看到，設(shè)計(jì)模式由以下幾部分構(gòu)成。

圖2-8　設(shè)計(jì)模式

（1）主設(shè)計(jì)區(qū)。主設(shè)計(jì)區(qū)是圖2-8中的中間部分，主要用來顯示和設(shè)計(jì)窗體。

（2）部件列表窗口（Widget Box）。部件列表窗口分類羅列了各種常用的標(biāo)準(zhǔn)部件，可供用戶使用鼠標(biāo)將這些部件拖入主設(shè)計(jì)區(qū)中的窗體上。

（3）對(duì)象查看器（Object Inspector）。對(duì)象查看器這里列出了窗體上所有部件的對(duì)象名稱和父類，而且以樹形結(jié)構(gòu)顯示了各個(gè)部件的所屬關(guān)系。用戶可以在這里單擊對(duì)象，以選中該部件。

（4）屬性編輯器（Property Editor）。屬性編輯器顯示了各個(gè)部件的常用屬性信息，可供用戶更改部件的一些屬性，如大小、位置等。這些屬性按照從祖先繼承的屬性、從父類繼承的屬性和自己的屬性的順序進(jìn)行了分類。

（5）Action編輯器與信號(hào)/槽編輯器。這兩個(gè)編輯器可供用戶對(duì)相應(yīng)的對(duì)象內(nèi)容進(jìn)行編輯。動(dòng)作編輯器會(huì)在第6章介紹，信號(hào)/槽編輯器的內(nèi)容會(huì)在第5章詳細(xì)介紹。

（6）常用功能圖標(biāo)。單擊主設(shè)計(jì)區(qū)上方的4個(gè)圖標(biāo)可以進(jìn)入相應(yīng)的模式，這些模式分別是窗口部件編輯模式（默認(rèn)模式）、信號(hào)/槽編輯模式、伙伴編輯模式和Tab順序編輯模式。后面的幾個(gè)圖標(biāo)用來實(shí)現(xiàn)添加布局管理器以及調(diào)整大小等功能。

下面我們從部件列表窗口中找到Label（標(biāo)簽）部件，按住鼠標(biāo)左鍵將它拖到主設(shè)計(jì)區(qū)中，再雙擊它進(jìn)入編輯狀態(tài)，然后輸入“Hello World! 你好Qt！”字符串。Qt Creator的設(shè)計(jì)模式中有幾個(gè)過濾器，就是寫著“過濾器”的輸入框。例如，在部件列表窗口的過濾器中輸入“Label”，就可以快速定位到Label部件。用戶還可以使用“工具→界面編輯器”菜單項(xiàng)來實(shí)現(xiàn)不同風(fēng)格的預(yù)覽、設(shè)定窗體、在窗體與其對(duì)應(yīng)的源文件間進(jìn)行切換等操作。更多設(shè)計(jì)模式的相關(guān)內(nèi)容可以在幫助中通過Getting to Know Qt Designer關(guān)鍵字查看。