QT day04

最新推荐文章于 2024-11-06 23:37:28 发布
最新推荐文章于 2024-11-06 23:37:28 发布
阅读量311 收藏 3
点赞数 4
文章标签： qt 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SweetDvil/article/details/139782578
版权

一、思维导图

二、登录界面优化

代码：

界面：

*{
	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();
}

运行结果：

甜美的恶魔
关注
Qt day04
weixin_61180910的博客
10-27 677
控件、事件
QT day5
weixin_60180793的博客
01-12 768
思维导图
Qt day01
weixin_61180910的博客
10-25 1178
信号和槽
QT day01
jay__jay_的博客
09-28 583
【代码】QT day01。
QT day4
qq_55245263的博客
09-12 537
【代码】QT day4。
Qt day2
2203_75782206的博客
02-21 1446
将登录按钮使用qt5版本的连接到自定义的槽函数中，在槽函数中判断ui界面上输入的账号是否为"admin"，密码是否为"123456",如果账号密码匹配成功，则输出“登录成功”，并关闭该界面，如果匹配失败，则输出登录失败，并将密码框中的内容清空。使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数。
QT DAY5作业
qq_44121517的博客
01-13 621
1.QT基于TCP服务器端。
qt day03
yangh1231的博客
10-08 144
QT day2
adygc的博客
09-09 326
将登录按钮使用qt4版本的连接到自定义的槽函数中，在槽函数中判断ui界面上输入的账号是否为"admin"，密码是否为"123456",如果账号密码匹配成功，则输出“登录成功”，并关闭该界面，如果匹配失败，则输出登录失败，并将密码框中的内容清空。使用手动连接，将登录框中的取消按钮使用第2种方式的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数。将day1做的登录界面升级优化【资源文件的添加】
2.26 Qt day4+5 纯净窗口移动+绘画事件+Qt实现TCP连接服务+Qt实现连接数据库
02-26
2.26 Qt day4+5 纯净窗口移动+绘画事件+Qt实现TCP连接服务+Qt实现连接数据库
QT Day04(2)
qq_40632341的博客
02-11 292
2 基于目录和定时器的摇奖机 2.1 问题 基于目录和定时器的摇奖机，了解目录和定时器的使用。 2.2 方案 从磁盘路径加载摇奖人照片和姓名。如果有人参与摇奖，则更新时间随机种子，随机抽取摇奖人。初始化摇奖时钟，激活“开始”按钮，并连接信号和槽。绘制事件处理函数，如果有人参与摇奖，则创建画家对象，获取”Frame”边框范围，平移绘图坐标位置到“Frame“边框，绘制图片。定时器事件处理函数。如果摇...
qt QFontDialog详解
ckg3824278的博客
11-05 272
QFontDialog 是 Qt 框架中的一个对话框类，用于选择字体。它提供了一个可视化的界面，允许用户选择所需的字体以及相关的属性，如字体样式、大小、粗细等。用户可以通过对话框中的选项进行选择，并实时预览所选字体的效果。QFontDialog 继承自 QDialog，是创建字体选择对话框的标准方式。
qt QEvent详解
ckg3824278的博客
11-04 444
QEvent是Qt框架中事件机制的基础类。在Qt中，事件是由底层窗口系统（如Windows、Linux的X11、macOS的Cocoa等）生成的，Qt的主事件循环（QCoreApplication::exec()）负责从事件队列中获取这些事件，并将它们转换为QEvent对象，然后发送给相应的QObject对象进行处理。QEvent类是所有事件类的基类，它包含了事件的基本信息，如事件类型、是否已被接受等。Qt通过QEvent类及其子类来实现各种事件的处理，如鼠标事件、键盘事件、定时器事件等。
qt QFile详解
ckg3824278的博客
11-05 307
QFile类是Qt框架中用于读取和写入文本和二进制文件资源的I/O工具类。它继承自QFileDevice类，后者又继承自QIODevice类。QFile类提供了一个接口，允许开发者以二进制模式或文本模式对文件进行读写操作。默认情况下，QFile假定文件内容为二进制，即不对文件中的字节执行任何转换。QFile类既可以单独使用，也可以与QTextStream或QDataStream类结合使用，以提高文件读写的效率和便利性。
qt QInputDialog详解
ckg3824278的博客
11-05 607
QInputDialog 是 Qt 框架中的一个对话框类，用于获取用户输入。它提供了简单的文本输入、整数输入、浮点数输入以及列表选择等功能。QInputDialog 继承自 QDialog，是一个模态对话框，通常用于请求用户输入单个值或进行简单的选择。
QT 实现绘制汽车仪表盘
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
11-06 56
分为以下几个部分，首先设置抗锯齿 painter.setRenderHint(QPainter::Antialiasing)。//绘制平面//绘制刻度线//绘制文字//绘制指针1.绘制边框主要绘制渐变色。p.save();QPen pen;2.绘制刻度线绘制了两圈刻度线，有短的和长的。p.save();// 计算矩形的左上角坐标// 计算矩形的宽度和高度。
两个有趣的小东西（qt和类型转换）
最新发布
zxtzxt12138的博客
11-06 307
qt报错Qt:cannot open output file debug\XXX.exe: Permission denied int存储为char
如何使用 QStyledItemDelegate 自定义 Qt 的视图项代理
填坑之路
11-05 316
在 Qt 中，QStyledItemDelegate 为开发者提供了一个灵活的方式来控制视图项的外观和编辑行为。本文将详细讲解如何通过继承 QStyledItemDelegate 来定制项的绘制、编辑控件以及交互行为，并通过实例展示如何在 QTableView 中应用这些自定义功能。
诺基亚移动开发系列：Qt for Mobile Day 1概览与目标
诺基亚移动设备QT开发系列讲座是一场针对移动开发者的重要课程，旨在深入讲解和实践Qt在移动平台上的应用。课程内容丰富，首先，参与者将通过课程介绍了解Qt for Mobile Developers Course的基本情况，包括欢迎、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值