图形界面应用程序设计

1 图形界面应用程序设计 实验目的了解在Linux下安装Qt以及Qt Embedded的基本步骤学会在Qt E平台下使用Virtualframebuffer显示程序结果学会使用QtDesigner编写程序 交叉编译 在开发板上运行实验内容3 1安装与建立QT桌面运行环境3 2QTDesigner简介及QT E的交叉编译3 3建立本机Qtopia虚拟平台 选做 3 4Qtopia在2410 s上的移植 选做 2 图形界面应用程序设计 实验过程 建立Qt运行环境 使用Tmake工具 编译Qt编译Qvfb编译Qt E 运行图形界面程序 使用qvfb显示运行结果 运行Qt E自带Demo编写 编译 运行小程序 使用Designer编写程序使用designer编辑控件使用uic工具生成源码 交叉编译 在开发板运行 使用Tmake工具 编译Qt 3 图形界面应用程序设计 实验相关工具TmakeQtQT EmbeddedQvfbQTDesigner 4 图形界面应用程序设计 实验注意事项实验指导书错误纠正P129 140设置环境变量TMAKEDIR QT2DIR QTEDIR时分别去掉一个host target Eg exportTMAKEDIR PWD host tmake 1 13改为 exportTMAKEDIR PWD tmake 1 13QTDesigner启动方法任意路径输入designer 启动Linux中预先安装的Qt3 1启动本次实验中安装的Qt2 3 2自带designercd QT2DIR bin designer设置环境变量的命令可写在一个文件里 用sourcefilename来执行检查环境变量的设置是否正确echo TMAKEDIRcd TMAKEDIR 5 安装与建立QT运行环境 实验步骤拷贝所需文件编译Qt2 3 2编译Qvfb编译Qt Embedded运行Qt E自带demo 使用virtualframebuffer显示运行结果 HelloEmbedded 程序的编写 编译和运行 6 安装与建立QT运行环境 拷贝所需文件到 root 2410sQt目录下cd rootmkdir2410sQtcd2410sQtmkdirhostcd arm2410s gui Qt srccp arftmake 1 13 tar gzqt embedded 2 3 10 free tar gzqt x11 2 3 2 tar gz root 2410sQt host 或 mnt hgfs arm gui Qt src 7 安装与建立QT运行环境 解压安装包并设置环境变量cd 2410sQt hosttar xzftmake 1 13 tar gzexportTMAKEDIR PWD tmake 1 13tar xzfqt x11 2 3 2 tar gzexportQT2DIR PWD qt 2 3 2tar xzfqt embedded 2 3 10 free tar gzexportQTEDIR PWD host qt 2 3 10编译Qt2 3 2cd QT2DIRexportTMAKEPATH TMAKEDIR lib linux g exportQTDIR QT2DIRexportPATH QTDIR bin PATHexportLD LIBRARY PATH QTDIR lib LD LIBRARY PATH configure no xft 出现选项时都输入yesmakecp arfbin uic QTEDIR bin Qt X11 Tmake Qt Embedded 编译会生成designer和uic 8 安装与建立QT运行环境 编译qvfbexportTMAKEPATH TMAKEDIR lib linux g exportQTDIR QT2DIRexportPATH QTDIR bin PATHexportLD LIBRARY PATH QTDIR lib LD LIBRARY PATHcd QTEDIR tools qvfb root 2410sQt host tmake 1 13 bin tmake oMakefileqvfb promakemvqvfb QTEDIR bin 编译Qt Embeddedcd QTEDIRexportTMAKEPATH TMAKEDIR lib qws linux x86 g exportQTDIR QTEDIRexportPATH QTDIR bin PATHexportLD LIBRARY PATH QTDIR lib LD LIBRARY PATH configure no xft qvfb depths4 8 16 32yes5make 使用 configure help查看更多配置选项 编译为在宿主机运行若要发布到开发版 需用linux arm g 9 运行Qt E自带的demo 设置环境变量exportQT2DIR qt2的安装路径exportQTEDIR qte的安装路径exportQTDIR QTEDIRexportPATH QTEDIR bin PATHexportLD LIBRARY PATH QTEDIR lib QT2DIR lib LD LIBRARY PATH运行qvfbqvfb width640 height480 运行QT E程序cd QTEDIR examples launcher launcher qws qws表示作为服务器运行 10 执行命令qvfb width640 height480 后会出现左图窗口 然后回到终端窗口回车再输入命令 launcher qws执行出现右图 运行Qt E自带的demo 11 编译运行 HelloEmbedded 程序 使用vi编写文件hello cppmkdirexpcdexpvihello cpp生成工程文件 pro exportTMAKEDIR tmake的安装路径 TMAKEDIR bin progen tapp t ohello pro生成Makefile文件exportTMAKEPATH TMAKEDIR lib qws linux x86 g exportQTEDIR qte的安装路径exportQTDIR QTEDIR TMAKEDIR bin tmake oMakefilehello pro编译make运行exportPATH QTEDIR bin PATHexportLD LIBRARY PATH QTEDIR lib QT2DIR lib LD LIBRARY PATHqvfb hello qws 12 编译运行 HelloEmbedded 程序 hello cpp1 include2 include3intmain intargc char argv 4 5QApplicationapp argc argv 6QLabel label newQLabel HelloQt Embedded 0 7app setMainWidget label 8label show 9returnapp exec 10 13 执行命令qvfb 后出现左图 然后执行 hello qws出现右图 编译运行 HelloEmbedded 程序 14 使用QtDesigner程序开发 运行designer QT2DIR bin designer使用designer编辑程序控件创建和初始化子部件新建一个Dialog窗体添加一些几个部件 一个CheckBox 一个PushButton 一个Slider 一个Dial 一个LCDNumber 一个ProgressBar设置子部件的布局使用LayoutinaGrid自动实现布局设置Tab键的次序Tools TabOrder建立信号与插槽的连接使用ConnectSignal Slots F3 点击后用鼠标连接两个部件建立连接实现功能 点击PushButton会选中CheckBox 拖动Slider同时 Dial LCDNumber和ProgressBar会随其变化 15 使用QtDesigner程序开发 查看连接情况点击Edit Connections 16 使用QtDesigner程序开发 将窗体保存为win uicd root 2410sQt hostmkdirexp2将win ui保存到exp2目录使用uic工具生成 h文件和 cpp文件cdexp2uic owin hwin uiuic owin cpp implwin hwin ui编辑main cpp文件参考实验指导书P132生成工程文件 Makefile文件 编译运行exportTMAKEDIR tmake的安装路径 TMAKEDIR bin progen tapp t owin pro修改win pro将INTERFACES win ui修改为 INTERFACES exportTMAKEPATH TMAKEDIR lib qws linux x86 g exportQTEDIR qte的安装路径exportQTDIR QTEDIR TMAKEDIR bin tmake oMakefilewin pro 17 使用QtDesigner程序开发 编译make运行exportPATH QTEDIR bin PATHexportLD LIBRARY PATH QTEDIR lib QT2DIR lib LD LIBRARY PATHqvfb width640 height480 win qws 18 QT E的交叉编译 拷贝所需文件到 root 2410sQt target目录下cd root 2410sQtmkdirtargetcd mnt hgfs arm gui Qt srccp arftmake 1 13 tar gzqt embedded 2 3 10 free tar gzqt x11 2 3 2 tar gz root 2410sQt target安装编译器arm linux gcc 3 4 1cd arm2410s gui Qt toolscparm linux gcc 3 4 1 tar bz2 optcd opttarxjvfarm linux gcc 3 4 1 tar bz2 C vi root bashi profile 打开文件在PATH后面加上 opt usr local arm 3 4 1 binsource root bash profile 19 QT E的交叉编译 解压安装包并设置环境变量cd 2410sQt targettar xzftmake 1 13 tar gzexportTMAKEDIR PWD tmake 1 13tar xzfqt x11 2 3 2 tar gzexportQT2DIR PWD qt 2 3 2tar xzfqt embedded 2 3 10 free tar gzexportQTEDIR PWD qt 2 3 10编译Qt2 3 2cd QT2DIRexportTMAKEPATH TMAKEDIR lib linux g exportQTDIR QT2DIRexportPATH QTDIR bin PATHexportLD LIBRARY PATH QTDIR lib LD LIBRARY PATH configure no xft 出现选项时都输入yesmakecp arfbin uic QTEDIR bin 20 QT E的交叉编译 编译qvfbexportTMAKEPATH TMAKEDIR lib linux g exportQTDIR QT2DIRexportPATH QTDIR bin PATHexportLD LIBRARY PATH QTDIR lib LD LIBRARY PATHcd QTEDIR tools qvfb root 2410sQt target tmake 1 13 bin tmake oMakefileqvfb promakemvqvfb QTEDIR bin 编译Qt Embeddedcd QTEDIRexportTMAKEPATH TMAKEDIR lib qws linux arm g exportQTDIR QTEDIRexportPATH QTDIR bin PATHexportLD LIBRARY PATH QTDIR lib LD LIBRARY PATH configure xplatformlinux arm g no xft qvfb depths4 8 16 32make查看生成的库文件libqte so libqte so 2 libqte so 2 3 libqte so 2 3 10cd QTEDIR libfilelibqte so 2 3 10将库文件复制到开发板上mount tnfs onolock192 168 0 56 root share host 在开发板端cp arf QTEDIR liblibqte so root share 在PC端cp arf host libqte so usr lib 在开发板端 注意 该make不会正常结束 而是执行到 root 2410sQt target qt 2 3 10 tutorial目录下时会出错退出 实例部分并未执行 不过此时已经完成所需要的库文件的编译 21 QT E的交叉编译 修改tmake配置文件vi TMAKEDIR lib qws linux arm g tmake conf将其中 TMAKE LINK arm linux gcc TMAKE LINK SHLIB arm linux gcc 修改为 TMAKE LINK arm linux g TMAKE LINK SHLIB arm linux g 生成可执行文件cd QTEDIR examples progressbar TMAKEDIR bin progen tapp t oprogressbar proexportTMAKEPATH TMAKEDIR lib qws linux arm g exportQTDIR QTEDIR TMAKEDIR bin tmake omakefileprogressbar promake运行cpprogressbar root share 在PC端在开发板端 mnt yaffs mount tnfs192 168 0 56 root share host mnt yaffs cd host host exportQTDIR usr host cd usr lib mnt yaffs lib mkdirfonts将pc端 QTEDIR lib fonts下的所有文件复制到开发板 mnt yaffs lib fonts下 cd host progressbar qws 需先删除目录下原有的progressbar pro Makefile Makefile in三个文件 22 QT E的交叉编译 目标板上运行常见问题1 如果执行命令 host progressbar qws progressbar errorwhileloadingsharedlibraries