QT QSS教程-QTabWidget
1、普通模式,如图
1 /* 向在移动 */2 QTabWidget::tab-bar {3 left:20px;4 }5 6 QTabBar::tab {7 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,8 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,9 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
10 border:2px solid #C4C4C3;
11 border-bottom-color:red;
12 border-top-left-radius:4px;
13 border-top-right-radius:4px;
14 min-width:8px;
15 padding:2px;
16 }
17
18 /* 标签被选中时或鼠标悬浮时 */
19 QTabBar::tab:selected,QTabBar::tab:hover {
20 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
21 stop: 0 #fafafa, stop: 0.4 #f4f4f4,
22 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
23 }
24
25 /* 标签被选中时 */
26 QTabBar::tab:selected {
27 border-color:#9B9B9B;
28 border-bottom-color:#C2C7CB;
29 }
30
31 /* 标签未被选中时 */
32 QTabBar::tab:!selected {
33 margin-top:2px;
34 }
CSDN qt大纲:Qt开发必备技术栈学习路线和资料
2、被选中的标签,外框扩大,如图
1 QTabWidget::pane {2 border:4px solid #C3C7CB;3 }4 5 QTabWidget::tab-bar {6 left:20px;7 }8 9 /* 标签外形设置 */
10 QTabBar::tab {
11 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
12 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
13 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
14 border:2px solid #C4C4C3;
15 border-bottom-color:#C2C7CB;
16 border-top-left-radius:4px;
17 border-top-right-radius:4px;
18 min-width:50px;
19 padding:2px;
20 }
21
22 /* 标签被选中时或鼠标悬浮时 */
23 QTabBar::tab:selected,QTabBar::tab:hover {
24 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
25 stop: 0 #fafafa, stop: 0.4 #f4f4f4,
26 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
27 }
28
29 /* 标签被选中时 */
30 QTabBar::tab:selected {
31 border-color:#9B9B9B;
32 border-bottom-color:#C2C7CB;
33 }
34
35 /* 标签未被选中时 */
36 QTabBar::tab:!selected {
37 margin-top:2px;
38 }
39
40 /* 标签被选中时,外框向外扩大 */
41 QTabBar::tab:selected {
42 margin-left:-4px;
43 margin-right:-4px;
44 }
45
46 /* 最左边的标签被选中时,外框不变化 */
47 QTabBar::tab:first:selected {
48 margin-left:0px;
49 }
50
51 /* 最右边的标签被选中时,外框不变化 */
52 QTabBar::tab:last:selected {
53 margin-right:0;
54 }
3、标签居中,如图
1 /* 把显示界面向上移动 */2 QTabWidget::pane {3 border-top:2px solid #C2C7CB;4 position:absolute;5 top:-10px;6 }7 8 /* 标签居中 */9 QTabWidget::tab-bar {
10 alignment:center;
11 }
12
13 QTabBar::tab {
14 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
15 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
16 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
17 border:2px solid #C4C4C3;
18 border-bottom-color:#C2C7CB;
19 border-top-left-radius:4px;
20 border-top-right-radius:4px;
21 min-width:20px;
22 padding:2px;
23 }
24
25 QTabBar::tab:selected,QTabBar::tab:hover {
26 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
27 stop: 0 #fafafa, stop: 0.4 #f4f4f4,
28 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
29 }
30
31 QTabBar::tab:selected {
32 border-color:#9B9B9B;
33 border-bottom-color:#C2C7CB;
34 }
本文福利,莬费领取Qt开发学习资料包、技术视频,内容包括(C++语言基础,Qt编程入门,QT信号与槽机制,QT界面开发-图像绘制,QT网络,QT数据库编程,QT项目实战,QT嵌入式开发,Quick模块等等)↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓
QT QSS教程-QTabWidget相关推荐
- qt开发教程视频c++入门自学qt5.5课程linux gui程序实战案例opia
-//A25 QT教程/ ├──Qt 5开发教程 | ├──Qt初级教程 | | ├──第10课&基于Widget的GUI编程 – 其他控件 | | ├──第11课&基于Widget的 ...
- qt弹簧教程_弹簧启动执行器教程
qt弹簧教程 朋友您好,在本教程中,我们将学习弹簧执行器及其所有帮助. 1.什么是弹簧执行器? 2.如何在Maven项目或Gradle项目中添加弹簧执行器? 3.创建一个具有Spring Actuat ...
- Qt qss 九宫格
Qt qss 九宫格 QPushButton{ border-image:url(:/button.png) 10 20 30 40; border-top: 10px transpa ...
- Qt高级教程图形视图部分
Qt高级教程图形视图部分
- QT:QSS自定义QLineEdit实例
QT:QSS自定义QLineEdit实例 QLineEdit 的框架是使用Box Model.设计的. 要创建带圆角的线编辑,我们可以设置: QLineEdit {border: 2px solid ...
- 树莓派python界面qt_树莓派QT入门教程——使用Qt开发界面程序控制GPIO
树莓派QT入门教程--使用Qt开发界面程序控制GPIO 玩转树莓派2017-07-12 12:36 树莓派入门教程--使用Qt开发界面程序 前言 Qt是一个1991年由奇趣科技开发的跨平台C++图形用 ...
- 亲测最详细VS2019+ITK+VTK(CMake)+Qt配置教程
亲测最详细VS2019+ITK+VTK(CMake)+Qt配置教程 前言 综合很多教程,总结出的最详细VS2019+ITK+VTK(CMake)+Qt配置教程. 一.VS2019+ITK+VTK(CM ...
- Qt终极教程——用Qt编程实现中国象棋游戏(提供源代码和程序编译运行教程)
Qt终极教程--用Qt编程实现中国象棋游戏 目录 Qt终极教程--用Qt编程实现中国象棋游戏 简介 运行可执行程序体验象棋游戏 Qt 安装 源代码的编译.运行与调试 生成预编译的可执行程序 简介 本文 ...
- Qt 3D教程(四)结合Qt Quick来实现动画的效果
Qt 3D教程(四)结合Qt Quick来实现动画的效果 上篇教程已经给大家带来较为实用的效果了,这回我们尝试载入两个模型,并且让PhongMaterial成为它们的共享材质,此外,我们通过借助Qt ...
最新文章
- Cannot call sendError() after the response has been committed
- python模拟http请求
- 一文读懂云原生一体化数仓
- shell中的括号(小括号,中括号,大括号/花括号)
- 带有输出参数的存储过程
- Java实现Word画折线图(非图片)
- 124.《sql,json编辑器之CodeMirror》
- Bp神经网络详解—matlab实现Bp神经网络
- mysql 测试数据生成器_8个免费的测试数据/样本数据生成器
- 使用matlab生成高斯滤波模板_matlab实现图像高斯滤波
- nginx配置Strict Transport Security
- 跟着我从零开始入门FPGA(一周入门系列)第三天
- 信奥中的数学基础:分解质因数
- 标自然段的序号格式_word怎么自然段编号-word段落添加编号-word怎么分段编号
- IT服务管理(ITSM) 中的大数据
- JAVA:获取用户访问ip地址
- 2014.华为实习招聘数字芯片(转)
- 用栈实现计算后缀表达式(0-9数值运算示例)
- ispring 软件改变PDF阅读困难,电子书轻松阅读!
- 使用老毛桃U盘给联想G400装系统
热门文章
- 概率统计及其应用第三章知识总结_2020考研数学概率论与数理统计:各章节考试重点分析...
- [洛谷P5329][SNOI2019]字符串(咕)
- win7文件夹每次打开新的窗口/卸载ie后/同一窗口中打开每个文件也没用
- python人狗大战游戏_python面向对象-----组合的题目 定一个人狗大战 并且用面向对象的组合知识...
- 计算机考证考哪一门最有用
- Android Qt入门
- Javaweb开发问题总结
- AS400所用编码EBCDIC转ASCII
- autojs 云控_autojs实现云端脚本(七)
- 视频消音还能这样玩???