Qt：QWebEngineView控件大小变化快速且频繁时，可能出现蓝底闪烁
QWebEngineView控件大小变化快速且频繁时，可能出现蓝底闪烁。
网络上的看法，多是说网页硬件加速导致的，建议关闭硬件加速。对此，本人试了一下，并不能解决问题。同时，为了一个小概率的显示上的缺陷，而关闭硬件加速，显然也是不可取的。毕竟，能让网页频繁变动大小的时机不多。
本人因使用QDockWidget，拖拽splitter区域来调整切分区大小，会频繁修改窗口大小，进而导致内嵌网页大小频繁变动。这里，因刚好显示内嵌网页，并频繁拖拽窗口的可能性很小，所以，个人认为，这个问题不是很重要。但既然出现闪烁，就得解决，因此，本人还是花了一点时间去分析。
大概测试了一下，发现闪烁的根源就是内嵌网页控件，既不是里面的page，也不是外层的父控件。多种方法尝试都无效。
也试图让拖拽时窗口不变更大小，或不频繁变更大小。但跟进到下面的代码时，傻眼了。
void QWidgetAnimator::animate(QWidget *widget, const QRect &_final_geometry, bool animate)
{
QRect r = widget->geometry();
if (r.right() < 0 || r.bottom() < 0) r = QRect(); animate = animate && !r.isNull() && !_final_geometry.isNull(); // might make the wigdet go away by sending it to negative space const QRect final_geometry = _final_geometry.isValid() || widget->isWindow() ? _final_geometry :
QRect(QPoint(-500 - widget->width(), -500 - widget->height()), widget->size());
#if QT_CONFIG(animation)
//If the QStyle has animations, animate
if (const int animationDuration = widget->style()->styleHint(QStyle::SH_Widget_Animation_Duration, nullptr, widget)) {
AnimationMap::const_iterator it = m_animation_map.constFind(widget);
if (it != m_animation_map.constEnd() && (*it)->endValue().toRect() == final_geometry)
return;
QPropertyAnimation *anim = new QPropertyAnimation(widget, "geometry", widget);
anim->setDuration(animate ? animationDuration : 0);
anim->setEasingCurve(QEasingCurve::InOutQuad);
anim->setEndValue(final_geometry);
m_animation_map[widget] = anim;
connect(anim, SIGNAL(finished()), SLOT(animationFinished()));
anim->start(QPropertyAnimation::DeleteWhenStopped);
} else
#endif // animation
{
//we do it in one shot
widget->setGeometry(final_geometry);
#if QT_CONFIG(mainwindow)
m_mainWindowLayout->animationFinished(widget);
#endif // QT_CONFIG(mainwindow)
}
}
以上，animate参数是false，因此，当SH_Widget_Animation_Duration不为0时，就会使用属性动画功能来调整窗口大小。这里，可以通过QSS来修改这个属性值，设置如下：widget-animation-duration: 500 ，这里的500的单位是ms毫秒。这个在网络上很难搜索到答案，实际是，本人没搜索到答案，只能翻Qt代码。
显然，设置 widget-animation-duration: 0 ，就可以关闭动画，但那样的话，窗口的大小变化更频繁，还是会闪烁。
而如果有动画时间500ms时，由于animate参数是false，实际动画时间是0 （anim->setDuration(animate ? animationDuration : 0) 这里的判断 导致实际时间是0），也还是闪烁，而Qt本身的设置就是这样，这意味着这是一个BUG！因为无论如何都不启用动画效果，而不启用的情况下，莫名其妙地 new了一个QPropertyAnimation并执行，代码效率低下了，应该是未能起到应有的效果。本人也懒得报BUG过去了。
仔细看看这几行代码，其实还有个bug，if (it != m_animation_map.constEnd() && (*it)->endValue().toRect() == final_geometry) 这个判断，意味着 动画存在且最终区域不一致时，也会new一个动画，而并没有stop掉之前的动画，显然会有问题的。
所以，无论是否设置 widget-animation-duration，闪烁是无法通过这个来解决的。
如果这个是QSplitter控件，是否就好办很多了？再继续看，发现整个拖拽大小是通过 separatorMoveTimer 定时器实现的，如下：
case QEvent::Timer:
if (static_cast(event)->timerId() == separatorMoveTimer.timerId()) {
// let's move the separators
separatorMoveTimer.stop();
if (movingSeparator.isEmpty())
return true;
if (movingSeparatorOrigin == movingSeparatorPos)
return true;
// when moving the separator, we need to update the previous position
window()->update(layout()->dockAreaLayoutInfo()->separatorRegion());
layout()->layoutState = layout()->savedState;
layout()->dockAreaLayoutInfo()->separatorMove(movingSeparator, movingSeparatorOrigin,
movingSeparatorPos);
movingSeparatorPos = movingSeparatorOrigin;
return true;
}
break;
并非什么控件。也放弃。至此，通过设置参数来实现功能的想法失败了。
于是，最终用比较恶心的方法解决。延迟变更内嵌网页控件的大小，即可。代码如下：
void QWndUser::resizeEvent(QResizeEvent* ev)
{
__super::resizeEvent(ev);
if (m_dwResizeLastTick > GetTickCount())
{
return;
}
if (GetTickCount() - m_dwResizeLastTick < 500)
{
m_dwResizeLastTick = GetTickCount() + 10000;
QTimer::singleShot(500, [this]() {
m_dwResizeLastTick = GetTickCount();
ui.webEngineView->resize(this->size());
});
}
else
{
m_dwResizeLastTick = GetTickCount();
ui.webEngineView->resize(this->size());
}
}
2022.04.18备注：
此问题可能仅仅出现在Debug版本，且可能不是bug，仅仅是QWebEngineView用来调试网页bug而故意设置的蓝底，Release版本无此问题。
转载请注明来源，谢谢。
有偿解决C++编程问题，承接项目定制开发；寻一份全职或兼职Windows C++开发工作。联系邮箱：[email protected]。
