QprogressBar 和 QSlider 样式设置
来源:互联网 发布:java小项目开发 编辑:程序博客网 时间:2024/05/29 07:37
QprogressBar
1. 在布局中添加QprogressBar
2. 右键"样式设置"
添加:
QProgressBar {
border: 2px solid grey;
border-radius: 5px;
background-color: #FFFFFF;
}
QProgressBar::chunk {
background-color: #05B8CC;
width: 20px;
}
QProgressBar {
text-align: center;
color: rgb(255, 85, 0);
}
QSlider
1. 在布局中添加 QSlider
2. 右键"样式设置"
/* 整个拖动条的设置 */
QSlider::groove{
border: 1px solid #00ff00; /* 边框颜色 */
height: 8px; /* 整体高度 */
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #c40000, stop:1 #c4c4c4);
margin: 0px 0; /* 0px 设置已划过的地方高度, "0" 距离父控件的距离*/
}
/* 顶部拖动设计 */
QSlider::handle{
background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
border: 1px solid #5c5c5c; /*边框*/
width: 18px;
margin: -2px 0; /*滑块大小设置*/
border-radius: 3px; /* 圆角设置 */
background-color: #05B8CC;
}
/* 未滑动的区域 */
QSlider::add-page:horizontal
{
border-radius: 3px;
height: 8px; /* 整体高度 */
}
/* 已划过的设置*/
QSlider::sub-page:horizontal
{
border: 1px solid #00ffFF; /* 边框颜色 */
background:qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #000000, stop:1 #0000FF); /* 颜色渐变*/
border-radius: 3px;
height: 8px; /* 整体高度 */
}
- QprogressBar 和 QSlider 样式设置
- QProgressBar 样式设置
- QSlider 的样式设置
- QSlider 的样式设置
- QSlider QSS设置样式
- QProgressBar水平、垂直样式表两种设置方式
- Qt中QSlider的样式表设置
- QProgressBar样式表
- QSlider自画样式
- QSlider样式设计
- lesson3 Qt Signal and slots (QSlider and QProgressBar)
- PyQt5教程 控件 QCheckBox、Toggle button、QSlider、QProgressBar、QCalendarWidget
- QTimeLine 和 QProgressBar
- 进度条QProgressBar和QProgressDialog
- QProgressBar
- QSlider
- QProgressBar和QScrollBar的stylesheet
- QT学习1 QSlider 更改样式 .
- Unity-协同程序
- JavaScript的复习心得
- Spring框架之基础类—ChildBeanDefinition实现类
- frangment 展示 隐藏 切换
- MongoDB快速学习
- QprogressBar 和 QSlider 样式设置
- 异常处理
- 《魂斗罗归来》之状态模式VS策略模式
- .clang-format
- 文章标题
- 作业2:用Verilog语言实现二十进制计数器
- unity的public在属性面板修改的实时性
- 谈一下管理
- 一个利用浏览器原生execCommand()方法实现的富文本编辑器