PyQt：设置滚动条样式

空空转念

已于 2024-03-26 16:20:06 修改

阅读量373

点赞数 1

分类专栏： PyQT系列文章标签： pyqt

于 2024-03-26 10:34:51 首次发布

本文链接：https://blog.csdn.net/Mr_K_night/article/details/137038460

版权

PyQT系列专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用Python中的setStyleSheet方法来设置QScrollBar（滚动条）的样式，包括宽度、背景、边框、滑块颜色以及鼠标悬停时的效果。

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

setStyleSheet方法被用来设置滚动条的样式

样式表定义了滚动条的宽度、背景色、边框样式，以及滚动条滑块（handle）在悬停时的颜色。

举个例子：


        # 创建垂直滚动条  
        self.scrollbar = QScrollBar(Qt.Vertical)  
        # 设置滚动条样式  
        self.scrollbar.setStyleSheet(""" 
            QScrollBar:vertical {  
                width: 10px;  
                background: lightgrey;  
                border: 1px solid #ccc;  
                margin: 0px 0px 0px 0px;  
            }  
              QScrollBar::handle:vertical {  
                background: #666;
                min-height: 50px;  
                max-height: 50px;
                border-radius: 6px;
            }  
            QScrollBar::handle:vertical:hover {  
                background: #000;  
            }  
              QScrollBar::add-line:vertical {  
                border: none;  
                background: none;  
            }  
              QScrollBar::sub-line:vertical {  
                border: none;  
                background: none;  
            }  
        """)

QScrollBar:vertical - 这个选择器定义了垂直滚动条的样式。
    width: 15px; - 设置滚动条的宽度为15像素。
    background: #e9e9e9; - 设置滚动条的背景色为浅灰色。
    border: 1px solid #ccc; - 设置滚动条的边框为1像素宽，颜色为中等灰色。
    margin: 0px 0px 0px 0px; - 设置滚动条的边距。这里所有的边距都被设置为0，意味着滚动条紧贴其容器边缘。  
    
QScrollBar::handle:vertical - 这个选择器定义了垂直滚动条滑块的样式。
    background: #666; - 设置滑块的背景色为深灰色。
    min-height: 20px; - 设置滑块的最小高度为20像素。这确保了滑块即使在小滚动范围内也有足够的高度，易于点击和拖动。
    
QScrollBar::handle:vertical:hover - 这个选择器定义了鼠标悬停在垂直滚动条滑块上的样式。
    background: #333; - 当鼠标悬停在滑块上时，滑块的背景色变为更深的灰色。
    
QScrollBar::add-line:vertical 和 QScrollBar::sub-line:vertical - 这两个选择器分别定义了垂直滚动条上增加（向上）和减少（向下）箭头的样式。
    border: none; - 这两个箭头的边框被设置为无，意味着它们没有边框。
    background: none; - 这两个箭头的背景色被设置为无，意味着它们是透明的，不显示箭头图标。