嵌入式学习

最新推荐文章于 2024-07-15 23:46:30 发布
最新推荐文章于 2024-07-15 23:46:30 发布
阅读量671 收藏 1
点赞数 15
分类专栏： 嵌入式 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46068832/article/details/139756923
版权

笔记

作业

升级优化自己应用程序的登录界面。
     要求： 1. qss实现
                 2. 需要有图层的叠加 （QFrame）
                 3. 设置纯净窗口后，有关闭等窗口功能。
                 4. 如果账号密码正确，则实现登录界面关闭，另一个应用界面显示。

        登录界面代码：

widget.h文件：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTimer>
#include <QMouseEvent>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

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

signals:
    void my_signal_mul();//"X"  关闭窗口  的信号函数
    void my_signal_login();//登录按钮  对应的  信号函数
    void my_signal_cancel();//取消按钮  对应的  信号函数
    void my_jump();//第一个界面的信号


public slots:
    void my_slot_mul();//"X"  关闭窗口  的槽函数
    void my_slot_login();//登录按钮  对应的  槽函数
    void my_slot_cancel();//取消按钮  对应的  槽函数
    void my_slot_jump_back();//返回  登录页面  的槽函数

private:
    Ui::Widget *ui;

protected:
    //重写鼠标按下事件
    void mousePressEvent(QMouseEvent *event) override;
    //重写鼠标移动事件
    void mouseMoveEvent(QMouseEvent *event) override;

private:
    QPoint dragPosition;//声明一个坐标点
};
#endif // WIDGET_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);//去掉空白部分

    connect(ui->btn_login, &QPushButton::clicked, this, &Widget::my_slot_login);//登录  按钮  连接槽函数
    connect(ui->btn_cancel, &QPushButton::clicked, this, &Widget::my_slot_cancel);//取消  按钮  连接槽函数
    connect(ui->btn_mul, &QPushButton::clicked, this, &Widget::my_slot_mul);//"X" 按钮  连接槽函数


}

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

//"X" 按钮  对应的  槽函数
void Widget::my_slot_mul()
{
    this->close();
}


//登录按钮  对应的  槽函数
void Widget::my_slot_login()
{
    if(ui->lineEdit_userame->text() == "admin" && ui->lineEdit_passwd->text() == "123456")
    {
        /*
        QLabel *lab_login_success = new QLabel("登录成功",this);//创建  “登录成功”  标签
        lab_login_success->resize(100,ui->lineEdit_userame->height());//设置标签大小，与登录按钮高度相同
        lab_login_success->setStyleSheet("background-color:rgb(220,220,220)");//设置标签颜色
        lab_login_success->show();//标签显示
        lab_login_success->setAlignment(Qt::AlignCenter);//设置标签中文本居中显示
        lab_login_success->move(ui->btn_login->x(),ui->btn_login->y()-lab_login_success->height());//设置标签位置在登录按钮上方

        //关闭标签
        QTimer::singleShot(3000,lab_login_success,SLOT(close()));//仅在3秒后关闭标签
        */
        this->close();//关闭窗口

        emit my_jump();//触发信号

    }else
    {
        QLabel *lab_login_failure = new QLabel("登陆失败",this);//创建  “登录失败”  标签
        lab_login_failure->resize(100,ui->lineEdit_userame->height());//设置标签大小，与登录按钮高度相同
        lab_login_failure->setStyleSheet("background-color:rgb(220,220,220)");//设置标签颜色
        lab_login_failure->show();//标签显示
        lab_login_failure->setAlignment(Qt::AlignCenter);//设置标签中文本居中显示
        lab_login_failure->move(ui->btn_login->x(),ui->btn_login->y()-lab_login_failure->height());//设置标签位置在登录按钮上方
        ui->lineEdit_passwd->clear();//清空  密码  行编辑器中的内容

        //关闭标签
        QTimer::singleShot(3000,lab_login_failure,SLOT(close()));//仅在3秒后关闭标签
    }
}


//取消按钮  对应的  槽函数
void Widget::my_slot_cancel()
{
    //清空  账户和密码  行编辑器中的内容
    ui->lineEdit_userame->clear();//清空  账户  行编辑器中的内容
    ui->lineEdit_passwd->clear();//清空  密码  行编辑器中的内容
}

//重写鼠标按下事件
void Widget::mousePressEvent(QMouseEvent *event) {
    // 当按下鼠标左键时记录当前位置
    if (event->button() == Qt::LeftButton) {
        dragPosition = event->globalPos();
        event->accept();
    }
}

void Widget::my_slot_jump_back()
{
    this->show();//显示当前页面
}


//重写鼠标移动事件
void Widget::mouseMoveEvent(QMouseEvent *event) {
    // 当移动鼠标时移动窗口
    if (event->buttons() & Qt::LeftButton) {
        move(this->x() + event->globalPos().x() - dragPosition.x(),
             this->y() + event->globalPos().y() - dragPosition.y());
        dragPosition = event->globalPos();
        event->accept();
    }
}

qss语句：

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

QFrame#frame{  /*背景*/
	
	border-image: url(:/Logo/shanChuan.jpg);

	border-radius:10px
}

#frame_surface{
	
	background-color: rgba(190, 190, 190, 100);
}


QPushButton{
	color: rgb(255, 255, 255);

	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(81, 81, 81, 120), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

QPushButton:hover{
	color: rgb(255, 255, 255);

	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(85, 81, 81, 120), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

QPushButton:pressed{  /*鼠标按下*/
	color: rgb(255, 255, 255);

	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(85, 81, 81, 120), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;

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

/*右上角三个按钮*/
QPushButton#btn_set,#btn_sub,#btn_mul{
	
	background-color: rgba(106, 102, 116, 0);

	/*color: rgb(255, 255, 255);*/

	border: none;
}


/*主题标签*/
QLabel#label_theme{
	
	background-color: rgba(81, 81, 81, 120);
	border-radius:5px;
}

/*头像标签*/
QLabel#label_head{
	
	border-image: url(:/QQ/head.png);
	background-color: rgba(255, 255, 255, 90);
	border-radius: 25px;
	
}

/*账号  密码*/
QLineEdit{
	background: transparent;
	border: none;
	border-bottom:1px solid rgba(255, 255, 255, 120);
	color: rgb(255, 255, 255, 120);
}

QPushButton#btn_login,#btn_cancel{
	background-color: rgba(81, 81, 81, 120);
	border-radius:5px;
}

        第二个界面：

second.h文件：

#ifndef SECOND_H
#define SECOND_H

#include <QWidget>
#include <QMovie>
#include <QMouseEvent>

namespace Ui {
class Second;
}

class Second : public QWidget
{
    Q_OBJECT

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

signals:
    void my_signal_mul();//"X" 按钮  的信号函数
    void my_signal_back();//返回  按钮  的信号函数
    void my_signal_jump_back();//返回  登录页面  的信号函数

public slots:
    void jump_slot();//第二个界面准备的槽函数
    void my_slot_mul();//"X" 按钮  的槽函数
    void my_slot_back();//返回  按钮  的槽函数

private:
    Ui::Second *ui;


protected:
    //重写鼠标按下事件
    void mousePressEvent(QMouseEvent *event) override;
    //重写鼠标移动事件
    void mouseMoveEvent(QMouseEvent *event) override;

private:
    QPoint dragPosition;//声明一个坐标点
};

#endif // SECOND_H

second.cpp文件：

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

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

    this->setWindowFlag(Qt::FramelessWindowHint);//设置纯净窗口

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

    QMovie *mv = new QMovie(":/QQ/zz.gif");//设置一个动图对象接收动图
    ui->label_top->setMovie(mv);//将动图设置到顶部标签中
    mv->start();//让动图动起来
    ui->label_top->setScaledContents(true);//让图片自适应
    ui->label_top->setStyleSheet("border-radius:5px");//设置边框圆角

    connect(ui->btn_mul, &QPushButton::clicked, this, &Second::my_slot_mul);//"X" 按钮  连接  槽函数

    connect(ui->btn_back, &QPushButton::clicked, this, &Second::my_slot_back);//“返回”  按钮  连接  槽函数

}

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

void Second::jump_slot()
{
    this->show();//显示
}


//重写鼠标按下事件
void Second::mousePressEvent(QMouseEvent *event) {
    // 当按下鼠标左键时记录当前位置
    if (event->button() == Qt::LeftButton) {
        dragPosition = event->globalPos();
        event->accept();
    }
}


//重写鼠标移动事件
void Second::mouseMoveEvent(QMouseEvent *event) {
    // 当移动鼠标时移动窗口
    if (event->buttons() & Qt::LeftButton) {
        move(this->x() + event->globalPos().x() - dragPosition.x(),
             this->y() + event->globalPos().y() - dragPosition.y());
        dragPosition = event->globalPos();
        event->accept();
    }
}

// “X” 按钮对应的槽函数
void Second::my_slot_mul()
{
    this->close();//点击  “X”  按钮   关闭整个窗口
}

//“返回”  按钮  对应的  槽函数
void Second::my_slot_back()
{
    this->close();//关闭当前窗口
    emit my_signal_jump_back();//触发信号
}

 qss语句：

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

QFrame#frame{
	border-radius:5px;
}

QPushButton{
	color: rgb(255, 255, 255);

	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(81, 81, 81, 120), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

QPushButton:hover{
	color: rgb(255, 255, 255);

	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(85, 81, 81, 120), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;
}

QPushButton:pressed{  /*鼠标按下*/
	color: rgb(255, 255, 255);

	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(85, 81, 81, 120), stop:1 rgba(255, 255, 255, 255));

	border-radius:5px;

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

QPushButton#btn_mul{
	background-color: rgba(106, 102, 116, 0);

	border: none;
}

        主函数：

main.c文件：

#include "widget.h"
#include "second.h"

#include <QApplication>

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

    Second s;//实例化第二个界面

    QObject::connect(&w, &Widget::my_jump, &s, &Second::jump_slot);//登陆页面  跳转到  第二个页面

    QObject::connect(&s, &Second::my_signal_jump_back, &w, &Widget::my_slot_jump_back);//第二个页面  跳转到  登陆页面

    return a.exec();
}

实现效果：

 

常应常静ZZY
关注
  • 15
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
蓝桥杯嵌入式学习.zip
01-08
"蓝桥杯嵌入式学习.zip" 是一个与"蓝桥杯"竞赛相关的学习资源压缩包，该竞赛主要聚焦于嵌入式系统的设计与开发。嵌入式系统是电子设备中集成了微处理器的硬件系统，它们在各种领域如物联网、智能家居、汽车电子、...
嵌入式学习路线
QWERT520的专栏
06-05 4万+
任何学习一定要有路线图，根据同学，网上搞C和搞硬件的，结合自己的思考整理了一份嵌入式学习路线，之前整理了一份不是很满意，现在又整理了一份。 嵌入式开发学习路线份三个阶段
【毕业季|进击的技术er】作为一名职场人，精心总结的嵌入式学习路线图
Donge's Blog
06-20 8万+
大学毕业，还在为选择工作迷茫吗？董哥带你一文领略嵌入式学习路线地图，送给刚毕业的你，祝你早日走出迷茫区
嵌入式学习中较好的练手项目和课题整理（附代码资料、学习视频和嵌入式学习规划）
热门推荐
HowieXue 薛永浩的博客
08-04 10万+
目录： 0、引言 何为嵌入式？ 1、单片机相关 1.1 基于单片机的智能小车、智能机器人制作 1.2 基于Arduino的3D打印机制作 2、嵌入式Linux相关 2.1 智能扫地机器人 2.2 智能可穿戴类设备：智能安全头盔 2.3 智能可穿戴类设备：面向空巢老人/病人的智能手环 2.4 物联网智能控制系统：家居、农业、医疗 2.5 基于Linux的嵌入式网络视频监控系统 ...
嵌入式学习笔记——概述
qq_41954556的博客
03-01 5810
嵌入式系统概述
呕心沥血整理的的嵌入式学习路线
一口Linux的专栏
09-10 2万+
曾经是某见的教学总监，我带出来的学生也有大几千了，基本都从事linux相关工作。网上看了很多的嵌入式学习路线，有的还凑活，有的纯粹是打广告卖板子，有的东拼西凑，简直是嵌入式劝退指南。 大致给你梳理一下我从事的一个嵌入式的课程培训体系吧。 基础 1. linux基本操作： 个人建议只要会一些基本的操作就行了，不需要太深入的学习每一个命令，用到的时候会去搜索就行了。 需要掌握的知识如下： 环境的搭建； Linux目录结构； 文件类型； 基本目录操作，文件操作，vim，ifconfig，ping，cd，cp，m
嵌入式学习课件
06-08
嵌入式学习课件主要涵盖了两个核心主题：嵌入式系统概述和Linux下C程序的开发，这些都是在IT行业中至关重要的领域。嵌入式系统是计算机科学与工程的一个分支，它涉及将计算能力嵌入到各种设备中，如智能手机、家电、...
计算机三级嵌入式学习笔记汇总.pdf
08-31
"计算机三级嵌入式学习笔记汇总.pdf" 本资源是一个关于计算机三级嵌入式学习笔记的汇总，涵盖了嵌入式系统概论、嵌入式系统开发的基础知识、数字媒体基础、网络通信技术等方面的知识点。 嵌入式系统概论 嵌入式...
Lumos学习王佩丰Excel第四讲：排序与选择
Sunshine_XX的博客
07-10 395
自定义排序演示：工资条拆分的演示：如果遇到很长的表，标题只存在于顶端，打印出来观感不好，可以这样做：有些版本的excel复制筛选数据容易把背后隐藏的所有数据都复制上去，这时可选中定位条件的“可见单元格”选项，复制粘贴即可。并排表示且，错排表示或。ctrl+shift+↓+→全选，演示说明：回头学原理，先记住一句话，要想筛选对，条件表头不要对。
ROS基础学习-ROS运行管理
周陽讀書
07-11 761
ROS运行管理。
探索Perl语言：入门学习与实战指南
最新发布
洛秋的博客
07-15 616
Perl（Practical Extraction and Report Language）由Larry Wall于1987年创建，旨在帮助系统管理员简化日常任务。高效灵活：Perl的语法灵活多样，支持多种编程风格（过程式、面向对象等）。强大的文本处理能力：内置强大的正则表达式支持，是处理文本数据的利器。丰富的模块库：通过CPAN（Comprehensive Perl Archive Network）可以方便地获取和使用各类模块。Perl广泛应用于系统管理、Web开发、网络编程、数据库操作等领域。
NumPy库学习之np.random.rand函数
qq_46396470的博客
07-15 148
是 NumPy 库中的一个函数，用于生成随机数。这些随机数是从均匀分布 [0, 1) 中抽取的，即每个数都在0到1之间，但不包括1。
python 语法学习 day 7
2303_79973545的博客
07-15 218
-----元组之间可以进行比较，比较的规则是逐个比较元组中的元素。首先比较第一个元素，如果相等，则比较第二个元素，以此类推。如果所有元素都相等，那么元组相等；否则，比较的结果取决于第一个不相等元素的比较结果。题意:统计单词的种类以及数量(忽略大小写)，最终以降序输出（出现次数相同的单词根据单词的大小升序输出）-------掌握如何将一个英语句子中的单词拆出来,并且去掉标点符号。EOF，输入后产生异常-->>捕获异常，结束输入。第一次提交的答案是：先把所有输入值放在列表里面。------字典排序。
安卓学习中遇到的问题【bug】
小心星的博客
07-15 772
安卓学习中遇到的问题【bug】
昇思MindSpore 25天学习打卡营|day20
weixin_42036358的博客
07-13 710
生成式对抗网络(Generative Adversarial Networks，GAN)是一种生成式机器学习模型，是近年来复杂分布上无监督学习最具前景的方法之一。最初，GAN由Ian J. Goodfellow于2014年发明，并在论文生成器的任务是生成看起来像训练图像的“假”图像；判别器需要判断从生成器输出的图像是真实的训练图像还是虚假的图像。GAN通过设计生成模型和判别模型这两个模块，使其互相博弈学习产生了相当好的输出。GAN模型的核心在于提出了通过对抗过程来估计生成模型这一全新框架。
Qt/QML学习-动画元素
QT、QML
07-12 1137
Qt/QML学习-动画元素
Python 学习中什么是异常处理，如何使用 try、except、finally ？
Itmastergo的博客
07-12 749
异常是程序执行过程中发生的非正常事件，这些事件会中断正常的程序指令流。当程序遇到错误时，Python 会抛出一个异常对象，异常对象包含了错误的类型和相关的信息。
Cadence23学习笔记（三）
zjb6668的博客
07-15 254
焊接FPC的时候先上锡，焊台加热后再图上焊油，再放置元器件，再加热：万用表测电流只需要把表笔接到电流的孔位即可测量电流，不需要接再串联一个负载：有些线性电源两个通道可以串联，并联起来使用；
物联网嵌入式学习路线
04-17
物联网嵌入式学习路线可以分为以下几个阶段： 1. 基础知识学习阶段： 在这个阶段，你需要掌握计算机基础知识，包括计算机组成原理、操作系统、数据结构与算法等。此外，还需要学习C/C++等编程语言的基础知识。 2. 嵌入式系统开发基础阶段： 在这个阶段，你需要学习嵌入式系统的基本概念和原理，了解嵌入式系统的硬件和软件组成。学习使用开发板（如Arduino、Raspberry Pi等）进行简单的嵌入式系统开发，包括GPIO控制、传感器数据采集等。 3. 物联网协议与通信技术阶段： 在这个阶段，你需要学习物联网相关的协议和通信技术，如TCP/IP、HTTP、MQTT等。了解物联网的网络架构和通信方式，掌握使用传感器与云平台进行数据交互的方法。 4. 嵌入式系统开发进阶阶段： 在这个阶段，你可以深入学习嵌入式系统的开发技术，包括嵌入式操作系统（如FreeRTOS、Linux等）的使用、驱动程序开发、RTOS调度算法等。同时，可以学习使用更复杂的开发板和模块，进行更加复杂的嵌入式系统开发。 5. 物联网应用开发阶段： 在这个阶段，你可以学习物联网应用开发的相关技术，如云平台开发、移动应用开发等。了解物联网应用的架构和开发流程，掌握数据分析和可视化展示的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值