【正文】 T Creator設(shè)計軟件概述QT creator是全新的跨平臺集成開發(fā)環(huán)境，為QT開發(fā)人員的需求量身定制，由于捆綁了最新QT庫二進制軟件包和附加的開發(fā)工具，并作為QT SDK的一部分，QT creator在單獨的安裝程序內(nèi)提供了進行跨平臺QT開發(fā)所需的全部工具。QT creator主要是為了幫助新QT用戶更快速入門并運行項目，還可提高有經(jīng)驗的QT開發(fā)人員的工作效率。QT的功能和優(yōu)勢[10]。① 使用強大的C++代碼編輯器可快速編寫代碼：語言標(biāo)識和代碼完成功能；輸入時進行靜態(tài)代碼校驗以及提示樣式；上下文相關(guān)的幫助；代碼折疊；括號匹配和括號選擇模式；高級編輯功能。② 使用瀏覽器工具管理源代碼：集成了領(lǐng)先的版本控制軟件，包括Git、Perforce和Subversion；開放式文件，無需知曉確切的名稱或位置；搜索類和文件；跨不同位置或文件沿用符號；在頭文件和源文件，或在聲明和定義之間切換。③ 為QT跨平臺開發(fā)人員的需求而量身定制：集成了特定于QT的功能，如信號與槽；圖示調(diào)試器，對QT類結(jié)構(gòu)可一目了然；集成QT Designer可視化布局和格式構(gòu)建器；只需單擊一下就可生成和運行QT項目。④ 使用拖放功能快速設(shè)計用戶界面；定制widget，或從標(biāo)準widget庫中選擇widget；以本地外觀快速預(yù)覽格式。⑤ 通過界面原型生成C++或Java代碼：將QT Designer與Visual Studio或Eclipse IDE配合使用；使用QT信號與槽機制構(gòu)建功能齊全的用戶界面。第5章 基于嵌入式QT畫圖板的軟件的設(shè)計設(shè)計實現(xiàn)一個成功的應(yīng)用程序，不但要有實用的功能配置，也要有友好的用戶界面。本章首先對Qt畫圖板實現(xiàn)的功能進行簡單論述，接著對涂鴉功能、文件菜單功能以及編輯菜單功能的實現(xiàn)進行了詳細研究，最后介紹了畫圖板界面的設(shè)計并實現(xiàn)了基于Qt畫圖板的軟件全部功能。 畫圖板設(shè)計模塊和功能介紹本系統(tǒng)設(shè)計一個基于嵌入式的Qt畫圖板，此程序?qū)崿F(xiàn)簡單的繪圖功能包括點、直線、點線、橢圓等；并且能實現(xiàn)繪圖的控制包括線寬、線型和顏色的設(shè)置，圖形的打開、保存等功能。具體功能模塊圖如圖51所示[11]。圖51 畫圖板模塊① 畫板新建功能：新建初始畫板，可以選擇新建畫板的大小，以及背景顏色，確定后即得到所需新建畫板。② 畫板保存、另存為功能：在對畫板進行編輯之后，可以選擇保存或者另存為。③ 畫板的打開功能：可以打開原來編輯并保存過的畫板。④ 畫板放大、縮小功能：畫板默認尺寸設(shè)計為400300，圖片可逐級放大和縮小，最大可放大到設(shè)計時最大尺寸1000010000最小可縮小到設(shè)計時最小尺寸11。⑤ 畫板還原功能：畫板通過不同尺寸的放大和縮小后，能夠還原到初始新建的尺寸大小。⑥ 畫板拉伸、旋轉(zhuǎn)功能：畫板可以再當(dāng)前任何狀態(tài)下進行側(cè)方向的立體層次型拉伸并開始順時針90176。的定向旋轉(zhuǎn)。⑦ 畫板清空功能：畫板可以在當(dāng)前任何狀態(tài)下進行對當(dāng)前狀態(tài)的情空，回到初始新建畫板狀態(tài)。⑧ 畫板畫圖工具功能：畫板可以實現(xiàn)選擇圖形、畫筆類型、畫筆線寬、畫筆顏色等功能。⑨ 為用戶設(shè)計理想的側(cè)邊繪圖工具欄，并合理安排界面元素布局，使其美觀并且方便用戶操作。⑩ 圖片打開、編輯、保存功能：可以打開一些格式的圖片，如png圖片，并且可以作為畫板背景，在其做編輯并且保存。 畫圖板界面的設(shè)計 菜單的設(shè)計 ① 在QtCreator 中新建Qt4 Gui Application 工程，這里使用的工程名為hautu ，使用默認。 ② 為了讓程序中可以使用中文， 中加入頭文件include QTextCodec，加入下面一行代碼： QTextCodec::setCodecForTr(QTextCodec::codecForLocale())。 ③ ，先設(shè)計菜單。依次是文件菜單，編輯菜單，工具菜單和幫助菜單。 如圖55558所示。 圖52文件菜單 圖53編輯菜單 圖54工具菜單 圖55幫助菜單④ 向工程中添加資源文件，向其中添加要使用的菜單圖標(biāo)。 添加完后記著保存一下資源文件，不然的話，在資源管理器中可能看不到添加的圖標(biāo)。 ⑤ 打開動作編輯器Action Editor，編輯已添加的菜單動作。下面以“新建”菜單的編輯為例，簡單介紹一下[12]。雙擊action_N，彈出如圖56所示。圖56動作編輯器Action Editor單擊Icon 后面的按鈕，彈出資源管理器如圖57所示。圖57Icon資源管理器點擊上面的 Reload，便能顯示出我們已經(jīng)添加的圖標(biāo)，我們選中其中的新建菜單的圖標(biāo)，點擊Ok 確認，如圖58所示。 圖58添加圖標(biāo)添加完圖標(biāo)后，我們單擊一下快捷鍵 Shortcut 后面的輸入框，然后同時按下 Ctrl 鍵和N 鍵，這樣就將新建菜單的快捷鍵設(shè)為了Ctrl+N ，如圖59所示。圖59快捷鍵的設(shè)置然后再在右面的屬性窗口中更改statusTip 的內(nèi)容為“新建文件”，這樣在鼠標(biāo)放在新建菜單上，狀態(tài)欄就會顯示“新建文件”。如圖510所示。圖510屬性的設(shè)置按照同樣的方法設(shè)置其它菜單，設(shè)置完成后下圖511所示。圖511菜單的設(shè)置⑥ 各個菜單的屬性設(shè)置成功以后，需要將其中的一些圖標(biāo)放到工具欄上，在菜單屬性設(shè)置窗口中選中這些圖標(biāo)，長按鼠標(biāo)左鍵，直至把圖標(biāo)拉到工具欄相應(yīng)位置。其效果如圖512所示。圖512菜單欄這樣就完成了菜單的設(shè)計。 添加繪圖工具欄 這里的繪圖工具欄使用的是一種叫做Dock 的窗口，它與其它窗口的不同就是它可以在其父窗口中浮動，也可以?？吭诟复翱诘倪吔?，就像一個工具欄一樣[13]。 ① 首先在左邊的部件欄中找到Dock Widget，將其拖入到設(shè)計區(qū)，添加到主界面后它默認在左邊框上?？恐?。如圖513所示。 圖513工具欄設(shè)置② 在其屬性欄里將其windowTitle 改為“畫圖工具”。 ③ 向其中拖入相關(guān)部件，效果如圖514所示。 圖514工具欄設(shè)置其中，“畫筆線寬”下的部件為 SpinBox ，其屬性中的 objectName為 penWidthSpinBox ，屬性欄最下面的minimum 屬性改為1，即最小值為1。 其余部件均為組合框ComboBox，objectName 依次為： 選擇圖形：shapeComboBox 畫筆類型：penStyleComboBox 畫筆顏色：penColorComboBox 填充顏色：brushColorComboBox ④ 給選擇框添加條目。 右擊“選擇圖形”下面的組合框，彈出菜單，如圖515所示。圖515組合框條目點擊Edit Items 菜單，彈出下面的條目編輯框，我們點擊“+ ”按鈕，添加新的條目，同樣的我們給“畫筆類型”下的組合框添加兩個條目“實線”和“點線”。兩個顏色組合框的條目以后再添加。 ⑤ 最后可以讓所有部件處于一個網(wǎng)格布局管理器中。 此時運行程序，效果如下圖516所示。圖516畫圖板界面總體效果圖 畫圖板功能設(shè)計與實現(xiàn) 實現(xiàn)文件菜單功能菜單欄的操作之間存在著邏輯上的順序關(guān)系其中幾個函數(shù)的原型[12]。① bool maybeSave()：進行是否保存的判斷，當(dāng)返回值為true 時說明整個判斷過程已經(jīng)進行過了。② bool isModified()：進行文件是否被更改過的判斷，其實就是返回一個bool 型的變量modified 的值。③ bool doFileSave()：進行文件保存操作，文件保存時先利用bool 型變量isSaved 判斷文件是否保存過，如果保存過，就直接將現(xiàn)在的文件進行存儲就行了；如果沒有保存過，就要進行另存為操作，這樣才能獲得文件的保存路徑。④ bool saveFile(Qstring filename)：以文件的路徑對文件進行存儲。存儲成功返回true。整個流程圖如圖517所示。圖517文件菜單功能流程 畫圖板涂鴉功能的實現(xiàn)首先要添加畫布，畫布才是真正實現(xiàn)繪圖功能的，所以需要在程序中添加一個與繪圖有關(guān)的類[10]。① 在工程中添加新的C++類，類名為PaintArea，以QWidget 作為基類。 ② 中聲明對象和函數(shù)。class PaintArea : public QWidget{Public PaintArea()。protected: void paintEvent(QPaintEvent *) 。 //重繪事件private:QImage image。 //QImage 類對象，用于在其上繪圖QRgb backColor。 //QRgb 顏色對象，存儲image的背景色}；③ 中的構(gòu)造函數(shù)里初始化對象。先加入頭文件聲明：include QPainter再更改構(gòu)造函數(shù)。PaintArea::PaintArea(){image = QImage（500,450,QImage::Format_RGB32）。 // 畫布的初始化大小為500*450，使用32 位顏色backColor = qRgb（255，255，255）。 //畫布初始化背景色使用白色（backColor）。}④ 。void PaintArea::paintEvent（QPaintEvent *）{QPainter painter（this）。（0,0,image）。} ⑤ 這樣就將畫布添加到主界面的中心區(qū)，然后要在畫布類中添加一些代碼，實現(xiàn)一些基本的涂鴉功能。 中添加頭文件。include QMouseEventin