Content Table

去掉 Windows 中控件的虚线框

在 Windows 中,控件得到焦点时会显示一个虚线框,很多时候觉得不好看,有 2 中方式去掉这个虚线框:

  • 使用 StyleSheet
  • 继承 QProxyStyle

使用 StyleSheet

1
2
3
QWidget:focus {
outline: none; /* 去掉得到焦点时的虚线框 */
}

继承 QProxyStyle

继承 QProxyStyle,QStyle::PE_FrameFocusRect 时不绘制虚线框,main() 函数里调用 QApplication::setStyle() 使用新的样式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 文件名: NoFocusRectStyle.h

#ifndef NOFOCUSRECTSTYLE_H
#define NOFOCUSRECTSTYLE_H

#include <QProxyStyle>

class NoFocusRectStyle : public QProxyStyle {
public:
NoFocusRectStyle(QStyle *baseStyle) : QProxyStyle(baseStyle) {}

void drawPrimitive(PrimitiveElement element,
const QStyleOption *option,
QPainter *painter,
const QWidget *widget = 0) const {
if (element == QStyle::PE_FrameFocusRect) {
return;
}

QProxyStyle::drawPrimitive(element, option, painter, widget);
}
};

#endif // NOFOCUSRECTSTYLE_H

当 element == QStyle::PE_FrameFocusRect 时,直接返回,不绘制虚线框。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 文件名: main.cpp

#include "Widget.h"
#include "NoFocusRectStyle.h"
#include <QApplication>

int main(int argc, char *argv[]) {
QApplication app(argc, argv);
NoFocusRectStyle *style = new NoFocusRectStyle(app.style());
app.setStyle(style); // Ownership of the style object is transferred to QApplication

Widget w;
w.show();

return app.exec();
}

在 main() 函数中调用 app.setStyle(style) 使用我们上面自定义的 NoFocusRectStyle 就可以把虚线框去掉了。