前言
我发现自己之前可能是有点走偏了,花了两天时间看书几乎一无所获,书上都是代码实现,还没有相应的注释…
今天我用ui设计师界面来进行编程,写一个小界面。
界面功能
1.计算加法;
2.可以弹窗;
3.使用布局,美化界面;
4.退出按钮;
界面预览
实现
1.建立一个Qt Widgets Application
可以参考QT5项目创建教程但要记得基类改为:mainwindow
2.添加新类
右键点击项目文件夹,添加一个ui界面
后续选择:
完成后,右键单机项目文件,选择执行qmake;
3.ui设计
点开文件列表中的mainwindow.ui文件,进行如下设计:
具体步骤:
1.从左侧拖入三个label控件,双击控件将其分别命名为:first/second/result
2.单机其中一个label控件,在左下角找到objectName,在这里可以修改变量名(拿小本本记下来 )
3.拖入三个LineEdit输入框,分别修改变量名为:lineEdit_first/lineEdit_second/lineEdit_result;
4.拖入三个按钮,分别双击控件改名为:show/quit/open apple,再分别改变量名为:pushButton_show/pushButton_quit/pushButton_apple;
5.下面就要进行布局了,布局主要有两个:垂直布局和水平布局,所在位置如下图:
第一个是水平布局,第二个是竖直布局,选中几个控件后再点击相应布局按钮就可以进行操作了,好了,布局你们自己来吧,如果不小心点错了,别怕!可以撤销的,作为保姆级教程,撤销操作也得说:对着自己误点的区域单机鼠标右键找到布局,点击后选择打破布局即可!
3.槽函数
听起来挺难吧蛤蛤蛤,我第一次看这个也是懵的,别怕!我给你讲清楚操作!
(1).转到槽
(2).选择信号
选择clicked();
请对quit按键和open apple按键重复以上操作
(3).编辑函数
接下来请打开mainwindow.cpp文件,如果你确实按照之前上面所说的那样做了,那么你的mainwindow.cpp终究会出现三个空的函数:
void MainWindow::on_pushButton_quit_clicked()
{
}
void MainWindow::on_pushButton_show_clicked()
{
}
void MainWindow::on_pushButton_apple_clicked()
{
}
open apple 那个函数我们先不管。
输入以下代码,代码其实挺好理解吧,但是我依旧在下面做了超详细的解释:
void MainWindow::on_pushButton_quit_clicked()
{
close();//退出界面
}
void MainWindow::on_pushButton_show_clicked()
{
int first, second, sum;
first=ui->lineEdit_first->text().toInt();//text()是输入文本,但是是字符串类型的,所以要加一个toInt()来进行类型转换
second=ui->lineEdit_second->text().toInt();//同理
sum=first+second;
ui->lineEdit_result->setText(QString::number(sum));//在result中进行输出,并将输出转化为字符串
}
现在其实已经可以运行了,只差个弹出窗口功能;
4.弹出窗口
之前我们不是新建了一个apple.ui么?
现在在mainwindow.h中加上一个#include <apple.h>头文件,再给下面的private:中加一个apple类型的指针;
private:
Ui::MainWindow *ui;
apple *a;
随后设计apple的ui,随便拖个label写个hellow都行。
然后在mainwindow.cpp的open apple按钮的那个函数中写:
void MainWindow::on_pushButton_apple_clicked()
{
a=new apple;
a->show();//显示
}
就ok啦!!!!点击open apple就会有弹出窗口咯~
成果就是博客开头那个,感谢您的观看,我们下期再见~~~