QT笔记1：更改Qslider轨道和滑块的大小与形状

最新推荐文章于 2024-08-08 15:43:01 发布

2301_82196467

最新推荐文章于 2024-08-08 15:43:01 发布

阅读量1.1k

点赞数 2

文章标签：笔记 qt

本文链接：https://blog.csdn.net/2301_82196467/article/details/137113862

版权

本文介绍了如何在QTdesigner中通过修改样式表来调整QSlider轨道的大小、形状以及滑块的外观，如宽度、高度、边框等，以实现自定义设计。

摘要由CSDN通过智能技术生成

QT designer里通过拖拽和改变属性的宽高只能改变组件隐性边界的大小，想要改变轨道和滑块的大小与形状的话，需要通过更改样式表的方法来进行修改，添加的代码示例如下：

QSlider::groove:horizontal {
    border: 1px solid #999999;    /* 设置轨道的边框 */
    height: 20px;                   /* 设置轨道的高度 */
    margin: 0px 0;                 /* 设置轨道的外边距 */
    left: 5px; right: 5px;         /* 设置轨道的左右内边距 */
  background-color: #CCCCCC;     /* 设置轨道的背景颜色 */
}

QSlider::handle:horizontal {
    /* 滑块样式 */
    width: 20px;                   /* 设置滑块的宽度 */
    height: 20px;                  /* 设置滑块的高度 */
    background-color: #FFFFFF;     /* 设置滑块的背景颜色 */
    border-radius: 0px;           /* 设置滑块的边框半径使其为圆形 */
    margin: -10px 0;               /* 设置滑块的垂直居中 */
  border: 1px solid #000000;     /* 添加1像素宽度的黑色边框 */
    border-radius: 0px;            /* 设置滑块的边框半径使其为圆形 */
}