基于omapl138开发板linux qt图形界面入门教程

基于OMAPL138开发板的LinuxQt图形界RevisionRevision 删除Qt4.7、Qt4.8.5安装和使用QT4.7LED、BUTTONQt开发步阅前须©2014-2018GuangzhouTronlongElectronicTechnologyCo.,.Allrights式方案商，专业提供嵌入式开发套件、教学设备和主板定务，专注于TIDSP以及TIC2000/C5000/C6000/DaVinci/KeyStone/Sitara、XilinxSpartan/Virtex、AlteraCyclone/Stratix等系列产品线，推出基于DSP+ARM+FPGA三核架构的处帮帮 Qt介 Qt简 Qt发展历 Qt平台支 Qt优 Qt相关编译和安装 编译和安装ARM端 编译和安装X86端 安装和配置Qt 安装Qt 配置Qt oWorldQt程序开 X86编译配 新建工 设计界 编辑代 编译和运行Qt程 ARM编译配 交叉编译Qt程 在开发板上运行Qt程 LEDQt程序开 X86编译配 新建工 设计界 编辑代 编译和运行Qt程 ARM编译配 交叉编译Qt程 在开发板上运行Qt程 按键Qt程序开 X86编译配 新建工 设计界 编辑代 编译和运行Qt程 ARM编译配 交叉编译Qt程 在开发板上运行Qt程 添加MatrixGui用户界面启动 添加启动 添加GUI程序启动 添加Console程序启动 帮 Qt介绍图Qt1991C++图形用户界面应用程序开发框架。它既可以开发GUI程式，也可用于开发非GUI程式，比如控制台工具和服务器。Qt是面以及一些宏，易于扩展，允许组件编程。2008年，奇趣科技被诺基亚公司收购，QT也因此成为诺基亚旗下的编程语言工具。2012年，Qt被Digia收购。Qt简Qt1991年奇趣科技开发的一个跨平台的C++图形用户界面应用程序框架。它提供给应用程序开发者建立艺术级的图形用户界面所需的所用功能。Qt很容易扩展，并且允许真正地组件编程。基本上，QtXWindowMotif，Openwin，GTK等图形界面库和Windows平台上的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开发团队在其博客上宣布Qt5.1正式版发布Qt支持下述平台：MS/Windows95、98、NT4.0、ME、2000、XP、Vista、Win7、Unix/X11Linux、、、paqTru64UNIX、IBMAIX、SGIIRIX、FreeBSD、BSD/OS和其它很多X11平台；Macintosh-MacOSEmbedded-有帧缓冲(framebuffer)Linux平台，WindowsQtQtCreatorQt开发的轻量级跨平台集成开发环境。QtCreator可带来两大Qt框架的开发人员能迅速上手和操作。C++代码编辑器上下文感知帮助系统可视化调试器源代码管理项目和构建管理工具QtQtCreatorLGPL2.1QtLinguist4.5Gettext的POQt优优良的跨平台特性Qt支持下列操作系统：Windows95/98，WindowsNT，Linux，AIX，OS390，QNX等等。面向对象I/Odevice，directorymanagement，date/time类。甚至还包括正则表达式的处理功能。支持2D/3D图形渲染，支持大量的开XML支1.51.5QtQt/Qt开档 Qt中文 编译和安装 sudoapt-getinstall如果无法安装,如出现以下信息请在Ubuntu选择"system->softwaresources"进行选择源点击"downloadfrom"选择"China- 选择后在"/etc/apt/sources.list"文件最后添加以下内容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"。进入此工作并执行以下命令解压安装Qt到当前： 图 并执行如下命令修改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编译完成后，会在"/home/tl/qt-arm- 图再重新执行"make-j4&&makeinstall"。编译和安装X86 进入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编译完成后，会在"/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-图 框图点击Next，弹出如下界面点击Next，弹出如下界面图点击Next，弹出如下界面图 图方法点击Ubuntu的"Applications->Programming->QtCreator"菜单栏图图 配配置交叉编译工具链路径点击菜单栏"Tool->Options->Build&Run->Compilers->Add图图 下的"bin/arm-none-linux-gnueabi-图图点击Apply即可配置成功。配置ARM和X86端Qt 下的"bin/qmake"文件图4oWorldQt程序开 可执行Qt镜像为光盘"demo\qt\oworld\oworld-build-arm-Debug\oworld"， ，例"/home/tl/qt/qt_program/oworld"X86编译配图新建工程点击Choose，在弹出的框的Name栏输入工程名称 oworld，在"Create栏输入或者通过Browse选择工程存 ，例如 oworld"点击Next，弹出以下界面点击Next，在弹出的界面中，点击"Baseclass"选项下拉选择图和QDialog都是继承自QWidget。点击Next，弹出如下界面图设计界面点击"Forms->widget.ui"，弹出如下界面图图Property属性窗口中，可以看到geometry选项，点开前面的"+"标志，windowTitle字段，双击输入想要的窗口标题，画布中，松开鼠标就放置了一个Label控件，用于显示"owWorld!"。图编辑代码本小结演示如何编辑代码，我们选用了最简单的示例代码—Close。右击界面上"Close"按钮，点击"Gotoslot…"接着弹出Gotoslot框，如下图所示函数内填上"close();"，如下图按"Ctrl+S"就可以保存代编译和运行Qt程序点击页面左边的绿色三角按钮就可以在PC机上编译并运行Qt程序了如下图ARM编译配图Qt程"/home/tl/qt/qt_program/oworld/oworld-build-arm-Debug"，如下图所示然后点击左下角的编译按 即可面设置 中产生ARM端Qt程序镜oworld，如下图所示在开发板上运行Qt程序 执行如下命令运行Qt程序： /etc/init.d/matrix-gui-2.0 ./oworld-图 ./oworld-qws使用"puxas"命令可查看程序进程号 pux图 kill图 exportQWS_MOUSE_PROTO=Tslib:"/dev/input/touchscreen0Qt程序运行命令后缀不可加"-qws"MatrixQt程序可同时运行，即用户Qt程序运行命令如下： \\TL138/1808-EVM开发板为例，对应例程源码位于光盘"demo\qt\led"下。可执 ，例如"/home/tl/qt/qt_program/led"X86编译配图新建工程者通过Browse选择工程存放 点击Next，弹出以下界面图点击Next，弹出如下界面图设计界面点击"Forms->mainwindow.ui"，弹出如下界面图图Property属性窗口中，可以看到geometry选项，点开前面的"+"标志，编辑代码图图图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驱动程序后会在开发板文件系统4LEDbrightnessLED按"Ctrl+S"就可以保存代码了，代码添加后如下图所示图图编译和运行Qt程序点击页面左边的绿色三角按钮就可以在PC机上编译并运行Qt程序了如下图ARM编译配图5.75.7Qt程点击QtCreator界面左侧的工程按 ，弹出如下界面/home/tl/qt/qt_program/led/led-build-arm-Debug"，如下图所示然后点击左下角的编译按 即可面设置 中产生ARM端Qt程序镜5.8在开发板上运行Qt程序发板，安装LED驱动后，在Qt镜像所在 执行如下命令运行Qt程序： insmod //led.ko位于光盘"demo\driver\linux- /etc/init.d/matrix-gui-2.0 ./led-

图按键Qt程序开对应例程源码位于光盘 ，例如"/home/tl/qt/qt_program/button"X86编译配图新建工程Browse，例如："/home/tl/qt/qt_program/button"点击Next，弹出以下界面图点击Next，弹出如下界面图设计界面点击"Forms->mainwindow.ui"，弹出如下界面图图Property属性窗口中，可以看到geometry选项，点开前面的"+"标志，图编辑代码程序逻辑mainwindow.h（红色方框）：图mainwindow.cpp（红色方框图mainwindow.h（红色方框图mainwindow.cpp（红色方框图图若没有按键被按下，程序会直接打印"caseKEY_CODE_NONE"对应的调试信息。处理函数。上小节提到的此函数内的调试信息"Timeout!"已被删除。图1KEY_CODE_NON。程2定义了按键被按下时的处理。当按键被按奇数次时，界面显示为红色，当按键被按偶数次时，界面显示为绿色。此处使用BUTTON_USER0BUTTON_USER1必须和右边MainWindow菜单栏中修改的名字一致。图mainwindow.h（红色方框图mainwindow.cpp（红色方框图 文件event1，Qt程序可使用此节点文件对按键进行。图图编译和运行Qt程序点击页面左边的绿色三角按钮就可以在PC机上编译并运行Qt程序了如下图 ARM编译配图Qt程 "/home/tl/qt/qt_program/button/button-build-arm-Debug"，如下图所示图然后点击左下角的编译按 即可面设置 中产生ARM端Qt程序镜6.86.8在开发板上运行Qt程序Qt镜像所在执行如下命令运行QtTarget#insmodbutton.kobutton.ko位于光盘"demo\driver\linux-3.3\button"下Target#/etc/init.d/matrix-gui-2.0stop//开发板已经设置上电自动执行此程序，先终止Target#./button-qws图添加MatrixGui用户界面启动项/index.php/Matrix_Users_Guide添加启动项以创建一个名为TL的用户界面 为例，将光盘"demo\qt\icons" 96*96大小，用于MatrixGui用户界面 在开发板"/usr/share/matrix-gui-2.0/apps"路径下创建tl_sub，并在