(1)在新建的项目中,右击项目名->添加新文件->Qt->Qt Designer Form ->Dialog without Buttons -> helloworld.ui
(2)往界面中拖一个label,双击label输入helloworld,在右边类列表中点击类名后在右下方可修改类名,Ctrl+S
(3)Ctrl+2 :进入界面编辑模式,本质是一个xml文件
(4)ctrl+shift+B或构建按钮构建本工程,可为ui文件自动生成相应的头文件,在main函数中包含头文件便可使用新建的ui界面了。
#include <ui_xxxx.h>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
QDialog w;
Ui::helloDialog ui;//helloDialog为ui类名
ui.setupUi(&w);//setup函数用来生成界面
w.show();
return a.exec();
}
注意:
在windows环境下,ui_XXXX.h文件是在工程文件夹同目录下XXXX-build-desktop文件夹里面;linux环境下,qmake会直接将ui文件转换成程序文件;
所以在包含cpp和ui的项目文件夹下没有看到对应的头文件佷正常,返回上级目录,在对应的buildXXX目录下会有这些头文件,在main函数中直接include包含对应的ui头文件就可,若想手动生成对应的ui头文件,可以用uic工具:
打开开始菜单中的Qt命令提示符黑窗口,跳转到对应的包含ui文件的项目文件夹下,输入:uic -o XXX.h XXX.ui
此时便可在项目文件夹下看到对应的XXX.h头文件了。
在命令行中编译ui文件和程序:
(1)将上面的main.cpp 和 XXX.ui复制到一个新文件夹AAA下,
(2)编译ui文件,打开qt命令提示符,输入:uic -o XXX.h XXX.ui
(3)编译运行程序,输入:qmake -project
此处有AAA.pro生成
(4)在生成的.pro文件中添加:QT+=widgets
(5)依次输入:
qmake
mingw32-make //此处有AAA.exe生成
cd release
AAA.exe