QTableView表格滚动条样式(QSS真是细致到家了)
环境:Qt5.3
IDE:QtCreator
效果预览:
垂直与水平滚动条样式
代码:
- ui->QTableView->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{" //垂直滑块整体
- "background:#FFFFFF;" //背景色
- "padding-top:20px;" //上预留位置(放置向上箭头)
- "padding-bottom:20px;" //下预留位置(放置向下箭头)
- "padding-left:3px;" //左预留位置(美观)
- "padding-right:3px;" //右预留位置(美观)
- "border-left:1px solid #d7d7d7;}"//左分割线
- "QScrollBar::handle:vertical{"//滑块样式
- "background:#dbdbdb;" //滑块颜色
- "border-radius:6px;" //边角圆润
- "min-height:80px;}" //滑块最小高度
- "QScrollBar::handle:vertical:hover{"//鼠标触及滑块样式
- "background:#d0d0d0;}" //滑块颜色
- "QScrollBar::add-line:vertical{"//向下箭头样式
- "background:url(:/images/resource/images/checkout/down.png) center no-repeat;}"
- "QScrollBar::sub-line:vertical{"//向上箭头样式
- "background:url(:/images/resource/images/checkout/up.png) center no-repeat;}");
- ui->QTableView->horizontalScrollBar()->setStyleSheet("QScrollBar:horizontal{"
- "background:#FFFFFF;"
- "padding-top:3px;"
- "padding-bottom:3px;"
- "padding-left:20px;"
- "padding-right:20px;}"
- "QScrollBar::handle:horizontal{"
- "background:#dbdbdb;"
- "border-radius:6px;"
- "min-width:80px;}"
- "QScrollBar::handle:horizontal:hover{"
- "background:#d0d0d0;}"
- "QScrollBar::add-line:horizontal{"
- "background:url(:/images/resource/images/checkout/right.png) center no-repeat;}"
- "QScrollBar::sub-line:horizontal{"
- "background:url(:/images/resource/images/checkout/left.png) center no-repeat;}");
http://blog.csdn.net/shihoongbo/article/details/48970515
QTableView表格滚动条样式(QSS真是细致到家了)的更多相关文章
- 表格-table 样式
.table: 表格基本样式 .table-dark:表格显示为黑色 .thead-light: 表头显示颜色跟亮 .thead-dark:表头显示为黑色 .table-striped:表格以条纹形式 ...
- QTableView表格控件区域选择-自绘选择区域
目录 一.开心一刻 二.概述 三.效果展示 四.实现思路 1.绘制区域 2.绘制边框 3.绘制 五.相关文章 原文链接:QTableView表格控件区域选择-自绘选择区域 一.开心一刻 陪完客户回到家 ...
- CSS3自定义滚动条样式 -webkit-scrollbar(转)
有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了.那webkit浏览器是如何自定义滚动条的呢? 前言 ...
- [转]CSS如何设置html table表格边框样式
原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对tabl ...
- HTML div 滚动条样式设计
::-webkit-scrollbar-track-piece{ background-color:#fff;/*滚动条的背景颜色*/ -webkit-border-radius:0;/*滚动条的圆角 ...
- CSS3自定义滚动条样式 -webkit-scrollbar
今天写项目碰上需要改滚动条效果,我的第一反应是,需要用js写滚动条,顿时头大,上网搜了一下,原来css3就可以修改滚动条样式了,非常好啊,下面分享原文地址:http://www.xuanfengge. ...
- jquery两个滚动条样式
jquery两个滚动条样式 点击下载
- jQuery自定义滚动条样式插件mCustomScrollbar
如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScro ...
- 在css中定义滚动条样式
1,Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置 以上三个属性设置 ...
随机推荐
- 加深理解UIView,UIResponder,UIController
转载出处:http://www.th7.cn/Program/IOS/201503/406514.shtml 原文地址==>自定义控件:http://objccn.io/issue-3-4/ 读 ...
- Unity3D嵌入WPF教程
Unity3D嵌入WPF教程 创建一个 类库工程 添加 WindowForm 用户控件 (UserControl) 1).引入 UntiyWebPlayer COM 组件 在工具->选择工具箱中 ...
- setTimeOut和setInterval详解
setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码.不过这两个函数还是有区别的 ...
- svn的使用总结(待补充)
1.直接选择文件右键--diff比较的是(本地上次与svn同步的文件)与工作区的比较.(每次更新后,会自动备份本次更新的文件) 2.若是要跟 svn最新版本比较的话,可以选择版本找到对应文件,点击sh ...
- IO库 8.2
题目:编写一个测试函数,将cin作为参数传入. #include <iostream> using std::istream; istream& func(istream& ...
- FusionCharts属性大全
属性的分类就以官方的API文档为准吧: 1.Chart: <1>Functional Attributes(功能属性) <2>Titles and AxisNames(标题和坐 ...
- ExtJS 自定义组件
主要参考的是官方文档 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
- 老生常谈--Js继承小结
一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.net/stoy ...
- android中 MediaStore提取缩略图和原始图像
android中 MediaStore提取缩略图和原始图像 . 欢迎转载:http://blog.csdn.net/djy1992/article/details/10005767 提取图像的Thum ...
- javascript - Show mouse cursor in phantom.js - Stack Overflow
javascript - Show mouse cursor in phantom.js - Stack Overflow Show mouse cursor in phantom.js