《Qt_Embedded编程实战:5Qt布局》由会员分享,可在线阅读,更多相关《Qt_Embedded编程实战:5Qt布局(10页珍藏版)》请在金锄头文库上搜索。
1、Qt布局布局 www.HKZKwww.HKZK内容内容实验目的实验目的 1实验设备实验设备 2实验内容实验内容 3实验预习要求实验预习要求 4实验原理实验原理 5实验步骤实验步骤 6实验参考程序实验参考程序 7www.HKZKwww.HKZK一、实验目的一、实验目的 v掌握掌握Qt/e中布局的应用中布局的应用 www.HKZKwww.HKZK二、实验设备二、实验设备 硬件: PC机 一台 HKARM9实验箱教学实验开发平台 一套软件: RedHat Linux9.0操作系统 Windows 98/2000/XP操作系统(可选) 嵌入式Linux开发环境(含Qt/e和Qtopia)www.HKZ
2、Kwww.HKZK三、实验内容三、实验内容 设计4个按钮和一个标签,按一定规则进行布局。www.HKZKwww.HKZK四、实验预习要求四、实验预习要求 v(1)熟悉基于PC的Qt和Qtopia模拟环境;v(2)预习C+程序编写方法;v(3)预习Qt的帮助手册,特别注意Qt布局相关部分。www.HKZKwww.HKZK五、实验原理五、实验原理 v一个用户图形界面,布局也是至关重要,合理的布局能增加界面的美感,亦能够提高软件的易用性。图形界面编程,一般包括基本组件、组件的布局以及组件的回调。Qt中有很多种布局,最基本的就是Qlayoutv(包括QboxLayout:QHBoxLayout,QVB
3、oxLayout)和QgridLayout。使用了布局相关API函数的应用程序,需要包含头文件qlayout.h。www.HKZKwww.HKZK六、实验步骤六、实验步骤(1)进入/linux/x86-qtopia目录,运行set-env脚本,设置环境变量,然后创建文件夹layout。v$ cd /linux/x86-qtopiav$ set-envv$ mkdir layoutv(2)进入layout目录,建立文件layout.cpp,并编写如程序清单所示的程序,然后用progen工具生成工程文件layout.pro。v$ cd layoutv$ vi layout.cppv$ progen t app.t o layout.prowww.HKZKwww.HKZK六、实验步骤六、实验步骤v(3)使用tmake工具,生成layout工程的Makefile文件,并进行修改,编译,得到可执行文件layout。v$ tmake o Makefile layout.prov(4)启动虚拟控制台,运行layout程序,将会得到如图所示的结果。v$ ./layout qwswww.HKZKwww.HKZK七、实验参考程序七、实验参考程序 实验参考程序实验参考程序