QT Creator应用程序开发——01简单按钮显示

简介: QT Creator应用程序开发——01简单按钮显示

前言


本系列文章,是经博主的QT Creator应用程序开发实训内容所写的,主要实训题目是编写一个智能医疗系统项目,使用的QT Creator版本为5.9.3,有需要该版本5.9.3安装包或者5.4.0的小伙伴都可以直接向我私信,免费发给你。


该系列文章皆基于QT Creator应用程序开发的初步学习和编写一个智能医疗系统项目,并不代表在使用该软件的所有操作步骤都同本系列文章。

1667034941901.jpg


一、新建项目


1、打开软件后,在欢迎—Projects中,点击NEW Project。

1667034962244.jpg

2、在弹出的NEW Projec页面中,选择一个模板,根据要求选择第一个,即QT Widgets Application,选中后点击Choose。

1667034973296.jpg

3、然后在弹出的页面,设置项目的名称和创建路径,创建完后点击“下一步”。

1667034982732.jpg

4、在这里选择套件,然后点击“下一步”。

1667034992185.jpg

5、在接下来的页面设置类信息,各种类名、基类等等,设置完后点击“下一步”。

1667035001318.jpg

6、这里不用管,点完成,即可创建完成

1667035010336.jpg

7、创建一个项目成功。

1667035019009.jpg


二、设计ui页面和编写程序


通过设置两个标签,均可通过鼠标点击按钮完成Hello world!的显示,当鼠标点击按钮1时,若为单次则输出label的值,若为双次则输出0;当鼠标点击按钮2时,若为单次则输出0,若为双次则输出label_2的值。


(一)设计ui页面


双击项目下的Forms项目的mainwindow.ui在这里设计ui页面。

1667035032862.jpg

可拖动左边的对象栏中的工具到右边ui设计框,可以在右上的框中选择、找到、删除等等。

1667035054820.jpg


1、设置按钮


我们首先在按钮Buttors中找到单选按钮Push Button,点击并拖动两个按钮到右侧ui设计框中。

1667035071752.jpg

点击右边的名称即可选择这两个对象,可以右键进行一些操作,也可以直接选中该图形对象右键。

1667035082120.jpg

同时我们也可以在下方的属性栏中设置对象的各种参数,例如高度宽度等等,这里我们设置两个单选按钮的高度都为100,宽度都为100。

1667035092621.jpg

完成大小设置。

1667035103839.jpg

同时我们也可以修改该按钮的文字、颜色、在上面添加图片等等,例如将两个按钮的名称和名称颜色分别改为(“按钮1”、红色)、(“按钮2”、黄色)。

我们首先选中对象双击或者右键点击改变文本,即可修改文字;

1667035112916.jpg

右键点击样式表,可在样式表中添加资源图片、设置渐变颜色等等。我们选择添加颜色,然后点击第一个“color”,即可修改名称的颜色。

1667035123008.jpg

完成名称和颜色设置。

1667035135182.jpg


2、设置标签


在Dispaly Widgets中找到标签Label,拖动放置两个标签至ui页面,设置相应的大小和颜色后效果如下:

1667035146360.jpg


3、设置转到槽


这里因为要点击按钮时输出结果,我们需要用到转到槽。分别右键两个按钮,选择“转到槽”,点击第一个“clicked()”,即添加一个clicked()函数。

1667035176556.jpg

添加后会自动转到.cpp页面,我们发现系统帮我们创建了一个函数。

1667035186871.jpg

到这里我们的ui页面设计就到这里为止,然后进行代码的编写。


(二)编写程序


首先我们要在头文件mainwindow.h中的私有类private中添加一个int类型的count作参数。在项目栏中选择头文件mainwindow.h,在private下输入int count;因为要实现不同的点击输出,我们有以下代码:

/*当鼠标点击按钮1时,若为单次则输出label的值,
若为双次则输出0*/
void MainWindow::on_pushButton_3_clicked()
{
    count++;
    if(count%2==0)
        ui->label->setText("Hello world!");
    else
        ui->label_2->setText("0");
}
/*当鼠标点击按钮2时,若为单次则输出0,
若为双次则输出label_2的值*/
void MainWindow::on_pushButton_2_clicked()
{
    count++;
    if(count%2==0)
        ui->label->setText("0");
    else
        ui->label_2->setText("Hello world!");
}


(三)构建运行


点击构建——构建所有项目,即可完成构建。

1667035222137.jpg

然后点击绿色小三角,运行测试。

1667035230923.jpg


(三)测试


当点击按钮1一次时,由于一次为奇数,label_2显示为0。

1667035245869.jpg

再点击按钮1,label显示为“Hello world!”。

1667035256653.jpg

点击按钮2一次,由于对于label_2偶数次时显示“Hello world!”,所以此时显示“Hello world!”。

1667035266249.jpg

再点击按钮2一次,此时累计次数为奇数,此时显示为0。

1667035285227.jpg

点击按钮1一次,此时label_2为0。

1667035294867.jpg

测试结束,结果正常!


结语


以上就是本次的QT Creator应用程序开发的所有内容,觉得有帮助的小伙伴们给个赞或者关注什么的,感谢您的阅读和支持,若有表述或代码中有不当之处,望指出!您的指出和建议能给作者带来很大的动力!!!


相关文章
|
4月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
92 0
|
3月前
|
IDE 开发工具 C++
qt creator + vs2019编译记录
本文记录了作者在使用qt creator和vs2019编译项目时遇到的困难和解决方案,包括编译环境设置、qt creator编译脚本的成功案例、不带Ninja的编译脚本问题、错误示范以及相关参考链接。
qt creator + vs2019编译记录
|
3月前
|
开发工具 C++
qt开发技巧与三个问题点
本文介绍了三个Qt开发中的常见问题及其解决方法,并提供了一些实用的开发技巧。
|
3月前
|
4月前
|
C++
C++ Qt开发:QUdpSocket网络通信组件
QUdpSocket是Qt网络编程中一个非常有用的组件,它提供了在UDP协议下进行数据发送和接收的能力。通过简单的方法和信号,可以轻松实现基于UDP的网络通信。不过,需要注意的是,UDP协议本身不保证数据的可靠传输,因此在使用QUdpSocket时,可能需要在应用层实现一些机制来保证数据的完整性和顺序,或者选择在适用的场景下使用UDP协议。
164 2
Qt开发网络嗅探器02
Qt开发网络嗅探器02
|
4月前
|
存储 运维 监控
Qt开发网络嗅探器01
Qt开发网络嗅探器01
|
4月前
|
网络协议 容器
Qt开发网络嗅探器03
Qt开发网络嗅探器03
|
4月前
|
API 开发工具 C语言
C语言与图形界面:利用GTK+、Qt等库创建GUI应用。
C语言与图形界面:利用GTK+、Qt等库创建GUI应用。
197 0
|
4月前
【qt】多窗口开发
【qt】多窗口开发
62 0

推荐镜像

更多
下一篇
无影云桌面