Qt:玩转QPainter后转之时钟(步骤详细、包含源码)

news2024/9/21 18:59:51

前言

简单了解了QPainter之后当然是要找两个例子练练手啦。

正文

先看效果图
在这里插入图片描述

在绘制之前我们要先构思好自己要绘制的对象可以分成几部分,比如我要绘制时钟的话,我可以分成:外边框(圆环或者圆),圆形背景,刻度,时间数字,秒针,分针,时针,中心点;
当然也可以不分这么细,或者分的更细,留下接口以实现更多的效果。

绘制外边框

ClockPainter::ClockPainter(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::ClockPainter)
{
    ui->setupUi(this);
    // 外半径
    outRadius = 108;
    // 内半径
    inRadius = 100;
    crownColorStart = QColor(255,0,0);
    crownColorEnd = QColor(64,156,250);
}

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
}

void ClockPainter::drawCrown(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 渐变
    QLinearGradient gradient(-outRadius, -outRadius, outRadius, outRadius);
    gradient.setColorAt(0, crownColorStart);
    gradient.setColorAt(1, crownColorEnd);
    painter->setBrush(gradient);
    painter->drawEllipse(-outRadius, -outRadius, outRadius<<1, outRadius<<1);
    painter->restore();
}
效果

在这里插入图片描述

绘制背景

ClockPainter::ClockPainter(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::ClockPainter)
{
    ui->setupUi(this);
    // 外半径
    outRadius = 108;
    // 内半径
    inRadius = 100;
    crownColorStart = QColor(255,0,0);
    crownColorEnd = QColor(64,156,250);
}


void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
}

void ClockPainter::drawBg(QPainter *painter)
{
    painter->save();
    painter->setBrush(Qt::black);
    painter->drawEllipse(-inRadius, -inRadius, inRadius<<1, inRadius<<1);
    painter->restore();
}

效果

在这里插入图片描述

绘制刻度

void ClockPainter::drawScale(QPainter *painter)
{
    painter->save();
    QPen pen;
    pen.setColor(Qt::white);

    for (int i = 0; i < 60; ++i) {
        // 长的和短的粗细不一样
        if (i % 5 == 0) {
            pen.setWidth(2);
            pen.setCapStyle(Qt::RoundCap);
            painter->setPen(pen);
            painter->drawLine(inRadius - 8, 0, inRadius, 0);
        } else {
            pen.setWidth(1);
            painter->setPen(pen);
            painter->drawLine(inRadius - 4, 0, inRadius, 0);
        }
        painter->rotate(6);
    }
    painter->restore();
}


void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
}
效果

在这里插入图片描述

绘制时间数字

QRectF ClockPainter::textRectF(qreal radius, int pointSize, qreal angle)
{
    // 用于计算每个数字所在的矩形
    QRectF rectF;
    rectF.setX(radius*qCos(angle*M_PI/180.0) - pointSize*2);
    rectF.setY(radius*qSin(angle*M_PI/180.0) - pointSize/2.0);
    rectF.setWidth(pointSize*4);
    rectF.setHeight(pointSize*1.5);
    return rectF;
}

void ClockPainter::drawScaleNum(QPainter *painter)
{
    painter->save();
    // 获取当前字体
    QFont font = painter->font();
    // 设置粗体
    font.setBold(true);
    painter->setFont(font);
    int pointSize = font.pointSize();
    painter->setPen(Qt::white);
    int nHour = 0;
    for (int i = 0; i < 12; ++i) {
      nHour = i + 3;
      if (nHour > 12)
        nHour -= 12;
      painter->drawText(textRectF(inRadius*0.8, pointSize, i * 30), Qt::AlignCenter, QString::number(nHour));
    }
    painter->restore();
}

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
}
效果

在这里插入图片描述

绘制中心点

void ClockPainter::drawCenterDot(QPainter *painter)
{
    painter->save();
    painter->setPen(Qt::NoPen);
    QLinearGradient gradient(-10, -10, 10, 10);
    gradient.setColorAt(0, Qt::gray);
    gradient.setColorAt(0.2,Qt::black);
    gradient.setColorAt(1, Qt::gray);

    painter->setBrush(gradient);
    painter->drawEllipse(-5,-5,10,10);
    painter->restore();
}

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
    drawCenterDot(&painter);

}
效果

在这里插入图片描述

绘制秒针

void ClockPainter::drawSec(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 画一个四边形,两头大,两头小
    painter->setBrush(Qt::gray);
    QPolygon polygon;
    polygon<<QPoint(-3,-2)<<QPoint(70,-1)<<QPoint(70,1)<<QPoint(-3,2);
    painter->drawPolygon(polygon);
    painter->restore();
}

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
    drawSec(&painter);
    drawCenterDot(&painter);

}
效果

在这里插入图片描述

绘制分针

void ClockPainter::drawMin(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 画一个四边形,两头大,两头小
    painter->setBrush(Qt::gray);
    QPolygon polygon;
    polygon<<QPoint(-6,-3)<<QPoint(63,-2)<<QPoint(63,2)<<QPoint(-6,3);
    painter->drawPolygon(polygon);
    painter->restore();
}

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
    drawMin(&painter);
    drawSec(&painter);
    drawCenterDot(&painter);

}
效果

在这里插入图片描述

绘制时针

void ClockPainter::drawHour(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 画一个四边形,两头大,两头小
    painter->setBrush(Qt::gray);
    QPolygon polygon;
    polygon<<QPoint(-6,-4)<<QPoint(50,-3)<<QPoint(50,3)<<QPoint(-6,4);
    painter->drawPolygon(polygon);
    painter->restore();
}

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
    drawHour(&painter);
    drawMin(&painter);
    drawSec(&painter);
    drawCenterDot(&painter);

}
效果

在这里插入图片描述

其实从话指针就很容易看出来,只要会画一个,其余的就改动一点,代码重复性极高

添加定时器使得指针动起来

ClockPainter::ClockPainter(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::ClockPainter)
{
    ui->setupUi(this);
    // 外半径
    outRadius = 108;
    // 内半径
    inRadius = 100;
    crownColorStart = QColor(255,0,0);
    crownColorEnd = QColor(64,156,250);
    // 初始化时间
    QTime time = QTime::currentTime();
    hour = time.hour();
    min = time.minute();
    sec = time.second();
    // 初始化定时器
    timer = new QTimer(this);
    connect(timer, &QTimer::timeout, this, &ClockPainter::updateTime);
    // 设置时间间隔为1s
    timer->start(1000);

}
void ClockPainter::updateTime()
{
    QTime time = QTime::currentTime();
    hour = time.hour();
    // 12小时制
    if (hour > 12) {
        hour -= 12;
    }
    min = time.minute();
    sec = time.second();
    // 更新图像
    update();
}
//关键是要在相应的绘制指针的函数中调用rotate函数,使得绘制的图像旋转

效果

总体代码

这里我定义了指针的颜色,但是我并没有使用,是想留一个接口进行下一步开发。
头文件

#ifndef CLOCKPAINTER_H
#define CLOCKPAINTER_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class ClockPainter; }
QT_END_NAMESPACE

class ClockPainter : public QWidget
{
    Q_OBJECT

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


protected:
    void paintEvent(QPaintEvent *);
    // 画外边框
    void drawCrown(QPainter *painter);
    // 画背景
    void drawBg(QPainter *painter);
    // 画刻度
    void drawScale(QPainter *painter);
    // 画刻度上的数字
    void drawScaleNum(QPainter *painter);
    // 时针
    void drawHour(QPainter *painter);
    // 分针
    void drawMin(QPainter *painter);
    // 秒针
    void drawSec(QPainter *painter);
    // 画中心点
    void drawCenterDot(QPainter *painter);
    // 处理数字位置
    QRectF textRectF(qreal radius, int pointSize, qreal angle);


private slots:
    void updateTime();
private:
    Ui::ClockPainter* ui;
    // 外边框半径
    int outRadius;
    // 内边框半径
    int inRadius;
    // 外边框渐变开始颜色
    QColor crownColorStart;
    // 外边框渐变结束颜色
    QColor crownColorEnd;
    // 背景色
    QColor background;
    // 时钟指针颜色
    QColor pointerHourColor;
    // 分钟指针颜色
    QColor pointerMinColor;
    // 秒钟指针颜色
    QColor pointerSecColor;
    // 定时器绘制
    QTimer *timer;
    // 时分秒
    int hour, min, sec;
};

#endif // CLOCKPAINTER_H

源文件

#include "clockpainter.h"
#include "ui_clockpainter.h"
#include "qpainter.h"
#include "qpen.h"
#include "qcolor.h"
#include "qpolygon.h"
#include "qfont.h"
#include "qtimer.h"
#include "qmath.h"
#include "qrect.h"
#include "qtransform.h"
#include <QTime>
#include <QLinearGradient>
#include "qdebug.h"

ClockPainter::ClockPainter(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::ClockPainter)
{
    ui->setupUi(this);
    // 外半径
    outRadius = 108;
    // 内半径
    inRadius = 100;
    crownColorStart = QColor(255,0,0);
    crownColorEnd = QColor(64,156,250);
    // 初始化时间
    QTime time = QTime::currentTime();
    hour = time.hour();
    min = time.minute();
    sec = time.second();
    // 初始化定时器
    timer = new QTimer(this);
    connect(timer, &QTimer::timeout, this, &ClockPainter::updateTime);
    // 设置时间间隔为1s
    timer->start(1000);

}

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

void ClockPainter::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    // 设置图形和文本抗锯齿
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
    // 将绘制点移动到窗口中心
    painter.translate(width() / 2, height() / 2);
    drawCrown(&painter);
    drawBg(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
    drawHour(&painter);
    drawMin(&painter);
    drawSec(&painter);
    drawCenterDot(&painter);

}

void ClockPainter::drawCrown(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 渐变
    QLinearGradient gradient(-outRadius, -outRadius, outRadius, outRadius);
    gradient.setColorAt(0, crownColorStart);
    gradient.setColorAt(1, crownColorEnd);
    painter->setBrush(gradient);
    painter->drawEllipse(-outRadius, -outRadius, outRadius<<1, outRadius<<1);
    painter->restore();
}

void ClockPainter::drawBg(QPainter *painter)
{
    painter->save();
    painter->setBrush(Qt::black);
    painter->drawEllipse(-inRadius, -inRadius, inRadius<<1, inRadius<<1);
    painter->restore();
}

void ClockPainter::drawScale(QPainter *painter)
{
    painter->save();
    QPen pen;
    pen.setColor(Qt::white);

    for (int i = 0; i < 60; ++i) {
        // 长的和短的粗细不一样
        if (i % 5 == 0) {
            pen.setWidth(2);
            pen.setCapStyle(Qt::RoundCap);
            painter->setPen(pen);
            painter->drawLine(inRadius - 8, 0, inRadius, 0);
        } else {
            pen.setWidth(1);
            painter->setPen(pen);
            painter->drawLine(inRadius - 4, 0, inRadius, 0);
        }
        painter->rotate(6);
    }
    painter->restore();
}

void ClockPainter::drawScaleNum(QPainter *painter)
{
    painter->save();
    // 获取当前字体
    QFont font = painter->font();
    // 设置粗体
    font.setBold(true);
    painter->setFont(font);
    int pointSize = font.pointSize();
    painter->setPen(Qt::white);
    int nHour = 0;
    for (int i = 0; i < 12; ++i) {
      nHour = i + 3;
      if (nHour > 12)
        nHour -= 12;
      painter->drawText(textRectF(inRadius*0.8, pointSize, i * 30), Qt::AlignCenter, QString::number(nHour));
    }
    painter->restore();
}

void ClockPainter::drawHour(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 画一个四边形,两头大,两头小
    painter->setBrush(Qt::gray);
    QPolygon polygon;
    polygon<<QPoint(-6,-4)<<QPoint(50,-3)<<QPoint(50,3)<<QPoint(-6,4);
    // 旋转,角度需要减去90,因为不减的话,是从12开始计算角度
    painter->rotate(30.0 * ((hour + min / 60.0)) - 90);
    painter->drawPolygon(polygon);
    painter->restore();
}

void ClockPainter::drawMin(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 画一个四边形,两头大,两头小
    painter->setBrush(Qt::gray);
    QPolygon polygon;
    polygon<<QPoint(-6,-3)<<QPoint(63,-2)<<QPoint(63,2)<<QPoint(-6,3);
    // 旋转,角度需要减去90,因为不减的话,是从12开始计算角度
    painter->rotate(6.0 * (min + sec / 60.0) - 90);
    painter->drawPolygon(polygon);
    painter->restore();
}

void ClockPainter::drawSec(QPainter *painter)
{
    painter->save();
    // 接下来的绘制不用笔,如果没有填充的话将什么效果都没有
    painter->setPen(Qt::NoPen);
    // 画一个四边形,两头大,两头小
    painter->setBrush(Qt::gray);
    QPolygon polygon;
    polygon<<QPoint(-3,-2)<<QPoint(70,-1)<<QPoint(70,1)<<QPoint(-3,2);
    // 旋转,角度需要减去90,因为不减的话,是从12开始计算角度
    painter->rotate(6.0 * sec - 90);
    painter->drawPolygon(polygon);
    painter->restore();
}

void ClockPainter::drawCenterDot(QPainter *painter)
{
    painter->save();
    painter->setPen(Qt::NoPen);
    QLinearGradient gradient(-10, -10, 10, 10);
    gradient.setColorAt(0, Qt::gray);
    gradient.setColorAt(0.2,Qt::black);
    gradient.setColorAt(1, Qt::gray);

    painter->setBrush(gradient);
    painter->drawEllipse(-5,-5,10,10);
    painter->restore();
}

QRectF ClockPainter::textRectF(qreal radius, int pointSize, qreal angle)
{
    // 用于计算每个数字所在的矩形
    QRectF rectF;
    rectF.setX(radius*qCos(angle*M_PI/180.0) - pointSize*2);
    rectF.setY(radius*qSin(angle*M_PI/180.0) - pointSize/2.0);
    rectF.setWidth(pointSize*4);
    rectF.setHeight(pointSize*1.5);
    return rectF;
}

void ClockPainter::updateTime()
{
    QTime time = QTime::currentTime();
    hour = time.hour();
    // 12小时制
    if (hour > 12) {
        hour -= 12;
    }
    min = time.minute();
    sec = time.second();
    // 更新图像
    update();
}


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2100518.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

ES中对于时间聚合的一些总结

最近在通过es统计数据时&#xff0c;遇到了一个问题&#xff1a;在进行时间范围查询后&#xff0c;再对时间进行聚合&#xff0c;此时聚合的结果会受时区影响&#xff0c;也就是说结果的时间戳会被转换成对应时区的时间&#xff0c;并且时间戳也会变成这个时间的时间戳&#xf…

若楠带你初识OpenCV(1)-- 视频、图片基础处理,颜色获取

文章目录 OpenCV一、核心功能二、初识OpenCV1. 安装OpenCV2. 读取图片3. 读取灰度图4. 图片保存5. 视频文件读取6. 区域截取7. 提取RGB通道颜色8. 合并颜色通道 总结 OpenCV OpenCV&#xff08;Open Source Computer Vision Library&#xff09;是一个开源的计算机视觉和机器学…

SQL【2】稍稍进阶

目录 首先&#xff0c;怎么安装&#xff0c;环境怎么调。 alter——改变&#xff08;此段Al&#xff09; 创建于删除数据库、表格 上一节进阶 预设值default​编辑 关于插入顺序 有条件的删除DELETE FROM 表 WHERE 条件 多种语句组合查看 查看排序​编辑 LIMIT 2只取前…

输煤皮带智能巡检机器人技术方案及应用分析

输煤皮带是电厂和工业企业物料输送系统的重要组成部分。由于皮带系统通常覆盖面积大、环境复杂&#xff0c;传统的人工巡检方式存在效率低、危险性高等问题。为此&#xff0c;智能巡检机器人被引入输煤皮带系统&#xff0c;旨在实现无人化、智能化的巡检作业&#xff0c;提升系…

如何禁用USB存储设备|禁用USB储存和连接手机的方法有哪些?深度解析,四招搞定!

在企业网络安全管理中&#xff0c;禁用USB存储设备和限制手机连接至关重要。这不仅可以防止数据泄露&#xff0c;还能阻止恶意软件通过外部设备入侵。 本文将为你推荐四种行之有效的方法&#xff0c;帮助你全面禁用USB存储设备和连接手机的功能&#xff0c;让企业数据安全更有…

google浏览器禁止http自动转https

在Chrome的地址栏中输入 chrome://flags&#xff0c;搜索“HTTPS Upgrades”并将其设置为“Disabled”。这将禁用Chrome自动将HTTP升级到HTTPS的功能。

分享5款在不同场景提供支持的软件

​ 本文将介绍几款实用的软件工具&#xff0c;涵盖了从文件管理到系统优化&#xff0c;以及跨平台操作等多个领域。 1. 静态分析工具——Cerbero Suite Advanced ​ Cerbero Suite Advanced是一款功能强大的静态分析工具&#xff0c;专为逆向工程和数字取证设计。它支持多种文…

迪杰斯特拉算法——求最短路径

朴素版本&#xff08;时间复杂度O&#xff08;n^2&#xff09;&#xff09;&#xff1a; 迪杰斯特拉算法采用的是一种贪心的策略。 用一个 dist 数组保存源点到其余各个节点的距离&#xff0c;dist[i] 表示源点到节点 i 的距离。初始时&#xff0c;dist 数组的各个元素为无…

Nginx 部署前端 Vue 项目实战指南

一、环境准备 1. 安装 Nginx 首先&#xff0c;需要在服务器上安装 Nginx。Nginx 是一款轻量级、高性能的 HTTP 和反向代理服务器。安装方式因操作系统而异。 Linux 系统&#xff08;以 Ubuntu 为例&#xff09;&#xff1a; sudo apt-get update sudo apt-get install nginxWi…

MacOS下WKWebView设置背景透明问题

业务场景需要设置WKWebView的背景内容透明&#xff0c;查询到一般有两种方法&#xff1a; [self.webView setValue: NO forKey: "drawsBackground"]; [self.webView setValue:[NSNumber numberWithBool: YES] forKey:"drawsTransparentBackground"]; 这…

ZBrush入门使用介绍——13、Dynamesh

大家好&#xff0c;我是阿赵。   继续介绍ZBrush的用法。这次介绍一个可以给模型重新布线和生成形状的工具&#xff0c;叫做Dynamesh。 1、 重新布线 在使用Move笔刷的时候&#xff0c;经常会遇到一个问题 当用Move笔刷把模型拖拽出一个形状的时候&#xff0c;被拖出来的部…

ElasticSearch-倒排索引 文档映射

倒排索引文档映射 已有字段的Mapping修改常用Mapping参数配置Index TemplateDynamic Template 倒排索引 当数据写入 ES 时&#xff0c;数据将会通过 分词 被切分为不同的 term&#xff0c;ES 将 term 与其对应的文档列表建立一种映射关系&#xff0c;这种结构就是 倒排索引 为…

火车票、高铁票如何开具电子发票?12306怎么查询报销凭证是否领取?

火车票、高铁票如何开具电子发票&#xff1f; 众所周知&#xff0c;目前很多消费&#xff08;衣食住行&#xff09;报销都是可以开具电子发票的&#xff0c;但火车票目前无法开具电子发票。 火车票目前只有纸质报销凭证&#xff0c;报销凭证与之前的车票类似&#xff0c;但是…

数学建模常用工具总结

数学建模常用工具总结 绘图篇pythonMATLABLIVEGAP CHARTSApache EChartsBioLadderHiplot Pro 生物医学可视化平台Graph EditorRAWGraphs 2.0ExcalidrawPPT绘图 配色篇Color SpaceAdobe Color 素材篇手绘素材插画网iconfont-阿里巴巴矢量图标库下面四个都是实物风格的素材&#…

40天的八股文总结

四十天前报名参加了卡哥的八股文训练营&#xff0c;在这四十天中每周都在训练营中打卡&#xff0c;可以通过念出来的方式进行八股文的记忆&#xff0c;同时还可以听到其他训练营中的朋友们的打卡&#xff0c;这让人感觉非常的有动力&#xff0c;每天都有更强烈的记忆八股文的信…

安装win7鼠标键盘不能动原因分析及解决办法

有同学反馈安装win7鼠标键盘不能动这是怎么回事&#xff1f;后来研究该问题主要是原版win7没有集成usb3.0和usb3.1驱动导致&#xff0c;下面小编就教大家安装win7鼠标键盘不能动原因分析及解决方法。 安装win7鼠标键盘不能动原因分析&#xff1a; 原因&#xff1a;研究后发现是…

Quartz.Net_快速开始

简述 Quartz中主要分为三部分&#xff0c;JobDetail、Trigger、Scheduler&#xff0c;分别是任务、触发器、调度器&#xff0c;三者的关系为&#xff1a;Trigger控制JobDetail的执行时间和频率&#xff0c;而Scheduler负责将具体的Trigger与具体的JobDetail绑定 1.安装Quartz…

无需后端也能测试 CRUD:Mock.js 的强大功能

前言 在前端开发中&#xff0c;数据的增删改查&#xff08;CRUD&#xff09;操作是最常见的需求之一。 然而&#xff0c;在后端接口尚未就绪的情况下&#xff0c;前端开发者往往需要一种方法来模拟这些操作。 Mock.js 作为一个强大的前端数据模拟库&#xff0c;可以帮助开发…

Ubuntu 上启用 swap 内存,提高运行效率!

Ubuntu 24.04 是一个功能强大的操作系统&#xff0c;但有时你的电脑可能会在运行多个应用程序时耗尽内存。这会降低系统的运行速度和效率。在这种情况下&#xff0c;添加交换内存会有所帮助。交换内存作为一个额外的内存资源&#xff0c;您的计算机可以顺利处理更多的任务。 在…

如何用一次推送,毁掉一个公司?

极狐GitLab 是 GitLab 在中国的发行版&#xff0c;可以私有化部署&#xff0c;对中文的支持非常友好&#xff0c;是专为中国程序员和企业推出的企业级一体化 DevOps 平台&#xff0c;一键就能安装成功。安装详情可以查看官网指南。 本文分享如何使用极狐GitLab 17.2 发布的密钥…