【Qt】QTableView表格滚动条样式实现QStyleSheet
2015-10-08 11:35
1186 查看
环境:Qt5.3
IDE:QtCreator
效果预览:
垂直与水平滚动条样式
代码:
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;}");
相关文章推荐
- css中width:auto和width:100%的区别有哪些
- CSS3弹性盒模型flexbox完整版教程
- Dialog使用自定义的样式
- css布局模型之绝对定位与相对定位
- JS+CSS实现的蓝色table选项卡效果
- JS+CSS实现的蓝色table选项卡效果
- css关于浮动的例子--float
- 用CSS来画圆
- Holder 可直接在客户端渲染图片的占位。支持在线和离线,提供一个链式 API 对图像占位进行样式处理。
- CSS 盒模型
- css选择器优先级
- 用css实现条纹背景
- css3 中的transition和transform
- css3
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- CSS,基本语法
- CSS3——旋转方块
- 一个神奇却很简单的css特效
- gurnt js css 压缩合并
- css position 应用(absolute和relative用法)