Qt样式(qss)的几套配色方案

news2024/12/29 10:36:50

背景:

之前写过有关qss的博客,记录了如何使用qt手册,以及在项目中如何使用qss的体验。经过实践,我归纳了自己需要的qss使用方法,使之尽量高效,容易维护。

Qt样式(qss)手册小结(附例:软件深色模式)

Qt样式(qss)使用小结(软件换肤,比如暗黑模式)

由于一时上瘾,闲暇时随手改了几套配色方案以供参考。

回顾:

按照之前的实践体会,我认为还是按照以样式特征分类的方式写qss更容易维护,因为要定制一套新配色方案时,只需要少量修改颜色值即可。

如果按照控件分别定制样式特征,看起来像帮助手册一样规矩,但需要再次定制配色方案时,需要修改每一处相关的地方,即使是复制粘贴,当然也可以用替换的方式,所以还是各随喜好。

文件组织:

我想了一个办法来组织这些qss,在项目目录中,新建一个qss目录,然后把每一种qss都保存为.css文件。主要两个目的:一是可以在qt项目层级目录树中随时查看并编辑qss,二是qt会利用css格式提供语法高亮。

每次编辑完qss以后,可以找个在线格式优化工具,把代码格式化一下会更好看。

案例:

下面是我写的几种配色方案:

/************************************************************************
** Class name:     style_dark_blue
** Author:         (Henrick.nie)
** Created date:   2022-12-30
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(0, 40, 60);
    color: rgb(200, 255, 255);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(0, 90, 130);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(0, 110, 150);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid rgb(0, 100, 180);
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(0, 70, 90);
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(0, 50, 70);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title 1: top and left*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
}
/************************************************************************
** Class name:     style_dark_gray
** Author:         (Henrick.nie)
** Created date:   2022-12-30
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(30, 30, 30);
    color: white;
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(100, 100, 100);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(120, 120, 120);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid white;
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle {
    background-color: rgb(70, 70, 70);
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(50, 50, 50);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title 1: top and left*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
}
QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(50, 50, 50);
}
/************************************************************************
** Class name:     style_dark_green
** Author:         (Henrick.nie)
** Created date:   2022-12-30
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(0, 30, 0);
    color: rgb(0, 255, 0);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(0, 100, 0);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(0, 120, 0);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid green;
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(0, 60, 0);
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(0, 50, 0);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title 1: top and left*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
}
/************************************************************************
** Class name:     style_dark_orange
** Author:         (Henrick.nie)
** Created date:   2022-12-30
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(100, 50, 0);
    color: rgb(255, 180, 120);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(160, 90, 20);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(170, 100, 30);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid rgb(220, 130, 70);
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(150, 70, 0);
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(115, 65, 15);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title 1: top and left*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
}
/************************************************************************
** Class name:     style_light_black
** Author:         (Henrick.nie)
** Created date:   2022-12-31
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(220, 220, 220);
    color: black;
}

/*disabled*/
*:disabled {
    color: rgb(150, 150, 150);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(100, 100, 100);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(150, 150, 150);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid black;
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: black;
    color: white;
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(200, 200, 200);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

QTableView::item { margin: 0px;}

/*title: QToolBar,QToolButton,QTabBar*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
    color: white;
}
/************************************************************************
** Class name:     style_light_blue
** Author:         (Henrick.nie)
** Created date:   2022-12-31
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(230, 255, 255);
    color: rgb(30, 100, 160);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(50, 170, 240);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(60, 180, 240);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid rgb(0, 120, 180);
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(0, 120, 180);
    color: white;
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(180, 255, 255);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title 1: top and left*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
    color: white;
}
/************************************************************************
** Class name:     style_light_green
** Author:         (Henrick.nie)
** Created date:   2022-12-31
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(230, 255, 230);
    color: rgb(30, 130, 30);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(100, 200, 100);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(110, 210, 110);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid rgb(30, 130, 30);
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(80, 180, 80);
    color: white;
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(180, 240, 180);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title 1: top and left*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
    color: white;
}
/************************************************************************
** Class name:     style_light_orange
** Author:         (Henrick.nie)
** Created date:   2022-12-31
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(240, 200, 200);
    color: rgb(160, 90, 50);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(255, 160, 110);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(255, 180, 130);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid rgb(240, 130, 80);
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(240, 130, 80);
    color: white;
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(240, 180, 180);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

QTableView::item { margin: 0px;}

/*title: QToolBar,QToolButton,QTabBar*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
    color: white;
}
/************************************************************************
** Class name:     style_light_pink
** Author:         (Henrick.nie)
** Created date:   2022-12-31
** Used for:       ui
************************************************************************/

/*background,font*/
*,QTabBar::tab,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    background-color: rgb(255, 220, 255);
    color: rgb(255, 50, 255);
}

/*disabled*/
*:disabled {
    color: rgb(200, 200, 200);
}

/*selected*/
QTabBar::tab:selected,QTableView::item:selected {
    background-color: rgb(255, 150, 255);
}

/*hover*/
QComboBox:hover,QDateTimeEdit:hover,QTabBar::tab:hover,QScrollBar::handle:hover,
QToolButton:hover,QMenuBar::item:selected,QMenu::item:selected,
QTableView::item:hover,QPushButton:hover,QLineEdit:hover {
    background-color: rgb(255, 180, 255);
}

/*border*/
*,QTabWidget::pane {
    border: none;
    border-radius: 6px;
}
QComboBox,QDateTimeEdit,QGroupBox,UiBase_view > QTabWidget QTabWidget::pane,
QLineEdit,QTextEdit,QListView,QTextBrowser,
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border: 1px solid rgb(220, 120, 220);
}
QTableView,QTableView::item,QTableCornerButton::section,QHeaderView::section {
    border-radius: 0px;
}

/*button-color*/
QPushButton,QPushButton:pressed,QScrollBar::handle,QToolBar, QToolButton, QTabBar::tab {
    background-color: rgb(220, 120, 220);
    color: white;
}

/*QScrollBar*/
QScrollBar::add-page,QScrollBar::sub-page {
    background-color: rgb(255, 220, 255);
}

/*QToolTip*/
QToolTip {
    background-color: rgb(250, 255, 230);
    color: black;
}

/*QGroupBox*/
QGroupBox {
    padding-top: 12px;
}

/*QPushButton*/
QPushButton {
    min-width: 80px;
    min-height: 25px;
}

/*QMessageBox*/
QMessageBox QPushButton {
    min-width: 100px;
    max-width: 100px;
    min-height: 30px;
    max-height: 30px;
}

/*title: QToolBar,QToolButton,QTabBar*/
QToolButton, UiBase_view > QTabWidget > QTabBar {
    font-size: 15px;
    color: white;
}

小结:

就这么多吧。具体颜色的值,有很多方式可以获得,比如随便打开个画图的选色对话框,就可以知道颜色值。值越小越暗,越大越亮。如果在其他地方看到喜欢的颜色,还可以用带吸管的工具来拾取颜色,比如photoshop。

我做的配色方案,甚至有些还难看。主要是掌握方法,就当玩了。

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

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

相关文章

工业数字孪生技术在钢铁企业中的应用展示

目前随着网络技术的发展,数字孪生技术已逐步应用于智慧工厂、智慧城市等领域。钢铁生产作为典型的工业流程制造场景,具备工艺复杂、物料交叉、生产节奏紧凑等特点。借助数字孪生技术仿真、虚实融合等能力,对钢铁生产过程的各个环节进行指导与…

SpringBoot+VUE前后端分离项目学习笔记 - 【14 SpringBoot和Vue实现用户登录】

前端代码 Login.vue 注意&#xff1a;el-form必须写 :model 否则无法使用表单校验功能 <el-form-item> 不能少 <template><div class"wrapper"><div style"margin: 200px auto; background-color: #fff; width: 350px; height: 300px; pa…

魔兽世界私服架设 服务器架设简易教程

今天早晨明杰终于把魔兽世界的私服搭建成功可以运行了。挺happy。记录一下搭建的全过程&#xff1a;1.先下载私服服务器端&#xff1a;从mangoscn.com下载大芒果ftp://www.mangoscn.com/TCCN-3.2.2-Trinity5749.exe从这个地址下载不需要注册&#xff0c;如果从mangoscn.com的网…

Python+Yolov5反光衣黄色马甲特征识别监测快速锁定目标人物体

程序示例精选 PythonYolov5反光衣识别 如需安装运行环境或远程调试&#xff0c;见文章底部微信名片&#xff0c;由专业技术人员远程协助&#xff01; 前言 Yolov5比较Yolov4,Yolov3等其他识别框架&#xff0c;速度快&#xff0c;代码结构简单&#xff0c;识别效率高&#xff0…

计算机网络进阶 ---- MGRE ---- NHRP ---- 详解

一、MGRE&#xff08;多点GRE&#xff09;&#xff1a; 属于 NBMA 网络类型&#xff1b;在所有要连通的网络之间仅需要构建一个MA网段即可&#xff1b;且仅可以存在一个 固定的 IP地址&#xff0c;看作中心站点&#xff1b;其他分支站点可以是动态的 IP地址&#xff0c;节省成…

从recat源码角度看setState流程

setState setState() 将对组件 state 的更改排入队列批量推迟更新&#xff0c;并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件。其实setState实际上不是异步&#xff0c;只是代码执行顺序不同&#xff0c;有了异步的感觉。 使用方法 setState(stateChange | u…

助力生产质量检验,基于YOLOV5实现香烟质量缺陷检测

生产质量环境的检验始终是一个热门的应用场景&#xff0c;在之前一些项目和文章中我也做过一些相关的事情&#xff0c;比如PCB电路板相关的&#xff0c;如下&#xff1a;《助力质量生产&#xff0c;基于目标检测模型MobileNetV2-YOLOv3-Lite实现PCB电路板缺陷检测》本质的目的就…

含泪赔了近200万,我终于明白不是什么人都能干电商的……

文|螳螂观察 作者|图霖 又是一年年货节&#xff0c;围绕电商相关话题的讨论正在增多。 都说现在入行做电商十有九亏&#xff0c;但《螳螂观察》注意到一组数据&#xff1a;截至7月31日&#xff0c;过去一年入淘创业者的数量仍在增长&#xff0c;淘宝天猫净增了近120万商家&a…

每天五分钟机器学习:如何使用误差分析来构造最优的异常检测算法

本文重点 在异常检测算法中,我们要做的事情之一就是使用正态(高斯)分布来对特征向量进行建模p(xi;μi,σi),所以输入到算法中的特征变量很重要。 特征变量不符合高斯分布怎么办 首先我们需要知道一点,有些特征变量的数据并不符合高斯分布,但是我们假设它们符合高斯分…

中西方哲学史概要

中西方哲学史概要 哲学的定义 哲学在古希腊是 “爱智慧” 的意思&#xff0c;一切的知识都可以称之为“哲学”&#xff0c;它是对基本和普遍之问题研究的学科&#xff0c;是关于世界观的理论体系。很多人说懂哲学的人很可怕&#xff0c;其实这是错误的&#xff0c;因为真正懂哲…

【linux命令】查看进程活动的命令

ps进程信息 ps用于显示系统内的所有进程 -l或l 采用详细的格式来显示进程状况 常用方式&#xff1a; ps -elf 和ps -ef rootecs-x-large-2-linux-20200309113627:/home/etcd_msg_server# ps -ef UID PID PPID C STIME TTY TIME CMD root 1 …

C++入门 -- 模板初阶与string简介

目录 模板&#xff1a; 函数模板 类模板 STL简介&#xff1a; string: string类对象的常见构造 string类对象的容量操作 string类对象的访问及遍历 模板&#xff1a; 在C语言阶段&#xff0c;当我们需要交换两个int类型的数据就需要写一个支持int类型交换的Swap函数…

如何使用ArcGIS Pro自动矢量化建筑

概述相信你在使用ArcGIS Pro的时候已经发现了一个问题&#xff0c;那就是ArcGIS Pro没有ArcScan&#xff0c;确实在ArcGIS Pro中Esri移除了ArcScan&#xff0c;没有了ArcScan我们如何自动矢量化地图&#xff0c;从地图中提取建筑等要素呢&#xff0c;这里为大家介绍另外一种方法…

可视化深度学习模型的方法/工具

介绍 可以使用 TensorBoard 来可视化深度学习模型。TensorBoard 是 TensorFlow 中的一个可视化工具,可以帮助您在训练期间和训练后可视化模型的训练曲线、模型结构、激活值和权值分布等信息。可以使用 TensorBoard 的命令行工具或在 Jupyter 笔记本中使用 TensorBoard magic …

【Linux】权限理解(粘滞位设置)

目  录1 权限的概念2 权限管理2.1 文件类型及其访问权限2.2 文件权限值的表示方法2.3 文件访问权限设置2.4 目录权限&#xff08;粘滞位&#xff09;1 权限的概念 所谓权限&#xff0c;实际上是对人的约束&#xff0c;在Linux中&#xff0c;是对普通用户的约束。一件事情&…

蓝桥杯嵌入式之 Keil 仿真与调试

这篇文章为大家讲解 蓝桥杯嵌入式的 Keil 仿真与调试 &#xff0c; 这在比赛和今后的工作中都是常用的。大家看完后一定会对此有一个深刻的认识。 文章目录前言一、调试器的准备工作&#xff1a;1.在 Keil uVision集成开发环境下&#xff0c;选择CMSIS-DAP Debugger调试器。2.在…

final关键字深入解析

final关键字特性 final关键字在java中使用非常广泛&#xff0c;可以申明成员变量、方法、类、本地变量。一旦将引用声明为final&#xff0c;将无法再改变这个引用。final关键字还能保证内存同步&#xff0c;本博客将会从final关键字的特性到从java内存层面保证同步讲解。这个内…

SpringBoot项目从18.18M瘦身到0.18M

一、前言 SpringBoot部署起来虽然简单&#xff0c;如果服务器部署在公司内网&#xff0c;速度还行&#xff0c;但是如果部署在公网&#xff08;阿里云等云服务器上&#xff09;&#xff0c;部署起来实在头疼&#xff1a;编译出来的 Jar 包很大&#xff0c;如果工程引入了许多开…

GAMES101作业6及课程总结(重点解决SAH扩展作业)

这次作业相对于作业5会麻烦一点点&#xff0c;而且框架相较于作业五的也麻烦了一点&#xff0c;当然作业的难点其实主要还是在扩展作业SAH那块。 目录课程总结与理解&#xff08;光线追踪&#xff09;框架梳理作业一&#xff1a;光线生成作业二&#xff1a;光线-三角形相交作业…

Neo4j图数据库 批量写入与查询

1 前言 1-1 简介 工作中需要对所有的实体数据进行存储构建实体知识图谱&#xff0c;为基于知识图谱的问答提供数据基础。选择使用Neo4j作为数据库进行存储。以下是关于Neo4j的简介。 1-2 任务背景 将处理好的实体数据(共计1100万)写入图数据库中&#xff0c;并且提供查询接口…