QT day04

2024-06-19 03:10:01
开发
5

一、思维导图

二、登录界面优化

代码：

界面：

*{
	background-color: rgb(255, 255, 255);
}

QFrame#frame{
	border-image: url(:/Logo/shanChuan.jpg);
	border-radius:15px;
}

#frame_2{
	background-color: rgba(110, 110, 110, 120);
	border-radius:15px;
}

QLabel#label{
	background-color: rgba(80, 80, 80, 120);
	border-radius:30px;
}

#label_2{
	background:transparent;   /* 完全透明*/
	
	font: 16pt "等线";
	
	color: rgba(255, 255, 255, 120);
}


QLineEdit{
	background:transparent;	  /* 完全透明*/
	border:none;	/* 设置无边框*/
	border-bottom:1px solid rgba(255, 255, 255, 120);	/*设置下边框 1像素 实线 背景颜色*/
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
}

QPushButton#pushButton{
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(111, 111, 255, 255), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

#pushButton_4{
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(111, 111, 255, 255), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

#pushButton_2{		/* 关闭按钮*/
	color: rgba(255, 255, 255, 120);
	background:transparent;   /* 完全透明*/
	border-radius:10px;
}

#pushButton_3{		/*最小化按钮*/
	color: rgba(255, 255, 255, 120);
	background:transparent;   /* 完全透明*/
	border-radius:10px;

}

QPushButton#pushButton:hover{		/* 鼠标移动  背景颜色有变化*/
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(150, 111, 255, 255), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

#pushButton_4:hover{		/* 鼠标移动  背景颜色有变化*/
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(150, 111, 255, 255), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

#pushButton_2:hover{		/* 鼠标移动  背景颜色变红色*/
	
	background-color: rgb(65, 65, 65);
	color: rgba(255, 255, 255, 120);
	border-radius:15px;
}

#pushButton_3:hover{		/* 鼠标移动  背景颜色变红色*/

	background-color: rgb(65, 65, 65);
	color: rgba(255, 255, 255, 120);
	border-radius:15px;
}


QPushButton#pushButton:pressed{	/*鼠标按下操作  字体抖动*/
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(111, 111, 255, 255), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
	padding-top:5px;
	padding-left:5px;
}

#pushButton_4:pressed{	/*鼠标按下操作  字体抖动*/
	color: rgba(255, 255, 255, 120);
	font: 14pt "等线";
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(111, 111, 255, 255), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
	padding-top:5px;
	padding-left:5px;

}

#pushButton_2:pressed{
	border-radius:15px;

	padding-top:5px;
	padding-left:5px;

}

#pushButton_3:pressed{
	border-radius:15px;

	padding-top:5px;
	padding-left:5px;

}

头文件：

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QMessageBox>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

signals:
    void signal_jump();

private slots:
    void on_pushButton_clicked();

    void on_pushButton_2_clicked();

    void on_pushButton_4_clicked();

private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

second.h

#ifndef SECOND_H
#define SECOND_H

#include <QWidget>

namespace Ui {
class Second;
}

class Second : public QWidget
{
    Q_OBJECT

public:
    explicit Second(QWidget *parent = nullptr);
    ~Second();

private:
    Ui::Second *ui;

public slots:
    void slot_jump();   //定义槽函数
};

#endif // SECOND_H

源文件：

widget.cpp

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //去掉界面头部
    this->setWindowFlag(Qt::FramelessWindowHint);

    //去掉空白部分
    this->setAttribute(Qt::WA_TranslucentBackground);

}

Widget::~Widget()
{
    delete ui;
}


void Widget::on_pushButton_clicked()
{
    //获取username信息
    QString uname = ui->lineEdit->text();
    //获取密码信息
    QString passwd = ui->lineEdit_2->text();

    //验证账号密码是否正确
    if(uname == "admin" && passwd == "123456")
    {
        int ret = QMessageBox::information(this
                                           , "提示"
                                           , "登录成功"
                                           , QMessageBox::Ok);
        if(ret == QMessageBox::Ok)
        {
            this->close();  //关闭自身界面
            emit signal_jump(); //触发信号函数 跳转到另一个界面
        }
    }else
    {
        //弹框提示
        QMessageBox *mbox1 = new QMessageBox
                (QMessageBox::Information
                , "提示"
                , "账号或密码错误，是否重新登录"
                , QMessageBox::Yes | QMessageBox::No);

        if(mbox1->exec() == QMessageBox::Yes)
        {
            //按下弹框的Ok按钮，清空密码框中内容
            ui->lineEdit_2->clear();
        }else
        {
            //按下弹框的No按钮，关闭登录界面
            this->close();
        }
    }
}

//关闭按钮的槽函数
void Widget::on_pushButton_2_clicked()
{
    //关闭当前页面
    this->close();
}

//取消按钮的槽函数
void Widget::on_pushButton_4_clicked()
{
    //消息对话框
    int ret = QMessageBox::question(this
                                    , "提问"
                                    , "是否确定退出登录"
                                    , QMessageBox::Yes | QMessageBox::No);

    if(ret == QMessageBox::Yes)
    {
        //点击弹框的ok按钮后，退出登录界面
        this->close();
    }
}

second.cpp

#include "second.h"
#include "ui_second.h"

Second::Second(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Second)
{
    ui->setupUi(this);
}

Second::~Second()
{
    delete ui;
}

void Second::slot_jump()
{
    this->show();   //显示自身界面
}

main.cpp

#include "widget.h"

#include <QApplication>
#include <second.h>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();

    Second s;

    //将w的信号函数和s的槽函数连接
    QObject::connect(&w, &Widget::signal_jump, &s, &Second::slot_jump);

    return a.exec();
}

运行结果：

三、使用定时器事件实现闹钟

代码：

界面：

头文件：

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTimerEvent>  //定时器事件类类
#include <QTime>    //时间类
#include <QTextToSpeech>    //文本播报类

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
    //重写定时器函数的声明
    void timerEvent(QTimerEvent *e);

private slots:
    void on_pushButton_clicked();

private:
    Ui::Widget *ui;
    int sysTimeId;      //系统时间定时器ID
    int alarTimeId;      //闹钟时间定时器ID
    QTextToSpeech *speecher;
};
#endif // WIDGET_H

源文件：

widget.cpp

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
    , speecher(new QTextToSpeech(this))
{
    ui->setupUi(this);

    //界面启动时启动一个定时器
    sysTimeId = startTimer(1000);   //每隔1s触发一次

    ui->lineEdit->setPlaceholderText("多少秒后触发");
    //文本信息居中显示
    ui->timeLabel->setAlignment(Qt::AlignCenter);
    ui->sayLab->setAlignment(Qt::AlignCenter);
}

//重写定时器函数的实现
void Widget::timerEvent(QTimerEvent *e)
{
    //判断哪个定时器触发
    if(e->timerId() == sysTimeId)
    {
        //获取系统时间
        QTime sys_time = QTime::currentTime();
        //将系统时间由QTime-->QString
        QString s = sys_time.toString("hh:mm:ss");
        //在系统时间写入timeLabel
        ui->timeLabel->setText(s);
    }else
    {
        //播报sayLab中的信息  5次
        int i = 0;
        for(i=1;i<=5 ;i++)
        {
            speecher->say(ui->sayLab->text());
        }
        if(i == 6)
        {
            //关闭定时器
            killTimer(alarTimeId);
        }
    }
}

Widget::~Widget()
{
    delete ui;
}

//启动按钮槽函数
void Widget::on_pushButton_clicked()
{
    //获取ui->lineEdit中的信息
    QString ala_time = ui->lineEdit->text();
    //将输入的信息专场int型再换算成毫秒，间隔启动定时器
    alarTimeId = startTimer(ala_time.toInt()*1000);
}

main.cpp

#include "widget.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

运行结果：

原文地址:https://blog.csdn.net/SweetDvil/article/details/139782578 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.suanlizi.com/kf/1803143145312096256.html 如若内容造成侵权/违法违规/事实不符，请联系《酸梨子》网邮箱：1419361763@qq.com进行投诉反馈，一经查实，立即删除！

阅读全部