实现效果如下:
今天这个页面只是一个登录的简单的实现,账号和密码是代码里面设定死的。不能注册任意账号再登录。下次再更新可以注册任意账号的功能。 里面的背景图是一个label添加图片实现的。
步骤如下:
一:先讲这么把背景图片添加的,添加资源文件,右击项目点击添加新文件。
如下图点击添加,添加前缀然后添加文件,该文件最后与项目同一目录下。
上面添加完资源文件,我们来到ui文件点击label旁边可以看到它的属性,然后点击pixmap属性添加资源文件进来就可以了。如果想label显示完整的一张图片把scaledContenrs勾选上就可以了。
第二步:添加代码。
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include <QMessageBox>
namespace Ui {
class MainWindow;
}
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
explicit MainWindow(QWidget *parent = 0);
void hide();
~MainWindow();
private slots:
void on_pushButton_login_clicked();
private:
Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
this->resize(650,450);//设置窗口大小
ui->label->resize(600,400); //设置lable的大小
ui->lineEdit_account->setPlaceholderText("请输入账号");
ui->lineEdit_password->setPlaceholderText("请输入密码");
}
void MainWindow::hide()
{
ui->frame->hide();
}
MainWindow::~MainWindow()
{
delete ui;
}
void MainWindow::on_pushButton_login_clicked()
{
if (ui->lineEdit_account->text().operator ==("梁二狗") && ui->lineEdit_password->text().operator ==("1234")){
QMessageBox::information(this,"",tr("登录成功"));
}
else {
QMessageBox::information(this,"",tr("登录失败"));
}
}
工程下载链接:https://download.csdn.net/download/weixin_39770778/10608429