Qt滚动条样式
Qt手动设置滚动条的qss样式
QScrollBar:vertical {
width: 14px;
margin: 16px 0 16px 0;
background: #eaeaea;
}
QScrollBar::handle:vertical {
background: #c8c8c8;
min-height: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #bbbbbb;
}
QScrollBar::handle:vertical:hover {
background: #606060;
min-height: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #bbbbbb;
}
QScrollBar::add-line:vertical {
background: #eaeaea;
height: 15px;
subcontrol-position: bottom;
subcontrol-origin: margin;
border-top: 1px solid #ffffff;
}
QScrollBar::sub-line:vertical {
background: #eaeaea;
height: 15px;
subcontrol-position: top;
subcontrol-origin: margin;
border-bottom: 1px solid #bbbbbb;
}
QScrollBar::add-line:vertical:hover {
background: #606060;
height: 15px;
subcontrol-position: bottom;
subcontrol-origin: margin;
border-top: 1px solid #ffffff;
}
QScrollBar::sub-line:vertical:hover {
background: #606060;
height: 15px;
subcontrol-position: top;
subcontrol-origin: margin;
border-bottom: 1px solid #bbbbbb;
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: none;
}
QScrollBar:horizontal {
height: 14px;
margin: 0 16px 0 16px;
background: #eaeaea;
}
QScrollBar::handle:horizontal {
background: #c8c8c8;
min-width: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #ffffff;
border-right: 1px solid #bbbbbb;
}
QScrollBar::handle:horizontal:hover {
background: #606060;
min-width: 16px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #ffffff;
border-right: 1px solid #bbbbbb;
}
QScrollBar::add-line:horizontal {
background: #eaeaea;
width: 15px;
subcontrol-position: right;
subcontrol-origin: margin;
border-left: 1px solid #ffffff;
}
QScrollBar::sub-line:horizontal {
background: #eaeaea;
width: 15px;
subcontrol-position: left;
subcontrol-origin: margin;
border-right: 1px solid #bbbbbb;
}
QScrollBar::add-line:horizontal:hover {
background: #606060;
width: 15px;
subcontrol-position: right;
subcontrol-origin: margin;
border-left: 1px solid #ffffff;
}
QScrollBar::sub-line:horizontal:hover {
background: #606060;
width: 15px;
subcontrol-position: left;
subcontrol-origin: margin;
border-right: 1px solid #bbbbbb;
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
background: none;
}
Qt滚动条样式的更多相关文章
- Qt 自定义 滚动条 样式
今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ. 先前的进度条是这样,默认的总是很难受欢迎的:美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几 ...
- Qt 自定义 滚动条 样式(模仿QQ)
今天是时候把软件中的进度条给美化美化了,最初的想法就是仿照QQ. 先前的进度条是这样,默认的总是很难受欢迎的:美化之后的是这样,怎么样?稍微好看一点点了吧,最后告诉你实现这个简单的效果在Qt只需要加几 ...
- CSS3自定义滚动条样式 -webkit-scrollbar(转)
有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了.那webkit浏览器是如何自定义滚动条的呢? 前言 ...
- 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 垂直方向内容溢出时的设置 以上三个属性设置 ...
- HTML ---滚动条样式代码及<marquee>标签的用法;
html中滚动条属性设置 scrollbar属性.样式详解 1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overfl ...
- duilib让不同的容器使用不同的滚动条样式
装载请说明原出处,谢谢~~:http://blog.csdn.net/zhuhongshu/article/details/42240569 以前在给一个容器设置横纵向的滚动条时,一直是通过设置xml ...
随机推荐
- 卡片式UI设计详细指南,先收好这8条!
今天为大家分享的是「卡片设计」. 卡片是产品中常见的设计组件之一.通过卡片,可以将不同的内容分层次组合在一起.卡片式设计自带简约和易用的属性,能让页面看起来更有秩序感. 卡片作为常用的UI组件,通常由 ...
- TCC事务解决方案
适用场景: 适用于具有强隔离性,严格一致性要求,也适用执行时间比较短的业务. 方案优缺点 优点: 1)在应用层实现具体逻辑,锁定资源的粒度小,不会锁定所有资源,性能比较高 2)Confirm阶段和Ca ...
- as8051入门
汇编例子 MAIN: MOV R0, #16 MOV R1, #16 LOOP: MOV A, R1 MOV @R0,A MOV A,0x0 MOV A, @R0 MOV SBUF, A INC R0 ...
- 关于uniapp 打自定义基座部分手机不能自动安装的问题
部分手机指的是-------没错就辣鸡 vivo手机 解决办法----进入手机文件管理-----根目录-----会有一个你打包的app.apk文件,手动安装一下就好了 搜索 复制
- java三级菜单遍历
java 三级菜单遍历 @Override public List<YjztCity> getYjzt(){ List<YjztCity> yjztCities = yjztC ...
- 046_salesforce 中 Get URL
Suppose u have the whole URL as: < https://cs14.salesforce.com/apex/myVFpage?id=906F00000008w9wIA ...
- Python冰墩墩(非原创,搬运工)
import turtle turtle.title('2022北京冬奥会冰墩墩') turtle.speed(10000) # 速度 # 左手 turtle.penup() turtle.goto( ...
- 实验:笔记本电脑做桥接有线网络,笔记本通过wifi连手机热点,,硬件通过笔记本的有线网口上网
1.问题 我们需要做实验,将我们设计的W5500实验板上internet, 搭建环境比较麻烦. 1)学校上网需要先HTTP认证: 2)家里经常路由器固定位置,没有足够长的网线: 3)有时候需要临时搭 ...
- [377] Prelude Opcodez
[377] Prelude Client 00 SendProtocolVersion 01 MoveBackwardToLocation 02 Say 03 RequestEnterWorld 04 ...
- 如何保证RabbitMQ不会被重复消费?
为什么会有重复消费? 做一个标志! 在将生产者写消息的时候,对数据做一个唯一标识.消费者在消费消息时,根据这个唯一标识做判断,如果这个唯一标识被消费过了,那么就 不消费了,如果判断结果是没有被消费过, ...