基于omapl138開發(fā)板linux qt圖形界面入門教程

基于OMAPL138開發(fā)板的LinuxQt圖形界RevisionRevision 刪除Qt4.7、Qt4.8.5安裝和使用QT4.7LED、BUTTONQt開發(fā)步閱前須?2014-2018GuangzhouTronlongElectronicTechnologyCo.,.Allrights式方案商，專業(yè)提供嵌入式開發(fā)套件、教學(xué)設(shè)備和主板定務(wù)，專注于TIDSP以及TIC2000/C5000/C6000/DaVinci/KeyStone/Sitara、XilinxSpartan/Virtex、AlteraCyclone/Stratix等系列產(chǎn)品線，推出基于DSP+ARM+FPGA三核架構(gòu)的處幫幫 Qt介 Qt簡 Qt發(fā)展歷 Qt平臺(tái)支 Qt優(yōu) Qt相關(guān)編譯和安裝 編譯和安裝ARM端 編譯和安裝X86端 安裝和配置Qt 安裝Qt 配置Qt oWorldQt程序開 X86編譯配 新建工 設(shè)計(jì)界 編輯代 編譯和運(yùn)行Qt程 ARM編譯配 交叉編譯Qt程 在開發(fā)板上運(yùn)行Qt程 LEDQt程序開 X86編譯配 新建工 設(shè)計(jì)界 編輯代 編譯和運(yùn)行Qt程 ARM編譯配 交叉編譯Qt程 在開發(fā)板上運(yùn)行Qt程 按鍵Qt程序開 X86編譯配 新建工 設(shè)計(jì)界 編輯代 編譯和運(yùn)行Qt程 ARM編譯配 交叉編譯Qt程 在開發(fā)板上運(yùn)行Qt程 添加MatrixGui用戶界面啟動(dòng) 添加啟動(dòng) 添加GUI程序啟動(dòng) 添加Console程序啟動(dòng) 幫 Qt介紹圖Qt1991C++圖形用戶界面應(yīng)用程序開發(fā)框架。它既可以開發(fā)GUI程式，也可用于開發(fā)非GUI程式，比如控制臺(tái)工具和服務(wù)器。Qt是面以及一些宏，易于擴(kuò)展，允許組件編程。2008年，奇趣科技被諾基亞公司收購，QT也因此成為諾基亞旗下的編程語言工具。2012年，Qt被Digia收購。Qt簡Qt1991年奇趣科技開發(fā)的一個(gè)跨平臺(tái)的C++圖形用戶界面應(yīng)用程序框架。它提供給應(yīng)用程序開發(fā)者建立藝術(shù)級(jí)的圖形用戶界面所需的所用功能。Qt很容易擴(kuò)展，并且允許真正地組件編程?；旧希琎tXWindowMotif，Openwin，GTK等圖形界面庫和Windows平臺(tái)上的MFC，OWL，VCL，1996OctKDE1998Apr05Trolltech5Netscape5.0MotifQt1998Apr08KDEFreeQt成1998Jul09Qt1.401998Jul12KDE1.01999Mar04QPL1.01999Mar12Qt1.441999Jun25Qt2.01999Sep13KDE1.1.22000Mar20Qt2000Sep06Qt2.22000Oct05Qt2.2.12000Oct30Qt/EmbeddedGPL2000Sep04Qtfreeedition2008Nokia從Trolltech公司收購Qt,并增加LGPL的模**2011DigiaNokiaQtCommercialDigiaNokiaQtonMobile**2012Aug09ITDigia2013年7月3日,Digia公司Qt開發(fā)團(tuán)隊(duì)在其博客上宣布Qt5.1正式版發(fā)布Qt支持下述平臺(tái)：MS/Windows95、98、NT4.0、ME、2000、XP、Vista、Win7、Unix/X11Linux、、、paqTru64UNIX、IBMAIX、SGIIRIX、FreeBSD、BSD/OS和其它很多X11平臺(tái)；Macintosh-MacOSEmbedded-有幀緩沖(framebuffer)Linux平臺(tái)，WindowsQtQtCreatorQt開發(fā)的輕量級(jí)跨平臺(tái)集成開發(fā)環(huán)境。QtCreator可帶來兩大Qt框架的開發(fā)人員能迅速上手和操作。C++代碼編輯器上下文感知幫助系統(tǒng)可視化調(diào)試器源代碼管理項(xiàng)目和構(gòu)建管理工具QtQtCreatorLGPL2.1QtLinguist4.5Gettext的POQt優(yōu)優(yōu)良的跨平臺(tái)特性Qt支持下列操作系統(tǒng)：Windows95/98，WindowsNT，Linux，AIX，OS390，QNX等等。面向?qū)ο驣/Odevice，directorymanagement，date/time類。甚至還包括正則表達(dá)式的處理功能。支持2D/3D圖形渲染，支持大量的開XML支1.51.5QtQt/Qt開檔 Qt中文 編譯和安裝 sudoapt-getinstall如果無法安裝,如出現(xiàn)以下信息請(qǐng)?jiān)赨buntu選擇"system->softwaresources"進(jìn)行選擇源點(diǎn)擊"downloadfrom"選擇"China- 選擇后在"/etc/apt/sources.list"文件最后添加以下內(nèi)容debdebdebhttpdebhttpdebhttpdebdeb-srchttpdeb-srchttpdeb-srchttpdeb-srchttpdeb-src/ubuntu/raringmainrestricteduniverse/ubuntu/raring-securitymainrestricteduniverse/ubuntu/raring-updatesmainrestricteduniverse/ubuntu/raring-proposedmainrestricteduniverse/ubuntu/raring-backportsmainrestricteduniverse/ubuntu/raringmainrestricteduniverse/ubuntu/raring-backportsmainrestricted編譯和安裝ARMUbuntu中新Qt將光盤"tools\qt-everywhere-opensource-src-4.8.3.tar.gz"的Qt源碼此工作，例如"/home/tl/qt"。進(jìn)入此工作并執(zhí)行以下命令解壓安裝Qt到當(dāng)前： 圖 并執(zhí)行如下命令修改Qt交叉編譯工具鏈為arm-none-linux-gnueabi- cdqt-everywhere-opensource-src- cp-amkspecs/qws/linux-arm-g++/mkspecs/qws/linux-omapl138- "s/arm-linux/arm-none-linux-mkspecs/qws/linux-omapl138-mkspecs/qws/linux-omapl138-圖 echo-e"o\nyes"|./configure-prefix/home/tl/qt-arm-4.8.3-embeddedarm-xplatformqws/linux-omapl138-g++-no-webkit-qt-libtiff-qt-libmng-no-neon-qtlibinfixE-prefix/home/tl/qt-arm-4.8.3：表示Qt的安裝路徑是"/home/tl/qt-arm-4.8.3"-xplatformqws/linux-omapl138-g++：表示使用"qws/linux-omapl138- make-j4&&make編譯完成后，會(huì)在"/home/tl/qt-arm- 圖再重新執(zhí)行"make-j4&&makeinstall"。編譯和安裝X86 進(jìn)入Qt工作 cd rm-rfqt-everywhere-opensource-src- 圖 cdqt-everywhere-opensource-src- echo-e"o\nyes"|./configure-prefix/home/tl/qt-x86-4.8.3-no- make-j4&&make編譯完成后，會(huì)在"/home/tl/qt-x86- 圖Qt將光盤tools 下的QtCreator安裝包qt-creator-linux-x86-opensource-2.6.1.bin拷貝到Ubuntu的Qt工作 odu+xqt-creator-linux-x86-opensource- ./qt-creator-linux-x86-opensource-圖 框圖點(diǎn)擊Next，彈出如下界面點(diǎn)擊Next，彈出如下界面圖點(diǎn)擊Next，彈出如下界面圖 圖方法點(diǎn)擊Ubuntu的"Applications->Programming->QtCreator"菜單欄圖圖 配配置交叉編譯工具鏈路徑點(diǎn)擊菜單欄"Tool->Options->Build&Run->Compilers->Add圖圖 下的"bin/arm-none-linux-gnueabi-圖圖點(diǎn)擊Apply即可配置成功。配置ARM和X86端Qt 下的"bin/qmake"文件圖4oWorldQt程序開 可執(zhí)行Qt鏡像為光盤"demo\qt\oworld\oworld-build-arm-Debug\oworld"， ，例"/home/tl/qt/qt_program/oworld"X86編譯配圖新建工程點(diǎn)擊Choose，在彈出的框的Name欄輸入工程名稱 oworld，在"Create欄輸入或者通過Browse選擇工程存 ，例如 oworld"點(diǎn)擊Next，彈出以下界面點(diǎn)擊Next，在彈出的界面中，點(diǎn)擊"Baseclass"選項(xiàng)下拉選擇圖和QDialog都是繼承自QWidget。點(diǎn)擊Next，彈出如下界面圖設(shè)計(jì)界面點(diǎn)擊"Forms->widget.ui"，彈出如下界面圖圖Property屬性窗口中，可以看到geometry選項(xiàng)，點(diǎn)開前面的"+"標(biāo)志，windowTitle字段，雙擊輸入想要的窗口標(biāo)題，畫布中，松開鼠標(biāo)就放置了一個(gè)Label控件，用于顯示"owWorld!"。圖編輯代碼本小結(jié)演示如何編輯代碼，我們選用了最簡單的示例代碼—Close。右擊界面上"Close"按鈕，點(diǎn)擊"Gotoslot…"接著彈出Gotoslot框，如下圖所示函數(shù)內(nèi)填上"close();"，如下圖按"Ctrl+S"就可以保存代編譯和運(yùn)行Qt程序點(diǎn)擊頁面左邊的綠色三角按鈕就可以在PC機(jī)上編譯并運(yùn)行Qt程序了如下圖ARM編譯配圖Qt程"/home/tl/qt/qt_program/oworld/oworld-build-arm-Debug"，如下圖所示然后點(diǎn)擊左下角的編譯按 即可面設(shè)置 中產(chǎn)生ARM端Qt程序鏡oworld，如下圖所示在開發(fā)板上運(yùn)行Qt程序 執(zhí)行如下命令運(yùn)行Qt程序： /etc/init.d/matrix-gui-2.0 ./oworld-圖 ./oworld-qws使用"puxas"命令可查看程序進(jìn)程號(hào) pux圖 kill圖 exportQWS_MOUSE_PROTO=Tslib:"/dev/input/touchscreen0Qt程序運(yùn)行命令后綴不可加"-qws"MatrixQt程序可同時(shí)運(yùn)行，即用戶Qt程序運(yùn)行命令如下： \\TL138/1808-EVM開發(fā)板為例，對(duì)應(yīng)例程源碼位于光盤"demo\qt\led"下?？蓤?zhí) ，例如"/home/tl/qt/qt_program/led"X86編譯配圖新建工程者通過Browse選擇工程存放 點(diǎn)擊Next，彈出以下界面圖點(diǎn)擊Next，彈出如下界面圖設(shè)計(jì)界面點(diǎn)擊"Forms->mainwindow.ui"，彈出如下界面圖圖Property屬性窗口中，可以看到geometry選項(xiàng)，點(diǎn)開前面的"+"標(biāo)志，編輯代碼圖圖圖D7system("echo1>D7system("echo0>D6system("echo1>D6system("echosystem("echo0>D9system("echo1>D9system("echo0>D10system("echo1>D10system("echo0>ALLsystem("echo1>/sys/class/leds/user_led0/brightness");system("echo1>/sys/class/leds/user_led1/brightness");system("echo1>/sys/class/leds/user_led2/brightness");system("echo1>/sys/class/leds/user_led3/brightness");ALLsystem("echo0>/sys/class/leds/user_led0/brightness");system("echo0>/sys/class/leds/user_led1/brightness");system("echo0>/sys/class/leds/user_led2/brightness");system("echo0>/sys/class/leds/user_led3/brightness");LED驅(qū)動(dòng)程序后會(huì)在開發(fā)板文件系統(tǒng)4LEDbrightnessLED按"Ctrl+S"就可以保存代碼了，代碼添加后如下圖所示圖圖編譯和運(yùn)行Qt程序點(diǎn)擊頁面左邊的綠色三角按鈕就可以在PC機(jī)上編譯并運(yùn)行Qt程序了如下圖ARM編譯配圖5.75.7Qt程點(diǎn)擊QtCreator界面左側(cè)的工程按 ，彈出如下界面/home/tl/qt/qt_program/led/led-build-arm-Debug"，如下圖所示然后點(diǎn)擊左下角的編譯按 即可面設(shè)置 中產(chǎn)生ARM端Qt程序鏡5.8在開發(fā)板上運(yùn)行Qt程序發(fā)板，安裝LED驅(qū)動(dòng)后，在Qt鏡像所在 執(zhí)行如下命令運(yùn)行Qt程序： insmod //led.ko位于光盤"demo\driver\linux- /etc/init.d/matrix-gui-2.0 ./led-

圖按鍵Qt程序開對(duì)應(yīng)例程源碼位于光盤 ，例如"/home/tl/qt/qt_program/button"X86編譯配圖新建工程Browse，例如："/home/tl/qt/qt_program/button"點(diǎn)擊Next，彈出以下界面圖點(diǎn)擊Next，彈出如下界面圖設(shè)計(jì)界面點(diǎn)擊"Forms->mainwindow.ui"，彈出如下界面圖圖Property屬性窗口中，可以看到geometry選項(xiàng)，點(diǎn)開前面的"+"標(biāo)志，圖編輯代碼程序邏輯mainwindow.h（紅色方框）：圖mainwindow.cpp（紅色方框圖mainwindow.h（紅色方框圖mainwindow.cpp（紅色方框圖圖若沒有按鍵被按下，程序會(huì)直接打印"caseKEY_CODE_NONE"對(duì)應(yīng)的調(diào)試信息。處理函數(shù)。上小節(jié)提到的此函數(shù)內(nèi)的調(diào)試信息"Timeout!"已被刪除。圖1KEY_CODE_NON。程2定義了按鍵被按下時(shí)的處理。當(dāng)按鍵被按奇數(shù)次時(shí)，界面顯示為紅色，當(dāng)按鍵被按偶數(shù)次時(shí)，界面顯示為綠色。此處使用BUTTON_USER0BUTTON_USER1必須和右邊MainWindow菜單欄中修改的名字一致。圖mainwindow.h（紅色方框圖mainwindow.cpp（紅色方框圖 文件event1，Qt程序可使用此節(jié)點(diǎn)文件對(duì)按鍵進(jìn)行。圖圖編譯和運(yùn)行Qt程序點(diǎn)擊頁面左邊的綠色三角按鈕就可以在PC機(jī)上編譯并運(yùn)行Qt程序了如下圖 ARM編譯配圖Qt程 "/home/tl/qt/qt_program/button/button-build-arm-Debug"，如下圖所示圖然后點(diǎn)擊左下角的編譯按 即可面設(shè)置 中產(chǎn)生ARM端Qt程序鏡6.86.8在開發(fā)板上運(yùn)行Qt程序Qt鏡像所在執(zhí)行如下命令運(yùn)行QtTarget#insmodbutton.kobutton.ko位于光盤"demo\driver\linux-3.3\button"下Target#/etc/init.d/matrix-gui-2.0stop//開發(fā)板已經(jīng)設(shè)置上電自動(dòng)執(zhí)行此程序，先終止Target#./button-qws圖添加MatrixGui用戶界面啟動(dòng)項(xiàng)/index.php/Matrix_Users_Guide添加啟動(dòng)項(xiàng)以創(chuàng)建一個(gè)名為TL的用戶界面 為例，將光盤"demo\qt\icons" 96*96大小，用于MatrixGui用戶界面 在開發(fā)板"/usr/share/matrix-gui-2.0/apps"路徑下創(chuàng)建tl_sub，并在