news 2026/4/23 16:19:22

QToolBox+QSS 垂直版本的QTabWidget

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
QToolBox+QSS 垂直版本的QTabWidget

QToolBox简直可以说是QTabWidget的同门师兄弟,QTabWidget是主攻横向,而QToolBox是主攻竖向。

伪状态数量虽不及QTabWidget,但也都有:
:only-one 只有一个Tab时
:first 第一个Tab
:last 最后一个Tab
:middle 中间的Tab
:previous-selected 当前选中的前一个Tab
:next-selected 当前选中的后一个Tab
:selected 当前选中的Tab

分页子控件:
::tab

高对比一
QToolBox::tab:previous-selected{ background-color: red; } QToolBox::tab:next-selected{ background-color: green; } QToolBox::tab:selected { background-color: blue; color: white; }

可以明显看到显示上有点BUG,不知道是不是用得这个Qt版本有问题呢,本豆也不晓得呀!

高对比二
QToolBox::tab:first{ background-color: #1E90FF; } QToolBox::tab:last{ background-color: #9932CC; } QToolBox::tab:middle{ background-color: #32CD32; } QToolBox::tab:selected{ background-color: blue; color: white; }

这些伪状态倒还好,均可以按照预期显示。

简单样式
QToolBox { background-color: none; border: none; } QToolBox::tab { background-color: #e0e0e0; border-radius: 3px; padding: 1px 12px; margin: 2px; } QToolBox::tab:selected { background-color: #2196F3; color: white; font-weight: bold; } QToolBox::tab:hover:!selected { background-color: #bdbdbd; }

效果展示

功能

不过功能上没啥可圈可点的地方,也都是常用的添加个页,插入个页,删除个页,设置个图标等等这些啦。

这个控件名字就叫工具箱,正如其名,也就需要展示工具的时候,才会想起来用用它。但是它身子太胖,占用的空间实在是太多了,用到它的地方也着实不多。

Tab之间有默认间距,而这些间距其实是垂直布局搞得鬼,所以如果想修改间距的话,可以改改布局的spacing。

QVBoxLayout* lay = qobject_cast<QVBoxLayout*>(ui->toolBox->layout()); lay->setSpacing(0);

看,这样tab就紧紧贴在一起了!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 16:17:42

通义千问2.5工具调用指南:快速接入Agent开发

通义千问2.5工具调用指南&#xff1a;快速接入Agent开发 1. 引言 随着大模型在智能体&#xff08;Agent&#xff09;系统中的广泛应用&#xff0c;具备强大指令理解与外部工具协同能力的语言模型正成为构建自主任务执行系统的核心组件。通义千问2.5-7B-Instruct作为阿里于202…

作者头像 李华
网站建设 2026/4/22 17:08:41

Holistic Tracking保姆级教程:云端GPU一键部署,3步搞定动作捕捉

Holistic Tracking保姆级教程&#xff1a;云端GPU一键部署&#xff0c;3步搞定动作捕捉 引言&#xff1a;为什么选择Holistic Tracking&#xff1f; 动作捕捉技术正在改变远程协作的方式——想象一下&#xff0c;你和团队成员虽然身处不同城市&#xff0c;但通过摄像头就能实…

作者头像 李华
网站建设 2026/4/23 14:54:36

Agent Skills vs MCP:大模型智能体必学技术对比与实战指南,收藏级干货!

文章深入解析Agent Skills与MCP两种智能体核心技术的本质区别与互补关系。MCP解决智能体与外部工具连接问题&#xff0c;Agent Skills则提供领域知识和工作流封装。Skills创新的渐进式披露机制将token消耗降低90%&#xff0c;有效解决上下文爆炸问题。两者结合形成分层架构&…

作者头像 李华
网站建设 2026/4/23 16:17:00

对比传统方法:AI如何提升EASYCONNECT异常处理效率

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个效率对比工具&#xff0c;展示AI与传统方法在解决EASYCONNECT本地环境异常问题上的效率差异。功能包括&#xff1a;1. 模拟传统手动排查流程&#xff1b;2. 展示AI辅助处理…

作者头像 李华
网站建设 2026/4/23 11:43:44

没Linux怎么用SGLang?Windows友好云端方案1小时1块

没Linux怎么用SGLang&#xff1f;Windows友好云端方案1小时1块 引言&#xff1a;Windows用户的福音 作为一名Windows用户&#xff0c;当你看到SGLang这个强大的AI语言服务框架时&#xff0c;是不是被各种Linux命令和Docker部署步骤劝退了&#xff1f;别担心&#xff0c;今天我…

作者头像 李华
网站建设 2026/4/23 12:25:17

对比传统开发:QWEN CLI如何提升10倍AI项目效率

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 编写一个效率对比测试脚本&#xff0c;分别使用&#xff1a;1) 传统手工方式&#xff1b;2) QWEN CLI工具完成相同的AI模型开发任务。记录各阶段耗时(环境配置、数据处理、训练调参…

作者头像 李华