QTabWidget和QTabBar控件样式设置(qss)

QTabWidget和QTabBar控件样式设置

1、QTabWidget样式可自定义的有哪些

复制代码
	QTabWidget::pane{} 定义tabWidgetFrame
	QTabWidget::tab-bar{} 定义TabBar的位置
	QTabWidget::tab{}定义Tab的样式
	QTabWidget::tab:selected{}定义Tab被选中时的样式
	QTabWidget::tab:hover{}定义Tab鼠标悬停时的样式
	QTabWidget::tab:!selected{}定义Tab在非选中时的样式

示例:

cpp 复制代码
QTabWidget::pane {
        border: 1px solid blue;
        border-radius:5px;

}

QTabWidget::tab-bar {
        alignment: left;
}

QTabBar::tab {
        background: #00aaff;
        border: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        min-width: 80px;
        padding: 8px;
        color:#000000;
}

QTabBar::tab:selected, QTabBar::tab:hover {
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                stop: 0 #ffffff, stop: 1.0 #00aaff);

}

QTabBar::tab:selected {
        border: 1px solid #00aaff;
}

效果图

2、QTabBar样式可自定义的有哪些

复制代码
    QTabBar::tear{}

    QTabBar::scroller{}

    QTabBar QToolButton{} 定义QTabBar下的QToolButton的样式

    QTabBar QToolButton::right-arrow{} /* the arrow mark in the tool buttons */

    QTabBar QToolButton::left-arrow{}

    QTabBar::close-button{}

    QTabBar::close-button:hover{}

示例

cpp 复制代码
QTabWidget::pane {
        background:white;
        border:none;

}

QTabWidget::tab-bar {
        alignment: left;
}

QTabBar::tab {
        background: rgb(246, 246, 246);
        border: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        min-width: 80px;
        padding: 8px;
        color:#000000;
}

QTabBar::tab:selected {
        border-bottom: 2px solid #0055ff;
}

效果图

包括QTabWidget标签页的位置:左中右,是否下沉都可以通过样式表设置,标签页的间距、样式、等等都可以,大家赶快自己试一试。

相关推荐
肥or胖11 小时前
【FFmpeg 快速入门】本地播放器 项目
开发语言·qt·ffmpeg·音视频
小灰灰搞电子17 小时前
Qt Quick 粒子系统详解
开发语言·qt
暴躁茹19 小时前
Qt 将触摸事件转换为鼠标事件(Qt4和Qt5及以上版本)
开发语言·qt·计算机外设
大专生学编程21 小时前
QT简介和QT环境搭建
c++·qt
feiyangqingyun21 小时前
Qt/C++开发监控GB28181系统/视频点播没有ssrc问题的处理/兼容各种设备和应用场景需求
c++·qt·gb28181
小堃学编程1 天前
QT跨平台应用程序开发框架(10)—— Qt窗口
开发语言·qt
轩宇^_^1 天前
Qt CMake 学习文档
数据库·qt·学习
小徐不徐说1 天前
QT技巧之快速搭建串口收发平台
开发语言·c++·qt·串口·软件构建·个人开发·通信
天堂陌客1 天前
QT 交叉编译环境下,嵌入式设备显示字体大小和QT Creator 桌面显示不一致问题解决
开发语言·qt·字库
小堃学编程2 天前
QT跨平台应用程序开发框架(9)—— 容器类控件
开发语言·qt