码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-03 12:22:16      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:set   bsp   输入   img   文件   鼠标   一个   span   ttext   

第一步:点击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工程

标签:set   bsp   输入   img   文件   鼠标   一个   span   ttext   

原文地址:https://www.cnblogs.com/xuanbjut/p/12144188.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!