用样式表美化QTabwidget外观
没有仔细看是否正确,先保存到这里,以后研究一下
一、参考文章:http://bbs.csdn.net/topics/390632657?page=1
setStyleSheet("QTabWidget::pane{border-width:1px;border-color:rgb(48, 104, 151);\
border-style: outset;background-color: rgb(132, 171, 208);\
background: transparent;} \
QTabWidget::tab-bar{border-width:0px;}\
QTabBar::tab{border-bottom-color: #C2C7CB;\
border-top-left-radius: 0px;\
border-top-right-radius: 0px;\
max-width: 75px; min-width:75px; min-height:25px;\
font:14px Times New Roman;\
padding: 0px;\
}\
QTabBar::scroller {\
width:25;\
border:0;\
padding: 0px;\
}\
QTabBar QToolButton::right-arrow {\
background-color:rgb(132, 171, 208);\
border-width: 0;\
background-image: url(:/images/tab/rightbtn.png);\
}\
QTabBar QToolButton::right-arrow:hover {\
background-color:rgb(132, 171, 208);\
border-width: 0;\
background-image: url(:/images/tab/hoverrightbtn.png);\
}\
QTabBar QToolButton::right-arrow:disabled {\
background-color:rgb(132, 171, 208);\
border-width: 0;\
background-image: url(:/images/tab/grayrightbtn.png);\
}\
QTabBar QToolButton::left-arrow {\
background-color:rgb(132, 171, 208);\
border-width: 0;\
background-image: url(:/images/tab/leftbtn.png);\
}\
QTabBar QToolButton::left-arrow:hover {\
background-color:rgb(132, 171, 208);\
border-width: 0;\
background-image: url(:/images/tab/hoverleftbtn.png);\
}\
QTabBar QToolButton::left-arrow:disabled {\
background-color:rgb(132, 171, 208);\
border-width: 0;\
background-image: url(:/images/tab/grayleftbtn.png);\
}\
QTabBar::tab:first:selected {\
margin-left: 30; margin-right: 0;\
color: white;\
border-image: url(:/images/tab/sel3.png);\
}\
QTabBar::tab:first:!selected {\
color: black;\
margin-left: 30; margin-right: 0;\
border-image: url(:/images/tab/normal3.png);\
}\
QTabBar::tab:first:hover:!selected {\
color: black;\
margin-left: 30; margin-right: 0;\
border-image: url(:/images/tab/hover3.png);\
}\
QTabBar::tab:middle:selected {\
margin-top: 0; margin-left: -15; margin-right: 8;\
color: white;\
border-image: url(:/images/tab/sel3.png);\
}\
QTabBar::tab:middle:!selected {\
color: black;\
margin-top: 0; margin-left: -15; margin-right: 8;\
border-image: url(:/images/tab/normal3.png);\
}\
QTabBar::tab:middle:hover:!selected {\
color: black;\
margin-top: 0; margin-left: -15; margin-right: 8;\
border-image: url(:/images/tab/hover3.png);\
}\
QTabBar::tab:last:selected {\
margin-top: 0px; margin-left: 0; margin-right: 0;\
color: white;\
border-image: url();\
}\
QTabBar::tab:last:!selected {\
color: black;\
margin-top: 0; margin-left: 0; margin-right: 0;\
border-image: url();\
}\
QTabBar::tab:last:hover:!selected {\
color: black;\
margin-top: 0; margin-left: 0; margin-right: 0;\
border-image: url();\
}\
QTabBar::tab:only-one {\
margin: 0;\
}");
tab标签的长度,也需要重载QTabBar来动态计算。
二、设置QTabwidget的TabBar的样式1
QString tabBarStyle = "QTabBar::tab {min-width:100px;color: white;border: 2px solid;border-top-left-radius: 10px;border-top-right-radius: 10px;padding:5px;}\
QTabBar::tab:!selected {margin-top: 5px;} \
QTabBar::tab:selected {color: blue;}";
m_TabWidget->setStyleSheet(tabBarStyle);
三、设置QTabwidget的TabBar的样式2
QTabWidget::pane{
border:none;
}
QTabWidget::tab-bar{
alignment:left;
}
QTabBar::tab{
background:transparent;
color:white;
min-width:30ex;
min-height:10ex;
}
QTabBar::tab:hover{
background:rgb(255, 255, 255, 100);
}
QTabBar::tab:selected{
border-color: white;
background:white;
color:green;
}
http://blog.csdn.net/libaineu2004/article/details/39829749
用样式表美化QTabwidget外观的更多相关文章
- 通过Qt样式表定制程序外观(比较通俗易懂)
1. 何为Qt样式表[喝小酒的网摘]http://blog.hehehehehe.cn/a/10270.htm2. 样式表语法基础3. 方箱模型4. 前景与背景5. 创建可缩放样式6. 控制大小7. ...
- 2016/2/19 css样式表 Cascading Style Sheet 叠层样式表 美化HTML网页
一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联 ...
- WPF ScrollViewer(滚动条) 自定义样式表制作 (改良+美化)
原文:WPF ScrollViewer(滚动条) 自定义样式表制作 (改良+美化) 注释直接写在代码里了 不太理解意思的 可以先去看看我上一篇 WPF ScrollViewer(滚动条) 自定 ...
- CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页。
CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/ 此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控 ...
- css样式表。作用是美化HTML网页.
样式表分为:(1)内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余多. 如:<p style="font-size:10px">内联样式表</p&g ...
- Qt StyleSheet样式表实例(转)
QT论坛看到的,收藏一下! 在涉及到Qt 美工的时候首先需要掌握CSS 级联样式表. 下面将通过几个例子来介绍一下怎样使用Qt中的部件类型设计.自定义的前台背景与后台背景的颜色: 如果需要一个文本编辑 ...
- QSS-qt样式表
QSS即Qt StyleSheet(Qt样式表)的简称,是一种用来自定义控件外观的强大机制,QSS可以让我们的程序界面更加漂亮 每条QSS样式都由两部分组成:1. 选择器,该部分指定要美化的控件 2 ...
- QT样式表
QT样式表 一.QT样式表简介 1.QT样式表简介 QSS的主要功能是使界面的表现与界面的元素分离,使得设计皮肤与界面控件分离的软件成为可能. QT样式表是允许用户定制widgets组件外观的强大机制 ...
- Qt样式表之一:Qt样式表和盒子模型介绍
一.Qt样式表介绍 Qt样式表是一个可以自定义部件外观的十分强大的机制,可以用来美化部件.Qt样式表的概念.术语和语法都受到了HTML的层叠样式表(Cascading Style Sheets, CS ...
随机推荐
- tkinter 按钮响应函数传值
tkinter 中的Button组件的响应函数如何传入参数,可能非常困扰新手,这里记录一下. 步骤: 1. 写好响应函数(形参设置好) 2. 在Button command 设置形式:command ...
- eslint校验——开启服务后自动校验
"[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode&q ...
- RabbitMQ direct交换器
1:队列和交换器多次绑定 String[] routekeys={"routekey1","routekey2","routekey3"}; ...
- [极客-Linux] 05 系统调用
分配内存的系统调用 1)brk 小内存 2)mmap 大内存 sigaction 注册信号处理函数 进程间通信: 1)消息队列,在内核中,msgget 创建 2)共享内存,shmget 内核源代码 ...
- Windows 上搭建Apache FtpServer
阅读目录 第一步:下载Apache FTPServer 第二步:解压Apache FTPServer 第三步:修改配置文件 第四步:启动FTPServer 第五步:访问FTP 第六步:FTPServe ...
- Windows性能计数器监控实践
Windows性能计数器(Performance Counter)是Windows提供的一种系统功能,它能实时采集.分析系统内的应用程序.服务.驱动程序等的性能数据,以此来分析系统的瓶颈.监控组件的表 ...
- Visio 撤销按钮无法使用 菜单显示:无法撤销
首先是借鉴地址:https://answers.microsoft.com/en-us/msoffice/forum/msoffice_visio-mso_other-mso_2007/visio-o ...
- # Spring Boot & thymeleaf模板 使用 th:each 遍历对象数组 -生成一批html标签体
在controller中取出emps 对象数组 //1.查询所有的员工,返回列表页面 @GetMapping("/emps") public String list(Model m ...
- 07 c++中的内联函数inline
文章链接: 问题描述:类中成员函数缺省默认是内联的,如果在类定义时就在类内给出函数定义,那当然最好.如果在类中未给出成员函数定义,而又想内联该函数的话,那在类外要加上 inline,否则就认为不是内联 ...
- (java)selenium webdriver学习--通过id、name定位,输入内容,搜索,关闭操作、通过tagname查找元素
selenium webdriver学习--通过id.name定位,输入内容,搜索,关闭操作:通过tagname查找元素 打开谷歌浏览器,输入不同的网站,搜索框的定位含有不同元素(有时为id,有时为n ...