qt利用QT designer构建第一个界面helloworld工程

Posted pycod

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了qt利用QT designer构建第一个界面helloworld工程相关的知识,希望对你有一定的参考价值。

第一步:点击New Project

技术图片

 

第二步:选择Qt Widgets

技术图片

 

 

第三步:项目名称和保存路径

技术图片

 

第四步:一直点击下一步

技术图片

技术图片

 

技术图片

 

第五步:点击编译执行就能出现第界面框了。

选择widget应用,就会出现下面的“界面文件”,通过他可以快速地建立按钮,滚动条等等。

技术图片

这个界面是什么都没有的

 

第六步:双击红框处,会出现界面设计(这就是QT designer)

技术图片

技术图片

 

第七步:拖动一个 Push Button到框中,再拖动一个label到框中

这两样东西在左边栏找

  

技术图片

这时候把 label(就是那个Text label)通过鼠标拉大一点,要不会不够位置显示内容

 

第八步:右键PushButton选择转到槽

再选择第一个选项,表示鼠标双击一下触发:

技术图片

然后就会出现红框中的函数:

 

技术图片

在光标处输入:ui->label->setText("hello world");再点击运行

出现界面后点击PushButton 后,label处就会出现hello world

技术图片

以上是关于qt利用QT designer构建第一个界面helloworld工程的主要内容,如果未能解决你的问题,请参考以下文章

qt designer怎么使用

pyqt5通过qt designer 设计方式连接多个UI图形界面

PyQt5 图形界面 - Qt Designer设置简体中文方法演示,Qt Designer字体设置,Qt Designer工具单独安装包获取,Qt Designer简体中文语言包获取

qt designer 怎么把界面和代码联系起来

Qt Designer的使用

PyQt5QT designer + eclipse 集成开发