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

展开

第一步:点击New Project

 

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

 

 

 

第二步:选择Qt Widgets

 qt利用QT designer构建第一个界面helloworld工程_界面设计_02

 

 

 

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

 qt利用QT designer构建第一个界面helloworld工程_界面设计_03

 

 

 

第四步:一直点击下一步

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

 

 

 

qt利用QT designer构建第一个界面helloworld工程_界面设计_05

 

 

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

 

 

 

 

 

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

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

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

这个界面是什么都没有的。

 

 

 

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

qt利用QT designer构建第一个界面helloworld工程_右键_08

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

 

 

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

这两样东西在左边栏找

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

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

 

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

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

qt利用QT designer构建第一个界面helloworld工程_右键_11

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

qt利用QT designer构建第一个界面helloworld工程_右键_12

 

 

 

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

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

qt利用QT designer构建第一个界面helloworld工程_右键_13

 

 

 

 

 

 

 

 

————————————————