单击时删除QPushButton周围的方格边框

问题描述

这是QPushButton。单击时，它看起来像这样：

如您所见，按钮周围有一个浅灰色的虚线/方格突出显示/边框。我如何摆脱它？似乎在任何地方都找不到答案。

我什至尝试在样式表中将边框设置为None。

解决方法

该“边框”实际上是焦点矩形，只要小部件具有键盘焦点，就会显示该矩形。如果是按钮，则意味着可以使用键盘上的空格键将其按下。

有两种方法可以“删除”焦点矩形：通过将setFocusPolicy()与QtCore.Qt.NoFocus结合使用以禁用窗口小部件上的任何焦点，或防止其绘制。 / p>

请考虑这两种可能性将使键盘导航（通过 tab 和箭头键）和交互（与空格键）无法实现，或者至少变得不太可用。

要禁用焦点策略，只需使用此：

    self.someButton.setFocusPolicy(QtCore.Qt.NoFocus)

考虑到在大多数样式中禁用焦点，它还会禁用自动助记符下划线加速器快捷方式（对于 Alt + 快捷方式）；在MacOS上，这些功能会被自动禁用，这在其他平台上可能是个问题，因为在这种情况下，所有助记符都需要在快捷方式字母前使用&进行手动设置。

在那种情况下，绘画方法可能会有用，因为如果用户在任何时候无意间按下空格键，都会按下当前聚焦的按钮，这从UX角度来看绝对不是一件好事。 / p>

防止绘画的主要方法有两种：通过样式表或通过自定义绘画。

使用样式表可以完全控制绘画，但缺点是要求至少为正常和按下状态（但也可能为选中和悬停状态）提供样式表，并且不遵守平台默认大小的提示和按钮的边距。同样，对于某些特定的平台样式（尤其是在某些Linux发行版中），如果样式还内部混合了样式表，则不能保证不会画出焦点。在这种情况下，可能可以通过设置outline: none;来禁用焦点矩形。

button.setStyleSheet('''
    QPushButton {
        border: 1px outset green;
        border-radius: 2px;
        background: lightgreen;
    }
    QPushButton:pressed {
        border: 1px inset green;
    }
    ''')

可以通过子类化QPushButton并重新实现paintEvent()来完成自定义绘制。通过使用QStylePainter()和QStyleOptionButton()，我们可以确保在实际绘制按钮之前始终按当前样式绘制按钮，同时控制其某些方面：

class NoFocusRectButton(QtWidgets.QPushButton):
    def paintEvent(self,event):
        qp = QtWidgets.QStylePainter(self)
        opt = QtWidgets.QStyleOptionButton()
        # initialize the style option for the current button
        self.initStyleOption(opt)
        # remove the focus state flag if it exists
        opt.state &= ~QtWidgets.QStyle.State_HasFocus
        # paint the button
        qp.drawControl(QtWidgets.QStyle.CE_PushButton,opt)

一种替代方法是使用可以安装在按钮或整个应用程序上的QProxyStyle（不幸的是，在父窗口小部件上设置样式不会在子窗口上传播样式）。

class NoFocusProxyStyle(QtWidgets.QProxyStyle):
    def drawControl(self,control,opt,painter,widget=None):
        if control in (self.CE_PushButton,self.CE_PushButtonBevel):
            opt.state &= ~self.State_HasFocus
        super().drawControl(control,widget)

    def drawPrimitive(self,element,widget=None):
        if element == self.PE_FrameFocusRect and isinstance(widget,QtWidgets.QPushButton):
            opt.state &= ~self.State_HasFocus
        super().drawPrimitive(element,widget)

# ...
app = QtWidgets.QApplication(sys.argv)
proxyStyle = NoFocusProxyStyle()
app.setStyle(proxyStyle)
# or,alternatively
someButton.setStyle(proxyStyle)

请注意，在窗口小部件上设置样式表时，某些情况下会部分忽略样式（取决于样式，窗口小部件，当前的默认样式以及样式表中设置的属性）。

pyqt5 python qpushbutton