当前位置：首页 > news >正文

Qt样式表（窗口、按钮之类，有图片和代码详细注释）

news 来源：原创 2025/8/29 2:48:22

Qt样式表

1、前言
2、QWdiget窗口添加背景图片
- 2.1使用Frame解决
3、主题1（黑色背景+发光边框+冷色调）
- 3.1 QWidget
- 3.2 QPushButton
- 3.3QLineEdit
- 3.4 QTextEdit
4、主题二（极简冰川蓝）
4.1QWidget
4.2 QLineEdit
4.3QTextEdit
4.4QPushButton
总结

1、前言

前言：记录和存储一些样式表，方便自己使用也方便别人借鉴。

2、QWdiget窗口添加背景图片

如果Qt窗口是QWidget直接添加背景图片会显示不出来。
在这里插入图片描述

在这里插入图片描述

像上面一样，插入图片虽然在ui界面会显示，但是运行之后，并不会显示出来。

2.1使用Frame解决

在这里插入图片描述

先添加一个Frame

在这里插入图片描述

点击QWidget，进行栅格布局

在这里插入图片描述

栅格布局后，把这些边距全部变为0

重新添加背景图片

在这里插入图片描述

成功显示背景图片

在这里插入图片描述

3、主题1（黑色背景+发光边框+冷色调）

在这里插入图片描述

3.1 QWidget

/* 窗口背景 */
QWidget {background-color: #0a0a1a;		/*暗黑色背景*/color: #00ffff;					/*青色文字*/	font-family: "Consolas";		/*显示文字的字体*/
}

3.2 QPushButton

/* 霓虹按钮 */
/*按钮样式*/
QPushButton {background: transparent;		/*透明背景*/border: 2px solid #00ffff;		/*青色实线边框*/border-radius: 3px;				/*按钮边框的圆角半径为3像素*/color: #00ffff;					/*按钮文字的颜色为青色*/padding: 10px 20px;				/*按钮内边距，上下为10像素，左右为20像素*/font-size: 14px;				/*字体大小*/text-transform: uppercase;		/*按钮上文字转换为大写*/
}
/* 当鼠标悬停在QPushButton按钮上时的样式设置 */
QPushButton:hover {background: rgba(0, 255, 255, 0.1);	/*按钮的背景为半透明的青色，透明度为0.1 */box-shadow: 0 0 15px #00ffff;		/*阴影效果，水平和垂直偏移量为0，模糊半径为15像素，颜色为青色*/
}

3.3QLineEdit

/* 发光输入框 */
/* 输入框样式 */
QLineEdit {background: #1a1a2a;				/*深蓝色背景*/border: 2px solid #4a4aff;			/*像素为2的蓝色边框*/border-radius: 5px;					/*圆角半径为5像素*/padding: 8px;						/* 内边距为8像素，确保文字与边框之间有适当间距 */color: #ffffff;						/*文字颜色为白色*/
}
/* 当输入框获得焦点时的样式 */
QLineEdit:focus {border-color: #00ffff;			 /* 将边框颜色改为亮青色*/box-shadow: 0 0 10px #00ffff;	 /*阴影，水平和垂直方向的偏移量为0，模糊半径为10像素，颜色为青色*/
}

3.4 QTextEdit

/* 霓虹风格文本编辑框 */
QTextEdit {background-color: #1a1a2a;         /* 深蓝背景匹配输入框 */border: 2px solid #4a4aff;        /* 默认紫色霓虹边框 */border-radius: 5px;               /* 统一圆角 */color: #00ffff;                   /* 青色文字保持主题色 */font-family: "Consolas";          /* 继承代码字体 */padding: 8px;                     /* 与输入框对齐 */selection-background-color: #4a4aff;  /* 选中文本紫色高亮 */selection-color: white;
}/* 焦点状态增强光效 */
QTextEdit:focus {border-color: #00ffff;            /* 聚焦时切换为青色边框 */box-shadow: 0 0 12px rgba(0, 255, 255, 0.3);  /* 增强光晕 */
}

4、主题二（极简冰川蓝）

在这里插入图片描述

4.1QWidget

/* 渐变冰川蓝背景 */
QWidget{background: qlineargradient(x1:0 y1:0, x2:1 y2:1,stop:0 #E0F7FA, stop:1 #EBF5FB	/*左上到右下渐变的冰川蓝*/);
border-radius:20px;		/*半径为20的圆角边框*/
}

4.2 QLineEdit

/* QLineEdit基本样式 */
QLineEdit {background: rgba(255, 255, 255, 0.8);	/*背景颜色为白色，透明度80%*/border: 1px solid #B0E0E6;				/*边框为1像素实现，颜色为粉蓝色*/border-radius: 8px;						/*半径为8的圆角边框*/padding: 8px;							/*内容与边框之间留8像素的空白*/color: #2C3E50;							/*深灰色文本*/
}
/* 当QLineEdit获得焦点时的样式 */
QLineEdit:focus {border-color: #87CEEB;			/*边框颜色为天空蓝*/
}

4.3QTextEdit

QTextEdit {background: rgba(255, 255, 255, 0.8); /* 半透明白色背景 */border: 1px solid #B0E0E6;           /* 蓝色边框 */border-radius: 8px;                  /* 圆角 */padding: 15px;                       /* 宽松内边距 */color: #2C3E50;                      /* 深蓝文字 */font: 16px "Arial";                  /* 清晰易读字体 */
}QTextEdit:focus {border-color: #87CEEB;               /* 聚焦时边框亮蓝 */
}QTextEdit::placeholder {color: #6C7A89;                      /* 淡灰占位文字 */
}

4.4QPushButton

/*按钮基本样式*/
QPushButton {background: qlineargradient(x1:0 y1:0, x2:0 y2:1,stop:0 #87CEEB, stop:1 #B0E0E6	/*左上到右下渐变的浅蓝到淡蓝*/);border: none;			/*无按钮边框*/border-radius: 12px;	/*半径为12的圆角边框*/padding: 10px 24px;		/*上下为10px，左右为24px内容与边框之间的留白*/color: #2C3E50;			/*深灰色文字*/font-weight: bold;		/*文字为粗体*/
}
/*当鼠标悬停在按钮上时的样式*/
QPushButton:hover {background: qlineargradient(x1:0 y1:0, x2:0 y2:1,stop:0 #6495ED, stop:1 #AFEEEE		/*蓝色到淡蓝绿色渐变*/);
}
/*当QPushButton被按下时的样式*/
QPushButton:pressed {background: qlineargradient(x1:0 y1:0, x2:0 y2:1,stop:0 #4682B4, stop:1 #87CEFA		/*深蓝色浅蓝色渐变*/);
}

总结

以上就是Qt的一些样式表了，后续我也会不定期更新一些好看的样式表，浏览过程中，

如若发现错误，欢迎大家指正，有问题的可以评论区留言或者私信。最后，如果大家觉

得有所帮助，可以点一下赞，谢谢大家！世界扑朔迷离，愿我们保持冷静，继续前行！

Qt样式表（窗口、按钮之类，有图片和代码详细注释）

Qt样式表 1、前言2、QWdiget窗口添加背景图片2.1使用Frame解决 3、主题1（黑色背景发光边框冷色调）3.1 QWidget3.2 QPushButton3.3QLineEdit3.4 QTextEdit 4、主题二（极简冰川蓝）4.1QWidget4.2 QLineEdit4.3QTextEdit4.4QPushButto…...

编程日记 2025/8/29 2:48:22

在Ubuntu下进行单片机开发是否需要关闭Secure Boot

1. Secure Boot的作用功能：Secure Boot是UEFI的安全功能，旨在阻止未经验证的驱动或操作系统启动，防止恶意软件篡改引导过程。影响范围：它主要限制的是操作系统启动阶段加载的内核级驱动（如显卡驱动、虚拟化模块&…...

编程日记 2025/8/27 13:27:12

【Python爬虫】简单案例介绍4

本文继续接着我的上一篇博客【Python爬虫】简单案例介绍3-CSDN博客目录 3.4 完整代码 3.4 完整代码此小节给出上述案例的完整代码， # encodingutf-8 import re, json, requests, xlwt, csv import pandas as pd from lxml import etree from bs4 import Beauti…...

编程日记 2025/8/28 3:15:16

农民剧团的春天与改变之路

杨天义，男，1966年9月生，中共党员，江西省吉安市吉水县水南农民剧团团长。杨天义从废品收购起家，凭借自身的努力和奋斗，自筹资金100余万元建设了水南镇的第一座影剧院，组建了江西省吉安市吉水县…...

编程日记 2025/8/29 2:48:22

网页防篡改与盗链防护：实时监控与自动化修复实践

摘要：针对网页内容篡改与盗链问题，本文基于群联AI云防护系统，详解如何通过哈希校验、实时监控与CDN联动实现秒级修复，并提供Python与AWS S3集成代码。一、网页安全的核心需求防篡改：保障页面内容完整性，…...

编程日记 2025/8/29 2:47:55

【密码学——基础理论与应用】李子臣编著第五章序列密码课后习题

免责声明这里都是自己搓或者手写的。里面不少题目感觉有问题或者我的理解有偏颇，请大佬批评指正！ 不带思考抄作业的请自动退出，我的并非全对，仅仅提供思维！ 题目逐题解析 5.1 我们先要知道三阶LFSR函数的表达式…...

编程日记 2025/8/28 20:19:17

【uni-app】页面跳转传参

一、EventChannel 的核心作用替代全局事件总线相比传统的 uni.$emit 和 uni.$on，EventChannel 无需手动移除监听（如 uni.$off），避免内存泄漏风险。解决 URL 传参限制当需要传递大量数据时，URL 拼接参数可能超出长度…...

编程日记 2025/8/29 2:47:54

【MySQL】表的增删改查

前言前面我们对表结构做了介绍，本期我们对表的内容操作机增删改查进行介绍！ 目录前言一、insert 插入 1.1 单行数据全列插入 1.2 多行数据指定列插入 1.3 插入否则更新 1.4 插入否则替换二、select 查询 2.1 select 列 2.1.1 全列查询…...

编程日记 2025/8/27 14:04:19

AQchat

在当前项目里，Handler 类主要用于处理不同类型的命令或者消息，下面按照不同功能模块为你详细介绍各 Handler 的作用。命令处理 Handler（位于 com.howcode.aqchat.handler.impl 包） SyncRoomMembersCmdHandler：处理同…...

编程日记 2025/8/27 16:13:56

Profibus DP转ModbusTCP网关通讯案例解析

Profibus DP转ModbusTCP网关通讯案例解析 Profibus DP和Modbus TCP都是工业自动化领域中常见的通信协议，各自在不同的应用场景中发挥着重要作用。然而，由于不同设备、系统之间的兼容性需求，常常需要进行这两种协议的转换。本文将介绍一个典型…...

编程日记 2025/8/25 9:34:36

将你的 Rust + WebAssembly 项目发布到 npm

一、准备工作：登录 npm 在发布之前，你需要： 拥有一个 npm 账号没有的话可前往 https://www.npmjs.com/signup 免费注册。登录本地 npm 账户使用 wasm-pack 自带的登录命令： wasm-pack login它会提示你输入 npm token&#xf…...

编程日记 2025/8/27 1:04:11

RGBD惯性SLAM

介绍本篇介绍一种基于视觉光流法的RGBD惯性SLAM算法，该算法的前身是DEMO算法。相对于原始版本： 更新了相对较老的IplImage 相关接口加入了GTSAM后端；滑动窗口后端；3D-3Dbatch优化；点到面batch后端。分别对应不同的…...

编程日记 2025/8/17 20:15:29

3417 1647 0 04:17 ? 00:00:21 /usr/libexec/gnome-terminal-server yangang 3425 3417 0 04:17 pts/0 00:00:00 bash yangang 4524 3417 0 04:26 pts/1 00:00:00 bash 控制台创建是通过/usr/libexec/gnome-terminal-server 进行创建 rea…...

编程日记 2025/8/21 15:29:19

ctfshow做题笔记—栈溢出—pwn75~pwn79

目录前言一、pwn75(栈空间不够怎么办？) 二、pwn76 三、pwn77(Ez ROP or Mid ROP ?) 四、pwn79(你需要注意某些函数，这是解题的关键！) 前言嘿嘿，隔了一段时间没有做pwn题了（主播脱单了）&#xff0…...

编程日记 2025/8/28 12:36:07

C++ 标准库中的＜algorithm＞头文件算法总结

C 常用 <algorithm> 算法概览 C 标准库中的 <algorithm> 头文件提供了大量有用的算法，主要用于操作容器（如 vector, list, array 等）。这些算法通常通过迭代器来操作容器元素。 1. 非修改序列操作 std::all_of, std::any_of, s…...

编程日记 2025/8/28 6:33:34

leecode Hot100之回溯算法【C++速查】

文章目录 [46. 全排列](https://leetcode.cn/problems/permutations/)[78. 子集](https://leetcode.cn/problems/subsets/)[17. 电话号码的字母组合](https://leetcode.cn/problems/letter-combinations-of-a-phone-number/)[39. 组合总和](https://leetcode.cn/problems/combi…...

编程日记 2025/8/21 17:41:19

前端 main.js能做哪些事？

前端 main.js 的从入门到进阶摘要在前端开发中，main.js 文件是项目启动的关键入口，它承担着初始化应用、引入依赖、配置全局设置等重要职责。本文将全面介绍 main.js 的基础知识，包括其基本结构和作用，并深入探讨如何进行进阶开…...

编程日记 2025/8/26 16:29:24

JAVA Web_定义Servlet2_学生登录验证Servlet

题目页面StudentLogin.html中有一HTML的表单代码如下： <form action"studentLogin" method"post">学生姓名：<input type"text" name"stuName" value""><br>登录密码：…...

编程日记 2025/8/21 1:39:07

【信息系统项目管理师】高分论文：论信息系统项目的范围管理（电网公司保供电可视化系统）

更多内容请见：备考信息系统项目管理师-专栏介绍和目录文章目录论文1、规划范围管理2、收集需求3、定义范围4、创建工作分解结构(WBS)5、确认范围6、控制范围论文 2017年5月，我作为项目经理参加XX省电网公司保供电可视化系统应用项目的建设，该项目是2017年XX省电网信息化…...

编程日记 2025/8/23 19:46:55

如何高效查询订单销售情况与售罄率：从SQL到架构优化的全流程设计

在电商平台、SaaS多租户系统中，订单数据作为核心数据之一，承载了关键的运营指标，如销售额、商品售罄率、订单转化等。随着数据量的持续增长，如何在大数据量条件下快速、稳定地获取统计信息，成为系统设计的重点之一。本文将从查询目标分析入手，结合数据库设计优化与典型…...

编程日记 2025/8/26 5:08:35

RTT添加一个RTC时钟驱动，以DS1307为例

添加一个外部时钟芯片这里多了一个选项复制drv_rtc.c，重命名为drv_rtc_ds1307.c 添加到工程中 /*** @file drv_rtc_ds1307.c* @brief * @author jiache (wanghuan3037@fiberhome.com)* @version 1.0* @date 2025-01-08* * @copyright Copyright (c) 2025 58* */ #...

编程日记 2025/8/28 4:46:41

Leetcode 独一无二的出现次数

可以通过哈希集来判断是否独一无二，如果set中已经包含了count，那么set.add(count)会返回false class Solution {public boolean uniqueOccurrences(int[] arr) {Map<Integer, Integer> map new HashMap<>();for(int i 0; i < arr.leng…...

编程日记 2025/8/26 19:32:09

ubuntu上，e1000e,i1210有线网卡驱动安装

1，下载附属资源，解压对应的压缩包 tar zxf e1000e-<x.x.x>.tar.gz 2，进入压缩包src目录下 cd e1000e-<x.x.x>/src/ 3，安装 sudo make install 4，重启 reboot e1000e Intel官网下载地址 https://www.i…...

编程日记 2025/8/24 12:48:50

Xmind 2025 中文思维导图

Xmind 2025 中文思维导图一、介绍 Xmind ，是一款出色的思维导图和头脑风暴软件，拥有美观的智能配色方案，便于你轻松理清思路捕捉创意。丰富的导图模板及多种创意整合工具，可助力导图迸发更多活力。还拥有强大演说模式&#xff…...

编程日记 2025/8/28 17:12:53

搭载DeepSeek|暴雨AI教育一体机加速AI教育普及

近日，在全国智算大会上，暴雨公司展示了新一代 AI 教育一体机，通过全栈国产化技术与 DeepSeek 模型的深度适配，打造低成本、高性能的人工智能教育解决方案，助力 AI 教育普及与教育数字化转型。暴雨AI教育一体机&#…...

编程日记 2025/8/20 22:42:47

【字节跳动AI论文】Seaweed-7B：视频生成基础模型的高成本效益培训

摘要：本技术报告介绍了一种经济有效的视频生成基础模型训练策略。我们提出了一种中等规模的研究模型，大约有70亿个参数（7B），称为Seaweed-7B，使用665,000个H100 GPU小时从头开始训练。尽管使用适度的计算资…...

编程日记 2025/8/27 6:17:35

java 线程池：IO密集型的任务（CPU核数 * 2 + 1）,为什么这么设置，计算密集型任务（ CPU核数+1 ），为什么这么设置

文章目录 1. IO密集型任务：`CPU核数 2 + 1`为什么这样设置？示例场景：2. CPU密集型任务：`CPU核数 + 1`为什么这样设置？示例场景：3. 两者的核心差异4. 实际应用中的注意事项5. 总结在Java线程池的配置中， IO密集型和 CPU密集型任务的线程数设置逻辑存在显著差异，核心原…...

编程日记 2025/8/27 15:39:08

RabbitMQ消息的可靠性

生产者的可靠首先，我们一起分析一下消息丢失的可能性有哪些。消息从发送者发送消息，到消费者处理消息，需要经过的流程是这样的： 消息从生产者到消费者的每一步都可能导致消息丢失： ● 发送消息时丢失：…...

编程日记 2025/8/22 15:48:54

涵盖通算、智算、超算、量算！“四算合一”算力网络投入使用，效率提升20%

近日，由中国移动承建的全国首个“四算合一”算力网络调度平台日前正式投入使用。这座“数字三峡”的诞生，标志着我国算力基建完成从“单兵作战”到“军团协同”的跃迁。什么是“四算合一”？ “四算合一”是指将通用算力、智能算力、超级算…...

编程日记 2025/8/24 10:04:02

【Redis】数据结构和内部编码

先来复习一下之前学过的几个基本的全局命令： keys：用来查看匹配规则的keyexists：用来判定执行key是否存在del：删除指定的keyexpire：给key设置过期时间ttl：查询key的过期时间type：查询key对应的…...

编程日记 2025/8/26 0:24:33

考研数据结构之二叉树（一）（包含真题及解析）

考研数据结构之二叉树（一） 下期预告：后续文章将深入探讨二叉树的遍历算法与高频考点（如平衡二叉树、线索二叉树）。二叉树是数据结构中的核心内容之一，也是考研高频考点。本文将从定义和存储结构两方面展开…...

编程日记 2025/8/23 20:21:13

linux多线(进)程编程——番外1：内存映射与mmap

前言在修真世界之外，无数异世界，其中某个叫地球的异世界中，一群人对共享内存的第二种使用方式做出了讲解。内核空间与用户空间内存空间的划分 Linux操作系统下一个进程的虚拟地址空间被分为用户空间与内核空间 Linux 内核空间在内存管…...

编程日记 2025/8/26 4:52:17

旧版 VMware 虚拟机迁移至 KVM 平台-案例2

项目背景需将一台旧版 VMware 虚拟机（VMDK 格式）迁移至 KVM 虚拟化平台，具体要求如下： 格式转换：将 VMDK 转换为 QCOW2 格式。磁盘扩容：将原 40GB 磁盘扩展至 60GB。密码重置：修改 aiden 用户…...

编程日记 2025/8/27 19:26:27

六、adb通过Wifi连接

背景收集是荣耀X40,数据线原装全新的，USB连上之后，老是断，电脑一直叮咚叮咚的响个不停，试试WIFI 连接是否稳定，需要手机和电脑用相同的WIFI. 连接 1.通过 USB 连接手机和电脑(打开USB调试等这些都略过) adb device…...

编程日记 2025/8/24 16:15:41

Kafka使用方式与底层原理解析

一、Kafka简介 Apache Kafka是一个分布式流处理平台，由LinkedIn开发并开源，现已成为实时数据管道和流应用的核心组件。它具备高吞吐量、低延迟、高可扩展性等特点，广泛应用于日志收集、消息系统、流处理等领域。 1.1 Kafka核心概念 Topic&…...

编程日记 2025/8/26 12:16:23

【Python内置函数的深度解析与应用】id

目录前言：技术背景与价值当前技术痛点解决方案概述目标读者说明一、技术原理剖析核心概念图解关键技术模块技术选型对比二、实战演示环境配置要求核心代码实现1. 基础身份验证2. 不可变对象优化3. 对象生命周期追踪运行结果验证三、性能对比测试方法论量化数据…...

编程日记 2025/8/26 6:58:15

【Pandas】pandas DataFrame keys

Pandas2.2 DataFrame Indexing, iteration 方法描述DataFrame.head([n])用于返回 DataFrame 的前几行DataFrame.at快速访问和修改 DataFrame 中单个值的方法DataFrame.iat快速访问和修改 DataFrame 中单个值的方法DataFrame.loc用于基于标签（行标签和列标签&#…...

编程日记 2025/8/20 19:58:29

探索QEMU-KVM虚拟化：麒麟系统下传统与云镜像创建虚拟机的最佳实践

随着云计算和虚拟化技术的不断进步，虚拟化在管理服务器、隔离资源以及提升性能方面的好处越来越明显。麒麟操作系统Kylin OS是我们国家自己开发的操作系统，在政府机构和企业中用得很多。这篇文章会教你如何在麒麟操作系统上设置QEMU-KVM虚拟化环境&#…...

编程日记 2025/8/20 16:25:10

pycharm中调试功能讲解

一、调试前的准备工作 1. 准备一段测试代码先写一个简单的Python脚本（比如计算阶乘），故意留点问题： def factorial(n):result 1for i in range(n):result * ireturn resultprint(factorial(5)) # 预期输出120&#xff0…...

编程日记 2025/8/27 3:45:14

SimpleITK (sitk) 中查看 DICOM 文件的像素位深（8位或16位）

在 SimpleITK (sitk) 中查看 DICOM 文件的像素位深（8位或16位），可以通过以下方法实现： 方法一：通过图像像素数组的数据类型判断读取 DICOM 文件： 使用 sitk.ReadImage() 加载文件，生成图像对…...

编程日记 2025/8/27 17:16:45

day28图像处理OpenCV

文章目录一、图像预处理4 边缘填充4.1 边界复制（BORDER_REPLICATE）4.2 边界反射（BORDER_REFLECT）4.3 边界反射101（BORDER_REFLECT_101）4.4 边界常数（BORDER_CONSTANT）4.5 边界包裹&…...

编程日记 2025/8/24 20:01:35

【NLP】自然语言处理笔记

NLP的全称是Natuarl Language Processing，中文意思是自然语言处理，是人工智能领域的一个重要方向。自然语言处理（NLP）就是在机器语言和人类语言之间沟通的桥梁，以实现人机交流的目的。人类语言是抽象的信息符号，其中蕴含着丰富的语义信息，人类可以很轻松地理解其中的含…...

编程日记 2025/8/21 6:08:36

LaTeX 的pstricks-add宏绘图练习

练习。 \documentclass[10pt]{article} \usepackage{pstricks-add} \pagestyle{empty} \begin{document} \psset{xunit1.0cm,yunit1.0cm,algebraictrue,dimenmiddle,dotstyleo,dotsize5pt 0,linewidth2.pt,arrowsize3pt 2,arrowinset0.25} \begin{pspicture*}(-16.5581463…...

编程日记 2025/8/17 18:52:25

Qt样式表

1、前言

2、QWdiget窗口添加背景图片

2.1使用Frame解决

3、主题1（黑色背景+发光边框+冷色调）

3.1 QWidget

3.2 QPushButton

3.3QLineEdit

3.4 QTextEdit

4、主题二（极简冰川蓝）

4.1QWidget

4.2 QLineEdit

4.3QTextEdit

4.4QPushButton

总结

相关文章：