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

Question

这是一个QPushButton。单击后它看起来像这样：

如您所见，按钮周围有浅灰色 dotted/checkered highlight/border。我该如何摆脱它？似乎无法在任何地方找到答案。

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

Answer 1

那个“边框”实际上是焦点矩形，只要小部件具有键盘焦点就会显示它。在按钮的情况下，这意味着可以使用键盘上的 space 栏来按下它。

有两种方法可以“移除”焦点矩形：通过使用 setFocusPolicy() 和 QtCore.Qt.NoFocus 来禁用 any 小部件上的焦点，或者通过阻止它的绘画。

请考虑这两种可能性都会使键盘导航（通过 tab 和箭头键）和交互（使用 space 栏）变得不可能，或者至少不太可用.

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

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

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

在这种情况下，绘画方法可能会有用，但如果用户在任何时候无意中按下 spacebar，就会按下当前聚焦的按钮，这当然不是一个好方法从用户体验的角度来看。

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

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

可以禁用焦点矩形

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

可以通过子类化 QPushButton 并重新实现 paintEvent() 来完成自定义绘制；通过使用 QStylePainter() and 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, opt, painter, widget)

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

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

请注意，在小部件上设置样式表时，在某些情况下会部分绕过样式（取决于样式、小部件、当前默认样式和样式表中设置的属性）。

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

Remove checkered border around QPushButton when clicked

python

pyqt5

qpushbutton