QT5.14入门教程GUI(一)第一个QT程序Hello World!

最近学习QT,查阅N多书籍、网页、教程,实在没有适合新手入门的教程,要不一上来就理论一大堆,网上的教程又太老,出来代码一堆堆,都不知道如何实现的;现特写给新手们的操作手册;

1、打开Qt Creator ,左上角点击——新建项目,如下图:

 

2、选择模板;左侧选择Application——右侧选择Qt Widgets Application ;意思是QT应用程序;

 

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第1张图片

3、取个文件名称;很重要;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第2张图片

4、默认下一步;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第3张图片

5、选择基类,QDialog, (是对话框类型),然后取个类名称;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第4张图片

6、默认;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第5张图片

7、默认编译器;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第6张图片

8、完成;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第7张图片

9、main.cpp 就是主程序入口;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第8张图片

10、左边点击Forms,dialog.ui,就是UI界面文件,双击;会跳转到UI界面编辑器;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第9张图片

11、在UI界面编辑器中,左边工具栏,Display Widgets(展示控件,不能进行输入),

找到如下Label(文本显示框),单击拖到主界面上松开;

 

 

12、然后双击Label文本框,即可进行编辑,输入字符"Hello World!"

 

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第10张图片

13、修改字体:

单击"Hello World!" 字符,在右下角属性中,找到改font,点击...

 

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第11张图片

14、选择字体,大小等;

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第12张图片

15、修改后的最终效果如下:

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第13张图片

16、点击主界面,右下角的点,拖动,进行改变界面大小等操作;

 

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第14张图片

 

17、点击左下角中间三角形;进行编译,快捷键为 Ctrl 加 R 

 

 

18、第一个QT程序运行效果如下:

QT5.14入门教程GUI(一)第一个QT程序Hello World!_第15张图片

你可能感兴趣的:(QT入门教程)