QT之qss教程- QScrollBar

1、正常模式，如图

QScrollBar:horizontal {border:2px solid red;background:#32CC99;height:15px;margin:0px 20px 0px 20px;
}/* 滑动块设置 */
QScrollBar::handle:horizontal {/* 颜色 */background:white;/* 长度 */min-width:20px;
}/* 添加右侧控制块 */
QScrollBar::add-line:horizontal {/* 外边框 */border:2px solid blue;/* 背景色 */background:#32CC99;/* 宽度 */width:20px;/* 位置 */subcontrol-position:right;/* 画线区域选择 */subcontrol-origin:margin;
}/* 左侧控制块 */
QScrollBar::sub-line:horizontal {border:2px solid green;background:yellow;width:20px;subcontrol-position:left;subcontrol-origin:margin;
}/* 控制块上的小箭头 */
QScrollBar::left-arrow:horizontal,QScrollBar::right-arrow:horizontal {border:2px solid grey;width:3px;height:3px;background:white;
}/* 滑块左边 */
QScrollBar::add-page:horizontal,QScrollBar {background:#112233;
}/* 滑块右边 */
QScrollBar::sub-page:horizontal {background:#44F566;
}

2、两个控制块连在一起，如图

QScrollBar:horizontal {border:2px solid red;background:cyan;height:20px;margin:0 40 0 0px;
}/* 滑动块设置 */
QScrollBar::handle:horizontal {background:gray;min-width:20px;
}/* 添加右侧控制块 */
QScrollBar::add-line:horizontal {background:blue;border:2px solid black;width:16px;subcontrol-position:right;subcontrol-origin:margin;
}/* 左侧控制块 */
QScrollBar::sub-line:horizontal {background:magenta;border:2px solid black;width:16px;subcontrol-position:top right;subcontrol-origin:margin;position:absolute;right:20px;
}/* 控制块上的小箭头 */
QScrollBar::left-arrow:horizontal,QScrollBar::right-arrow:horizontal {width:3px;height:3px;background:pink;
}/* 滑块左边 */
QScrollBar::add-page:horizontal {background:#112233;
}/* 滑块右边 */
QScrollBar::sub-page:horizontal {background:#335F66;
}

3、垂直方向，如图

QScrollBar:vertical {border:2px solid red;background:#32CC99;width:15px;margin:22 0 22 0px;
}/* 滑块设置 */
QScrollBar::handle:vertical {background:white;min-height:20px;
}/* 底部控制块 */
QScrollBar::add-line:vertical {border:2px solid grey;background:#453D89;height:20px;subcontrol-position:bottom;subcontrol-origin:margin;
}/* 顶部控制块 */
QScrollBar::sub-line:vertical {border:2px solid blue;background:#FD5647;height:20px;subcontrol-position:top;subcontrol-origin:margin;
}/* 控制块上的小箭头 */
QScrollBar::up-arrow:vertical,QScrollBar::down-arrow:vertical {border:2px solid grey;width:3px;height:3px;background:white;
}/* 滑块上边区域 */
QScrollBar::add-page:vertical {background:#E5D812;
}/* 滑块下边区域 */
QScrollBar::sub-page:vertical {background:#47F8A96;
}

QT之qss教程- QScrollBar相关推荐

style 字体加粗_第9篇 Qt Quick入门教程之基础（九）文本显示和字体
导语文本显示是界面开发必不可少的内容,在Qt Quick模块中提供了 Text 项目来进行文本的显示,其中可以使用 font 属性组对文本字体进行设置.这一篇我们来看看它们的具体使用. 使用字体就 ...
PyQt5 Qt Designer 新手教程（一）—— 软件界面介绍
PyQt5 Qt Designer 新手教程(一)-- 软件界面介绍教程博文一.前言终于学到了 PyQt5 Qt 设计师(Qt Designer)这个软件,博主感觉心情还是很激动的.因为,当初学 ...
pyqt5+qt desiger实例教程（1）创建含有三个按钮的窗口，点击按钮2输出消息、按钮3可退出
pyqt5+qt desiger实例教程(1)创建含有三个按钮的窗口,点击按钮三可退出目标:设计一个含有三个按钮的窗口,点击按钮2弹出消息,点击按钮3退出如果是使用的anacoda那么自带qtde ...
Qt Designer入门教程初学者必看
在Linux下,一个非常流行的RAD工具就是Qt Designer.它是嵌入式公司 Trolltech的Qt软件包的一个组成部分. Qt Designer入门教程初学者必看是本文要介绍的内容,不说这 ...
qt creator linux使用教程,linux qt creator使用教程
linux qt creator使用教程 [2021-02-17 05:55:07] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace( ...
Linux安装qt完整版教程
Linux安装qt完整版教程一.获取Linux-qt版本二.linux安装qt 三.配置qt环境变量四.linux-qt相关的显示配置一.获取Linux-qt版本 qt 版本5.12.8官网下 ...
Qt配置OpenCV教程及错误解决方法
一.准备工作写在前面(非常重要,不可忽视!!!): 如果你没有上述问题可以不看这部分的后续内容:如果你有以上问题或者遇到了无法解决的问题,可以对照下文检查是否是你遇到的问题. 在开始一切之前,请首先 ...
Qt在线安装教程（详细图文）
Qt在线安装教程(详细图文一.前言二.QT账号的注册三.QT的安装的镜像四.安装的过程一.前言个人主页: ζ小菜鸡大家好我是ζ小菜鸡,小伙伴们,让我们一起来学习Qt在线安装. 如果文章对 ...
详解 QT 皮肤 QSS编程
本文纯粹拷自51CTO,只为复习阅读方便... QT 皮肤 QSS编程是本文要介绍的内容,借用css 的灵感,Qt也支持Qt自己的css,简称qss.同css 相似,qss的主要功能与最终目的都是能使 ...

QT之qss教程- QScrollBar

QT之qss教程- QScrollBar相关推荐

最新文章

热门文章