如何在 QWebEngineView 周围显示边框?
How do I display a border around a QWebEngineView?
我有一个 QGraphicsWidget,我用它来绘制和显示许多项目,包括使用 QGraphicsProxyWidget 的 QWebEngineView。我能够将 Web 内容加载到 QWebEngineView 中,但我想让视图包含边框。我已经使用 "setStyleSheet" 尝试添加边框,但这似乎不起作用。下面的代码是在我的QGraphicsWidgetclass的构造函数中添加QWebEngineView:
QWebEngineView * view = new QWebEngineView();
view->setFixedWidth(700);
view->setFixedHeight(200);
view->setStyleSheet("border: 10px border-color: black");
view->load(QUrl("qrc:/myresources/guidetext.html"));
QGraphicsProxyWidget * proxyView = new QGraphicsProxyWidget(this);
proxyView->setWidget(view);
这是目前的样子:
我希望它看起来像:
问题
通常,设置 Qt::WA_StyledBackground 属性,然后设置正确的样式表和内容边距:
view->setAttribute(Qt::WA_StyledBackground);
view->setStyleSheet("border: 1px solid black;");
view->setContentsMargins(1, 1, 1, 1);
应该可以解决问题。
但是,QWebEngineView
似乎不尊重内容边距:
解决方法
我建议您将 QWebEngineView
设为另一个 QWidget
的子组件,并改用父组件的样式。
例子
这是我为您准备的示例,说明如何更改代码以实施建议的解决方案:
auto *proxyView = new QGraphicsProxyWidget();
auto *widget = new QWidget();
auto *view = new QWebEngineView(widget);
auto *l = new QVBoxLayout(widget);
l->addWidget(view);
l->setContentsMargins(1, 1, 1, 1);
widget->setAttribute(Qt::WA_StyledBackground);
widget->setStyleSheet("border: 1px solid black;");
widget->setFixedWidth(700);
widget->setFixedHeight(200);
view->load(QUrl("qrc:/myresources/guidetext.html"));
proxyView->setWidget(widget);
结果
这是加载时的结果 Google:
我有一个 QGraphicsWidget,我用它来绘制和显示许多项目,包括使用 QGraphicsProxyWidget 的 QWebEngineView。我能够将 Web 内容加载到 QWebEngineView 中,但我想让视图包含边框。我已经使用 "setStyleSheet" 尝试添加边框,但这似乎不起作用。下面的代码是在我的QGraphicsWidgetclass的构造函数中添加QWebEngineView:
QWebEngineView * view = new QWebEngineView();
view->setFixedWidth(700);
view->setFixedHeight(200);
view->setStyleSheet("border: 10px border-color: black");
view->load(QUrl("qrc:/myresources/guidetext.html"));
QGraphicsProxyWidget * proxyView = new QGraphicsProxyWidget(this);
proxyView->setWidget(view);
这是目前的样子:
问题
通常,设置 Qt::WA_StyledBackground 属性,然后设置正确的样式表和内容边距:
view->setAttribute(Qt::WA_StyledBackground);
view->setStyleSheet("border: 1px solid black;");
view->setContentsMargins(1, 1, 1, 1);
应该可以解决问题。
但是,QWebEngineView
似乎不尊重内容边距:
解决方法
我建议您将 QWebEngineView
设为另一个 QWidget
的子组件,并改用父组件的样式。
例子
这是我为您准备的示例,说明如何更改代码以实施建议的解决方案:
auto *proxyView = new QGraphicsProxyWidget();
auto *widget = new QWidget();
auto *view = new QWebEngineView(widget);
auto *l = new QVBoxLayout(widget);
l->addWidget(view);
l->setContentsMargins(1, 1, 1, 1);
widget->setAttribute(Qt::WA_StyledBackground);
widget->setStyleSheet("border: 1px solid black;");
widget->setFixedWidth(700);
widget->setFixedHeight(200);
view->load(QUrl("qrc:/myresources/guidetext.html"));
proxyView->setWidget(widget);
结果
这是加载时的结果 Google: