Qt之再谈阴影边框

电玩女神 2022-08-05 07:37 311阅读 0赞

## Qt之再谈阴影边框 ##

![此博文包含图片][sg_trans.gif] (2013-07-25 11:15:45)

![sg_trans.gif][]转载▼

<table style="margin:0px; padding:0px"> 
 <tbody> 
  <tr> 
   <td style="margin:0px; padding:0px 10px 0px 0px; font-family:宋体; vertical-align:top"> <span style="color:rgb(135,135,135)">标签：</span>&nbsp; <h3 style="margin:0px 5px 0px 0px; padding:0px; border:0px; list-style:none; display:inline; font-size:12px; font-weight:normal"> <a href="http://search.sina.com.cn/?c=blog&amp;q=qt&amp;by=tag" style="text-decoration:none; color:rgb(82,102,115); white-space:nowrap" rel="nofollow">qt</a></h3> &nbsp; <h3 style="margin:0px 5px 0px 0px; padding:0px; border:0px; list-style:none; display:inline; font-size:12px; font-weight:normal"> <a href="http://search.sina.com.cn/?c=blog&amp;q=%B4%B0%CC%E5%D2%F5%D3%B0&amp;by=tag" style="text-decoration:none; color:rgb(82,102,115); white-space:nowrap" rel="nofollow">窗体阴影</a></h3> &nbsp; <h3 style="margin:0px 5px 0px 0px; padding:0px; border:0px; list-style:none; display:inline; font-size:12px; font-weight:normal"> <a href="http://search.sina.com.cn/?c=blog&amp;q=qt%D2%F5%D3%B0&amp;by=tag" style="text-decoration:none; color:rgb(82,102,115); white-space:nowrap" rel="nofollow">qt阴影</a></h3> &nbsp; <h3 style="margin:0px 5px 0px 0px; padding:0px; border:0px; list-style:none; display:inline; font-size:12px; font-weight:normal"> <a href="http://search.sina.com.cn/?c=blog&amp;q=qt%D2%F5%D3%B0%B1%DF%BF%F2&amp;by=tag" style="text-decoration:none; color:rgb(82,102,115); white-space:nowrap" rel="nofollow">qt阴影边框</a></h3> </td> 
   <td style="margin:0px; padding:0px; font-family:宋体; vertical-align:top; width:220px; white-space:nowrap"> <span style="color:rgb(135,135,135)">分类：</span>&nbsp;<a href="http://blog.sina.com.cn/s/articlelist_2801495241_2_1.html" style="text-decoration:none; color:rgb(82,102,115)" rel="nofollow">Qt</a></td> 
  </tr> 
 </tbody> 
</table>

前面就窗口阴影已经写过一篇博客，使用九宫格的思路实现的，在我看来，凡是用程序能实现的尽量不要使用图片代替（在保证效率的前提下），今天再次分享关于我的一些小见解！

先看效果：

[![Qt之再谈阴影边框][Qt]][Qt_Qt]

[![Qt之再谈阴影边框][Qt 1]][Qt_Qt 1]

窗口阴影任意调节，包括阴影像素、是否圆角等。

直接上代码：

void DropShadowWidget::paintEvent(QPaintEvent \*event)

QPainterPath path;

path.setFillRule(Qt::WindingFill);

path.addRect(10, 10, this->width()-20, this->height()-20);

QPainter painter(this);

painter.setRenderHint(QPainter::Antialiasing, true);

painter.fillPath(path, QBrush(Qt::white));

QColor color(0, 0, 0, 50);

for(int i=0; i<10; i++)

QPainterPath path;

path.setFillRule(Qt::WindingFill);

path.addRect(10-i, 10-i, this->width()-(10-i)\*2, this->height()-(10-i)\*2);

color.setAlpha(150 - qSqrt(i)\*50);

painter.setPen(color);

painter.drawPath(path);

记得加上这行代码： setAttribute(Qt::WA\_TranslucentBackground)。保证不被绘制上的部分透明，关于这行代码在一些Qt版本中会有副作用，比如：最小化后窗体子组件失去焦点等问题。具体可以看Qt的这个Bug（ [Widget with Qt::FramelessWindowHint and Qt::WA\_TranslucentBackground stops painting after minimize/restore][Widget with Qt_FramelessWindowHint and Qt_WA_TranslucentBackground stops painting after minimize_restore]）。

也许有人会遇到，因为我之前一直使用的是VS集成Qt5插件（非OpenGL版本），一直存在这个问题，寻找各方面资料无果（真的很久，搞不夸张的说大半年应该是有的）。最后改换OpenGL版本的居然好了。。。问题的解决方式太过于诡异，真让人哭笑不得。在此记过，希望对后来人有帮助。

[![Qt之再谈阴影边框][Qt 2]][Qt_Qt 2]

为子部件添加阴影比较简单，使用如下方式：

QGraphicsDropShadowEffect \*shadow\_effect = new QGraphicsDropShadowEffect(this);

shadow\_effect->setOffset(-5, 5);

shadow\_effect->setColor(Qt::gray);

shadow\_effect->setBlurRadius(8);

network\_group\_box->setGraphicsEffect(shadow\_effect);

效果如下：

[![Qt之再谈阴影边框][Qt 3]][Qt_Qt 3]

更多参考：

*  [Qt之阴影边框][Qt 4].

**注：**

技术在于交流、沟通，转载请注明出处并保持作品的完整性。

作者： [╰☆奋斗ing❤孩子\`][ing]    原文： [http://blog.sina.com.cn/s/blog\_a6fb6cc90101eoop.html][http_blog.sina.com.cn_s_blog_a6fb6cc90101eoop.html]。

[sg_trans.gif]: /images/20220805/d997c7bab3904725b6d0594ef10c3715.png
[Qt]: http://s10.sinaimg.cn/mw690/a6fb6cc9gx6BkqMlLfz19&690
[Qt_Qt]: /images/20220805/a994defedb364656b2f691fd2c15b55f.png
[Qt 1]: http://s4.sinaimg.cn/mw690/a6fb6cc9gx6BkqUNMZld3&690
[Qt_Qt 1]: /images/20220805/6086c61a13c749eb859e794dd0df41fd.png
[Widget with Qt_FramelessWindowHint and Qt_WA_TranslucentBackground stops painting after minimize_restore]: https://bugreports.qt-project.org/browse/QTBUG-17548
[Qt 2]: http://s10.sinaimg.cn/mw690/0033AMT7gy6EvgKKL4B09&690
[Qt_Qt 2]: /images/20220805/07ce07f67ef84ae7bcab67f50f1d2433.png
[Qt 3]: http://s12.sinaimg.cn/mw690/a6fb6cc9gx6CbxoHUZd7b&690
[Qt_Qt 3]: /images/20220805/01453ed20e9e4de8b174ce9e86512cd1.png
[Qt 4]: http://blog.sina.com.cn/s/blog_a6fb6cc90101eoc7.html
[ing]: http://blog.sina.com.cn/liang19890820
[http_blog.sina.com.cn_s_blog_a6fb6cc90101eoop.html]: http://blog.sina.com.cn/s/blog_a6fb6cc90101eoop.html