首页 > 其他 > 详细

Qt-ui的简单使用(1)

时间:2020-06-21 22:05:02      阅读:78      评论:0      收藏:0      [点我收藏+]

1  说明

本文主要介绍Qt ui界面的简单使用。

参考视频:https://www.bilibili.com/video/BV1XW411x7NU?p=22

2  工程创建

创建工程时,把创建界面给勾选上。

技术分享图片

 创建工程之后,有以下文件,可以看出相比于不选择创建界面,多了一个Forms文件夹。

技术分享图片

3  界面说明

点击mainwindow.ui进入界面设计。主要由以下几个部分组成。

技术分享图片

下面举例进行介绍,以常见一个按钮为例进行说明:

1)先从Buttons控件区选择一个Push Button

技术分享图片技术分享图片

 2)双击按钮可以改变按钮的名字,或者从控件属性窗口更改也可以,注意:这里更改的只是按钮显示的字符,并不是按钮这个变量的名字。

从控件属性,我们也可以看出QPushButton类的继承关系,最终继承至QObject。

技术分享图片

 3)信号与槽,我们可以在界面上进行操作,也可以在代码中进行操作,例如我们在界面进行操作,点击“+”,创建一个信号和槽:

技术分享图片

信号是pushButton发出的,当点击了按钮之后发出,槽函数是MainWindow的close函数。

4)更改按钮的变量名字,可以在对象监视区,或者在控件属性中更改。

技术分享图片    技术分享图片

从对象监视区可以看出,新建一个ui之后,默认为我们创建了一个centralWidget、menuBar、 mainToolBar、statusBar。我们可以很方便的对它们进行操作。

例如我们需要新建一个“文件”菜单,并包括创建、打开、关闭等菜单项。我们可以这样操作

技术分享图片

5)通过代码操作控件

对UI界面的操作都是在"ui->setupUi(this);"这条语句之后,最好不要在这条语句之前进行操作。

以更改按钮显示的名称为例进行说明如何操作:

在mainwindow.cpp中只需要这样更改:

1 MainWindow::MainWindow(QWidget *parent) :
2     QMainWindow(parent),
3     ui(new Ui::MainWindow)
4 {
5     ui->setupUi(this);
6 
7     ui->mybutton->setText("^_^");
8 }

以上就是ui界面的简单用法。

Qt-ui的简单使用(1)

原文:https://www.cnblogs.com/mrlayfolk/p/13173946.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!