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

第一步:点击New Project

qt利用QT designer构建第一个界面helloworld工程_第1张图片


第二步:选择Qt Widgets

qt利用QT designer构建第一个界面helloworld工程_第2张图片


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

qt利用QT designer构建第一个界面helloworld工程_第3张图片


第四步:一直点击下一步

qt利用QT designer构建第一个界面helloworld工程_第4张图片

qt利用QT designer构建第一个界面helloworld工程_第5张图片

qt利用QT designer构建第一个界面helloworld工程_第6张图片


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

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

qt利用QT designer构建第一个界面helloworld工程_第7张图片

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


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

qt利用QT designer构建第一个界面helloworld工程_第8张图片

qt利用QT designer构建第一个界面helloworld工程_第9张图片


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

这两样东西在左边栏找

qt利用QT designer构建第一个界面helloworld工程_第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张图片

你可能感兴趣的:(#,qt)