<p>实际上,您可以使用<a href="http://doc.qt.io/qt-5/qstyle.html#hitTestComplexControl" rel="nofollow noreferrer">^{<cd1>}</a>,但它也要求您对滚动条进行子类化。
在下面的示例中,我完全实现了垂直滚动条,您只需填充水平滚动条的基本css部分。在</p>
<pre><code>class CustomScrollBar(QtWidgets.QScrollBar):
def __init__(self, *args, **kwargs):
QtWidgets.QScrollBar.__init__(self, *args, **kwargs)
self.baseSheet = '''
QScrollBar {{
width: 45px;
margin: 45px 0 45px 0;
background: #32CC99;
}}
QScrollBar::handle {{
border: 10px solid grey;
background: white;
min-height: 10px;
}}
QScrollBar::add-line:vertical {{
border: 2px solid grey;
background: none;
height: 45px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}}
QScrollBar::sub-line:vertical {{
border: 2px solid grey;
background: none;
height: 45px;
subcontrol-position: top;
subcontrol-origin: margin;
}}
QScrollBar::up-arrow:vertical {{
subcontrol-position: bottom;
subcontrol-origin: margin;
{upArrow}
}}
QScrollBar::down-arrow:vertical {{
subcontrol-position: bottom;
subcontrol-origin: margin;
{downArrow}
}}
QScrollBar::left-arrow:vertical {{
subcontrol-position: bottom;
subcontrol-origin: margin;
{leftArrow}
}}
QScrollBar::right-arrow:vertical {{
subcontrol-position: bottom;
subcontrol-origin: margin;
{rightArrow}
}}
'''
self.arrowNormal = '''
border-top: 5px solid lightgray;
border-left: 5px solid lightgray;
border-right: 5px solid gray;
border-bottom: 5px solid gray;
'''
self.arrowPressed = '''
border: 5px solid darkgray;
'''
self.setStyleSheet(self.baseSheet.format(
upArrow=self.arrowNormal,
downArrow=self.arrowNormal,
leftArrow=self.arrowNormal,
rightArrow=self.arrowNormal))
def mousePressEvent(self, event):
QtWidgets.QScrollBar.mousePressEvent(self, event)
opt = QtWidgets.QStyleOptionSlider()
opt.initFrom(self)
subControl = self.style().hitTestComplexControl(self.style().CC_ScrollBar, opt, event.pos(), self)
if subControl == self.style().SC_ScrollBarAddLine:
if self.orientation() == QtCore.Qt.Vertical:
downArrow = self.arrowPressed
upArrow = leftArrow = rightArrow = self.arrowNormal
else:
rightArrow = self.arrowPressed
upArrow = downArrow = leftArrow = self.arrowNormal
elif subControl == self.style().SC_ScrollBarSubLine:
if self.orientation() == QtCore.Qt.Vertical:
upArrow = self.arrowPressed
downArrow = leftArrow = rightArrow = self.arrowNormal
else:
leftArrow = self.arrowPressed
rightArrow = upArrow = downArrow = self.arrowNormal
self.setStyleSheet(self.baseSheet.format(upArrow=upArrow, downArrow=downArrow, leftArrow=leftArrow, rightArrow=rightArrow))
def mouseReleaseEvent(self, event):
QtWidgets.QScrollBar.mouseReleaseEvent(self, event)
self.setStyleSheet(self.baseSheet.format(
upArrow=self.arrowNormal,
downArrow=self.arrowNormal,
leftArrow=self.arrowNormal,
rightArrow=self.arrowNormal))
class MyScrollArea(QtWidgets.QScrollArea):
def __init__(self, parent=None):
super(MyScrollArea, self).__init__(parent)
w = QtWidgets.QWidget()
w.setFixedSize(640, 480)
self.setWidget(w)
vScrollBar = CustomScrollBar(QtCore.Qt.Vertical)
self.setVerticalScrollBar(vScrollBar)
</code></pre>