推薦-基于qt的圖片查看器設計精品

1、搬岳北農林千找大學基于嵌入式Linux統(tǒng)的 Qt圖片查看器的設計學院（系）： 機械與電子工程學院專業(yè)年級：電子信息工程10級1班學生姓名：學號：指導教師：王東完成日期：20XX年7月08日目錄 TOC o 1-5 h z HYPERLINK l bookmark6 o Current Document .設計目的和方法1 HYPERLINK l bookmark8 o Current Document .嵌入式Linux系統(tǒng)GUI設計分析21圖形用戶界面概述22GUI的組成23Qt/Embedded分析3 HYPERLINK l bookmark10 o Current Document 3

2、QT技術61QT的優(yōu)勢62QT圖形用戶界面73QTCreator的特點以及優(yōu)勢7 HYPERLINK l bookmark12 o Current Document 4圖片查看器程序的移植過程81 移植 QT8QT源代碼編譯 8交叉編譯92程序開發(fā)10主程序中創(chuàng)建類10制定程序框架10編輯調試程序104.3圖片查看器程序設計114.2.1預期達到的界面模型114.2.1源程序124. 3設計成果21 HYPERLINK l bookmark14 o Current Document 5結論44參考文獻461設計的目的和方法經常使用電腦的同學都知道，windows系統(tǒng)自帶的圖片查看器查看圖片的

3、方式比較直接，包括放大縮小翻轉等基本功能。為了使圖片的查看方式靈活化，本項目預設計出一款功能多樣的圖片查看 器。擬設計的一款圖片查看器基于嵌入式Linux系統(tǒng)、利用Qt開發(fā)，其實現的 功能在基礎的圖片查看器的功能如放大縮小之外另增加了圖片的任意角度旋 轉、斜切、位移等功能。2嵌入式Linux系統(tǒng)GUI設計分析嵌入式系統(tǒng)的圖形用戶界面GUI是嵌入式系統(tǒng)與人與計算機之間傳遞、交 換信息的媒介和對話接口，是計算機的重要組成部分，用戶界面的發(fā)展經歷了 命令語言界面、菜單界面、圖形用戶界面和直接操作界面等過程。圖形用戶界面概述所謂GUI (Graphics User Interface)就是圖形用戶界面

4、,是指計算機與 其使用者之間的對話接口，是計算機系統(tǒng)的重要組成部分。一個圖形用戶界面系統(tǒng)通常由三個基本層次組成，即顯示模型、窗口模型 和用戶模型。用戶模型包含了顯示和交互的主要特征。圖3-1給出了圖形用戶 界面系統(tǒng)的結構。 桌面管理系統(tǒng) TOC o 1-5 h z 用戶模型一窗口模型顯示模型一操作系統(tǒng)硬件平臺一圖3T圖形用戶界面系統(tǒng)的結構當前嵌入式Linux系統(tǒng)迫切需要輕量級的GUI,幸運的是，不少廠家和開放 源碼組織已經提供了這樣的 GUI,如 Qt/Embedded, Microwindows, MiniGUI 等。盡管已具備了基本的輕量級GUI系統(tǒng)，但由于Flash磁盤空間、內存資源 和

5、功耗的限制，嵌入式Linux系統(tǒng)上的GUI應用軟件設計很大程序上不同于桌 面系統(tǒng)應用軟件的開發(fā)。比如，應用程序的用戶界面就需要精心定制，來方便用戶在較小尺寸的屏幕上輸入輸出；乂如，嵌入式系統(tǒng)上的應用程序一般不允 許崩潰，所以必須采取安全有效的內存管理策略保證程序的可靠性。嵌入式系統(tǒng)的GUI簡介嵌入式GUI就是在嵌入式系統(tǒng)中為特定的硬件設備或環(huán)境而設計的圖形用 戶界面系統(tǒng)。所以嵌入式GUI不但要有GUI的特征，在實際應用中，嵌入式系 統(tǒng)對它來說還有如下的基本要求：占用資源少，高性能，高可靠性，可配置下面，我們將簡要介紹集中常見的嵌入式系統(tǒng)的GUI,并對他們的優(yōu)缺點 進行比較。OpenGUIOpe

6、nGUI基于一個用匯編實現的x86圖形內核，提供了一個高層的C/C+圖 形/窗口接口。它和MiniGUI一樣，也是使用LGPL許可證。OpenGUI提供了 2 維繪圖原語，消息驅動的API、BMP文件格式支持。OpenGUI功能強大、使用方 便。用戶甚至可以實現Borland BGI風格的應用程序，或者是QT風格的窗口。 OpenGUI支持鼠標和鍵盤的事件。在Linux上基于Framebuff er 3或者SVGALib4 實現繪圖。Linux下OpenGUI也支持Mesa3D。顏色模型方面,OpenGUI已經支 持8、16、32位模型。由于其基于匯編實現的內核并利用MMX指令進行了優(yōu)化，Op

7、enGUI運行速 度非?？?，可以用UltraFast形容，它支持32位的機器，能夠在MS-DOS, QNX5和Linux下運行，主要用來在這些系統(tǒng)中開發(fā)圖形應用程序和游戲。 OpenGUI非常穩(wěn)定，但可移植性因為其內核使用匯編語言實現會受到影響。MiniGUIMiniGUI是Linux控制臺上運行的，基于SVGALib和LinuxThread6庫 的多窗口圖形用戶界面支持系統(tǒng)。MiniGUI采用了類Win32的API接口，實 現了簡化的類Windows 98風格的圖形用戶界面。MiniGUI也是一個窗口系 統(tǒng)，他的主要組成元素是窗口，在這個基礎上MiniGUI中的窗口可以基本分四 類，分別為主

8、窗口、對話框、控件和主窗口中的窗片。MiniGUI中的主窗口和 Windows應用程序的主窗口概念類似，MiniGUI中的每個主窗口對應于一個單 獨的線程，通過函數調用可建立主窗口以及對應的線程。每個線程有一個消息 隊列，主窗口從這一消息隊列中獲取消息并由窗口過程(回調函數)進行處 理。MiniGUI的目標是保持現有小巧的特點，在Linux控制臺上提供一個小 的窗口系統(tǒng)支持，“小”是MiniGUI的特色。同時MiniGUI 乂將盡力與微軟的 MSWindows API保持兼容。這么定位是希望MiniGUI可以在未來以Linux為基 礎的應用平臺上提供一個簡單可行的GUI支持系統(tǒng)，讓MiniGU

9、I可以應用在 Windows CE可以應用的任何場合。QT/EmbeddedQt是Trolltech公司的一個產品，是一個多平臺的C+圖形用戶界面應用 程序框架。它提供給應用程序開發(fā)者建立藝術級的圖形用戶界面所需的所有功 能。Qt是完全面向對象的很容易擴展，并且允許真正地組件編程。自從1996 年早些時候，Qt進入商業(yè)領域，它已經成為全世界范圍內數千種成功的應用程 序的基礎。Qt也是流行的Linux桌面環(huán)境KDE的基礎，KDE是所有主要的 Linux發(fā)行版的一個標準組件。Qt/Embedded是Trolltech公司的另一個產品，雖然走Open Source開發(fā) 路線，采用GPL授權,但商業(yè)用

10、的要付費。Qt/Embedded是Qt的嵌入式Linux 端口，是完整的自包含C+GUI和基于Linux的嵌入式平臺開發(fā)工具。大范圍的 Qt/Embedded API可用于多種開發(fā)項目。Qt/Embedded可以開發(fā)市場上多種類型 的產品和設備，從消費電器（移動電話、聯(lián)網板和set top盒）到工業(yè)控制設 備（如醫(yī)學成像設備、移動信息系統(tǒng)等）。這套環(huán)境提供的API和Qt/Windows 與Qt/Xll相同，但不需要使用到XII,取而代之的提供從硬件接口、繪圖程序 庫和完整的GUI工具。Qt/Embedded對存儲內存的需求約在800kB到3MB （Intel下x86）。其另一個特點就是跨平臺，

11、用Qt API開發(fā)出來的應用程 序，可以在不同的操作系統(tǒng)和視窗系統(tǒng)上執(zhí)行，如圖3-2所示。GUI的組成桌面：在啟動時顯示，也是界面中最底層，有時也指代包括窗口、文件瀏 覽器在內的“桌面環(huán)境”。在桌面上由于可以重疊顯示窗口，因此可以實現多 任務化。一般的界面中，桌面上放有各種應用程序和數據的圖標，用戶可以依 此開始工作。桌面與既存的文件夾構成里面相違背，所以要以特殊位置的文件 夾的參照形式來定義內容。比如在微軟公司的Windows XP系統(tǒng)中，各種用戶的 桌面內容實際保存在系統(tǒng)盤（默認為C盤）：Documents and Settings用戶 名八桌面文件夾里。墻紙，即桌面背景?？梢栽O置為各種圖

12、片和各種附件， 成為視覺美觀的重要因素之一。視窗：應用程序為使用數據而在圖形用戶界面中設置的基本單元。應用程 序和數據在窗口內實現一體化。在窗口中，用戶可以在窗口中操作應用程序， 進行數據的管理、生成和編輯。通常在窗口四周設有菜單、圖標，數據放在中央。在窗口中，根據各種數據/應用程序的內容設有標題欄，一般放在窗口的最 上方，并在其中設有最大化、最小化（隱藏窗口，并非消除數據）、最前面、縮 進（僅顯示標題欄）等動作按鈕，可以簡單地對窗口進行操作。單一文件界面：在窗口中，一個數據在一個窗口內完成的方式。在這種情 況下，數據和顯示窗口的數量是一樣的。若要在其他應用程序的窗口使用數 據，將相應生成新的

13、窗口。因此窗口數量多，管理復雜。多文件界面：在一個窗口之內進行多個數據管理的方式。這種情況下，窗 口的管理簡單化，但是操作變?yōu)殡p重管理。標簽：多文件界面的數據管理方式中使用的一種界面，將數據的標題在窗 口中并排，通過選擇標簽標題顯示必要的數據，這樣使得接入數據方式變得更 為便捷。上述中，多文件界面主要是微軟視窗系統(tǒng)采用。而在其他環(huán)境中，通常多 是單文件界面，所以無所謂單一/多文件界面的稱呼問題。菜單：將系統(tǒng)可以執(zhí)行的命令以階層的方式顯示出來的一個界面。一般置 于畫面的最上方或者最下方，應用程序能使用的所有命令幾乎全部都能放入。 重要程度一般是從左到右，越往后重要度越低。命定的層次根據應用程序的

14、不 同而不同，一般重視文件的操作、編輯功能，因此放在最左邊，然后往右有各 種設置等操作，最右.邊往往設有幫助。一般使用鼠標的第一按鈕進行操作。即時菜單（乂稱功能表）：與應用程序準備好的層次菜單不同，在菜單欄以 外的地方，通過鼠標的第二按鈕調出的菜單稱為“即時菜單”。根據調出位置 的不同，菜單內容即時變化，列出所指示的對象目前可以進行的操作。圖標：顯示在管理數據的應用程序中的數據，或者顯示應用程序本身。數 據管理程序，即在文件夾中用戶數據的管理、進行特定數據管理的程序的情況 下，數據通過圖標顯示出來。通常情況下顯示的是數據的內容或者與數據相關 聯(lián)的應用程序的圖案。另外，點擊數據的圖標，一般可以之

15、間完成啟動相關應 用程序以后再顯示數據本身這兩個步驟的工作。應用程序的圖標只能用于啟動應用程序。按鈕：菜單中，利用程度高的命令用圖形表示出來，配置在應用程序中， 成為按鈕。應用程序中的按鈕，通?？梢源娌藛?。一些使用程度高的命令， 不必通過菜單一層層翻動才能調出，極大提高了工作效率。但是，各種用戶使 用的命令頻率是不一樣的，因此這種配置一般都是可以由用戶自定義編輯。3 QT技術Qt是諾基亞開發(fā)的一個跨平臺的C+圖形用戶界面應用程序框架。它提供 給應用程序開發(fā)者建立藝術級的圖形用戶界面所需的所用功能。Qt是完全面向 對象的，很容易擴展，并且允許真正地組件編程。自從1996年早些時候，Qt 進入商

16、業(yè)領域，它已經成為全世界范圍內數千種成功的應用程序的基礎。Qt也 是流行的Linux桌面環(huán)境KDE的基礎?；旧?，Qt同X Window上的 Motif, Openwin, GTK 等圖形界 面庫和 Windows 平臺上的 MFC, OWL, VCL, ATL是同類型的東西，但Qt具有優(yōu)良的跨平臺特性、面向對象、豐富的 API、大量的開發(fā)文檔等優(yōu)點。QT的優(yōu)勢面向對象：Qt的良好封裝機制使得Qt的模塊化程度非常高，可重用性 較好，對于用戶開發(fā)來說是非常方便的。Qt提供了一種稱為signals/slots 的安全類型來替代callback,這使得各個元件之間的協(xié)同工作變得十分簡 單。豐富的AP

17、I： Qt包括多達250個以上的C+類，還提供基于模板的 collections, serialization, file, I/Odevice, directory, management ,date/time類。甚至還包括正則表達式的處理功能。支持2D/3D圖形渲染，支持OpenGL ,大量的開發(fā)文檔，XML支持， Webkit引擎的集成，可以實現本地界面與Web內容的無縫集成但是真正使得Qt在自由軟件界的眾多Widgets (如Lesstif, Gtk, EZWGL, Xforms, fltk等等)中脫穎而出的還是基于Qt的重量級軟件KDE。QT圖形用戶界面Qt的圖形用戶界面的基礎是QW

18、idgeto Qt中所有類型的GUI組件如按鈕、 標簽、工具欄等都派生自QWidget,而QWidget本身則為QObject的子類。 Widget負責接收鼠標，鍵盤和來自窗口系統(tǒng)的其他事件，并描繪了自身顯示在 屏幕上。每一個GUI組件都是一個widget, widget還可以作為容器，在其內包 含其他Widget oQWidget不是一個抽象類。并且可以被放置在一個已存在的用戶界面中；若 是Widget沒有指定父Widget,當它顯示時就是一個獨立的視窗、或是一個頂 層widget o QWidget顯示能力包含了透明化及Double-Buffering。Qt提供一種 托管機制，當Widge

19、t于創(chuàng)建時指定父對象，就可把自己的生命周期交給上層對 象管理，當上層對象被釋放時，自己也被釋放。確保對象不再使用時都會被刪 除。3 QT Creator的特點以及優(yōu)勢Qt Creator是跨平臺的Qt IDE, Qt Creator是Qt被Nokia收購后推 出的一款新的輕量級集成開發(fā)環(huán)境（IDE）o此IDE能夠跨平臺運行，支持的系 統(tǒng)包括Linux （32位及64位）、Mac OS X以及Windowso根據官方描述，Qt Creator的設計目標是使開發(fā)人員能夠利用Qt這個應用程序框架更加快速及 輕易的完成開發(fā)任務。在功能方面，Qt Creator包括項目生成向導、高級的C+代碼編輯器、

20、瀏覽文件及類的工具、集成了 Qt Designer Qt Assistant Qt Linguist、圖 形化的GDB調試前端，集成qmake構建工具等。Qt Creator主要是為了幫助新Qt用戶更快速入門并運行項目，還可提高 有經驗的Qt開發(fā)人員的工作效率。使用強大的C+代碼編輯器可快速編寫 代碼，語法標識和代碼完成功能輸入時進行靜態(tài)代碼檢驗以及提示樣式上下文 相關的幫助代碼折疊括號匹配和括號選擇模式高級編輯功能。使用瀏覽工具管理源代碼，集成了領先的版本控制軟件，包括Git、 Perforce和Subversion開放式文件，無須知曉確切的名稱或位置搜索類和文 件跨不同位置或文件沿用符號在

21、頭文件和源文件，或在聲明和定義之間切換。為Qt跨平臺開發(fā)人員的需求而量身定制，集成了特定于Qt的功能，如 信號與槽（Signals & Slots）圖示調試器，對Qt類結構可一目了然集成了 Qt Designer可視化布局和格式構建器只需單擊一下就可生成和運行Qt項 目。4圖片查看器程序的移植過程盡管已經圖片查看器出現很多年，但是它對很多人來說還是個新鮮事物。 圖片查看器通過液晶的屏幕來顯示數字相片，可以通過讀卡器接口從SD卡獲取 數字相片信息，并可設置循環(huán)顯示方式，比普通相框更加靈活多變，也給日益 增多的數碼相片提供一個新的展示空間。移植QTQT是一個跨平臺的C+圖形用戶界面庫，是專為小型設

22、備提供豐富的窗口 小部件（Widgets）支持串口部件的定制，可以為用戶提供漂亮的圖形界面。QT 是開源的圖形界面軟件，也是最流行的圖形界面之一。QT源代碼編譯第一步：在 ftp： /ftp. trolltech/qt/source/下載 QT 源代碼 qt- embedded-free-3. 3. 7. tar. gz 和 qt-xll-free-3. 3. 7. tar. gz。第二步:編譯 qt-xll-free-3. 3. 7tar zxvf qt-x 11 -free-3.3.7cd qt-xl l-free-3.3.7./configure/user/bin/gmake2交叉編譯編

23、譯 qt-embedded-free-3.3.7tar zxvf qt-embedded-free-3.3.7 cp qt-x 11 -free-3.3.7/bin/uic qt-embedded-free-3.3.7/bincp qt-xl l-free-3.3.7/bin/moc qt-embedded-free-3.3.7/bincd qt-embedded-free-3.3.7./configure -shared -thread -embedded arm -qvfb -freetype-depths4,8,16,24,32 -qt-gif -qt-libpng -qt-libmng

24、 -qt-libjpeg -sqlite -no -qvfb/usr/bin/gmake(6)運彳亍 qt-embedded-free-3.3.7/exanipIe/hello/heHo:#cd qt-embedded-free-3.3.7/example/hello./hello-qws如果屏幕顯示hello,就說明移植成功。2程序開發(fā)環(huán)境2.1主程序中創(chuàng)建類在主程序中建一個mainwindows類，用來顯示開機界面并接受開機界面上 的點擊事件。（1）主程序中建一個setting類，初始化為隱藏，用來配置設置圖片格式。 當顯示開機界面時點擊到配置圖標，該類的對象顯示，顯示出配置界面。（2）主

25、程序中建一個play類，初始化為隱藏。顯示開機界面后，如果點擊 到播放按鈕，開始載入圖片。（3）設置完畢。2. 2制定程序框架QT簡單易用，功能強大，用它來實現該作品的功能，寫在程序上省去了很 多事。它提供對大多數目前流行圖片格式的支持，如BMRPNGJPEG等，并且 可以對圖片進行加工。我們可以通過QT編程，實現圖片的翻轉，扭曲，縮 放，重疊，以及播放幻燈片的各種切換效果。用觸摸屏實現輸入操作，進行界 面切換。2. 3編輯調試程序程序用C+編寫，在windows主機系統(tǒng)下用source insight軟件編輯，通過 文件共享，在虛擬機linux環(huán)境下編譯，具體步驟如下：（1）在windows

26、主機和linux虛擬機的共享目錄下，打開source insight軟 件，建一個工程，然后在工程里新建圖片查看器文件，這樣，類成員會自動補 齊。（2）編輯完畢，保存。（3）進入虛擬機的圖片查看器工程路徑，執(zhí)行以下命令，進行編譯。./bin/qmake-project./bin/qmake make（4）掛載開發(fā)板，調試（用NFS）o進入開發(fā)板終端，執(zhí)行相關命令，觀 看程序執(zhí)行效果。（5）重復以上步驟，直至程序調試滿意，然后把調試好的程序燒入板子的 S3c2440L芯片中脫機運行。4. 3圖片查看器程序設計4. 3.1預期達到的界面模型圖4-1預期成果4. 3. 2源程序items, h#if

27、ndef ITEMS.Hitdefine ITEMS_Httinclude class QGraphicsSceneMouseEvent;class Pixltem ： public QGraphicsItem , public QObject public：Pixltem(QPixmap *pixmap);QRectF boundingRect() const;void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);void timerEvent(QTimerEvent *)

28、;void mousePressEvent(QGraphicsSceneMouseEvent *);void mouseReleaseEvent(QGraphicsSceneMouseEvent *);private:QPixmap pix;QTimer *timer;ttendif / ITEMS.Hitems, cppttinclude items. httinclude Pixltem： ：Pixltem(QPixmap *pixmap)pix = *pixmap;itinclude ，zmainwidget. hint main(int argc, char * argv)QAppli

29、cation app(argc, argv);MainWidget w;show();return app. exec ();)mainwidget. cppttinclude ,mainwidget. h itinclude ttinclude static const double PI = 3. 14159265358979323846264338327950288419717; MainWidget： :MainWidget (QWidget *parent):QWidget(parent)(angle = 0;scale = 5;shear = 5;translate = 50;QG

30、raphicsScene *scene = new QGraphicsScene;scene-setSceneRect(-200, -200, 400, 400);QPixmap *pixmap = new QPixmap (/zimages/rotate. png，z);item = new Pixltem(pixmap);scene-addltem(item);item-setPos(0, 0);view = new QGraphicsView;view-setScene(scene);view-setMinimumSize(400, 400);ctrlFrame = new QFrame

31、; createControlIFrame(); QHBoxLayout *mainLayout = new QHBoxLayout; mainLayout-setMargin(10);mainLayout-setSpacing(20); mainLayout-addWidget(view); mainLayout-addWidget(ctrlFrame); setLayout(mainLayout);setWindowTitle (tr (，zGraphics Item Transformation7); void MainWidget:createControlIFrame () (/ R

32、otate Control1QGroupBox *rotateGroup = new QGroupBox(tr(Rotate); QSlider *rotateSlider = new QSlider;rotateSlider-setOrientation(Qt:horizontal); rotateSlider-setRange(0, 360);connect(rotateSlider, SIGNAL(valueChanged(int), this, SLOT(slotRotate( int);QHBoxLayout *11 = new QHBoxLayout;H-addWidget (ro

33、tateSlider); rotateGroup-setLayout(11); / Scale Control1 QGroupBox *scaleGroup = new QGroupBox(tr(Scale); QSlider *scaleSlider = new QSlider;scaleSlider-setOrientation(Qt:horizontal); scaleSlider-setRange(1, 10);scaleSlider-setValue(5);connect(scaleSlider, SIGNAL(valueChanged(int), this, SLOT(slotSc

34、ale(in t);QHBoxLayout *12 = new QHBoxLayout;12-addWidget(scaleSlider);scaleGroup-setLayout(12);/ Shear Control1QGroupBox *shearGroup = new QGroupBox (tr (z，Shearz，);QSlider *shearSlider = new QSlider;shearSlider-setOrientation(Qt:Horizontal);shearSlider-setRange(0, 9);shearSlider-setValue(5);connect

35、(shearSlider, SIGNAL(valueChanged(int), this, SLOT(slotShear(in t);QHBoxLayout *13 = new QHBoxLayout;13-addWidget(shearSlider);shearGroup-setLayout(13);/ Tranlate Control1QGroupBox *translateGroup = new QGroupBox(tr(Translate);QSlider *translateSlider = new QSlider;translateSlider-setOrientation(Qt:

36、horizontal);translateSlider-setRange(0, 100);translateSlider-setValue(50);connect(translateSlider, SIGNAL(valueChanged(int), this, SLOT(slotTran slate(int);QHBoxLayout *14 = new QHBoxLayout;14-addWidget(translateSlider);translateGroup-setLayout(14);QVBoxLayout *ctrlLayout = new QVBoxLayout;ctrlLayou

37、t-addWidget(rotateGroup);ctrlLayout-addWidget(scaleGroup);ctrlLayout-addWidget(shearGroup);ctrlLayout-addWidget(translateGroup);ctrlLayout-addStretch();ctrlFrame-setLayout(ctrlLayout);voidMainWidget:slotRotate(int value) ( item-rotate(value-angle); angle = value; void MainWidget:slotScale(int value) ( qreal s;if (valuescale)s = pow(l. 1, (value-scale); elses = pow(l/l. 1, (scale-value);item-scale (s,s); scale = value; void MainWi