雕栏玉砌：Qt 自定义窗口之美——标题、圆角、阴影三艺精解
- 一、 去芜存菁：自定义标题栏之架构
- 二、 化方为圆：圆角效果之渲染
- 三、 浮光掠影：阴影效果之营造
- 1. 使用样式表（QSS）边框阴影：
- 2. 使用`QGraphicsDropShadowEffect`：
- 3. 终极融合方案：透明窗口与内容绘制
- 四、 三艺合璧：完整实现之要诀
- 结语
夫界面之雅，首重窗棂。原生之框，虽固而拙；自定义之形，方显匠心。今以 Qt 为斧凿，雕琢一窗，集自定义标题、温润圆角、灵动阴影于一体，使程序之颜，焕若琼琚。此文将徐徐道来，兼论技法与美学，佐以图表案例，助君掌此三艺。
一、 去芜存菁：自定义标题栏之架构
原生窗口标题，乃系统所赐，风格僵直，难以融入应用独特之风骨。自定义之道，在于“破”与“立”。
破，即隐去系统标准标题栏。此乃一切之始，代码精要如下：
// 于窗口构造函数中，设置窗口标志setWindowFlags(Qt::FramelessWindowHint);此一行之力，宛如卸去官服，窗体顿成素帛，任我挥毫【1†source】。
立，即重建标题栏之肌理。此需在窗体顶端，以一QWidget为基，内嵌标题文字、图标，及最小化、最大化/还原、关闭三钮。布局宜用QHBoxLayout，使元素横陈有序。
交互之魂，在于重写鼠标事件。于标题栏区域，需捕获mousePressEvent、mouseMoveEvent、mouseReleaseEvent，计算鼠标位移，进而调用windowHandle()->startSystemMove()（Qt 5.15+）或自行计算调用move()函数，以驱动窗口翩然随行。关闭、最大化等逻辑，亦需自行绑定信号槽。
案例点睛：诸多现代应用，如音乐播放器、设计工具，其标题栏常与主题色融，或置搜索、菜单于其内，浑然一体，此皆自定义之功。
二、 化方为圆：圆角效果之渲染
棱角分明，是为刚健；弧线温润，乃生亲和。圆角之效，可施于窗口整体，亦可饰于内部组件，今以窗口为例。
其法有二，各擅胜场：
| 方法 | 原理 | 优点 | 注意 |
|---|---|---|---|
| 样式表（QSS） | 为窗口设置border-radius属性。 | 简单快捷，可与样式统一管理。 | 需同时设置背景色，且在某些系统上，纯QSS可能无法完美覆盖窗口角落。 |
| 绘图事件（Paint Event） | 重写paintEvent，以QPainter绘制圆角路径并设为区域。 | 控制精准，效果稳定，可与阴影结合。 | 需手动处理绘图逻辑，稍显繁琐。 |
推荐以绘图事件为主，辅以样式表，以求至臻。核心代码片段示下：
voidCustomWindow::paintEvent(QPaintEvent*event){QPainterpainter(this);painter.setRenderHint(QPainter::Antialiasing);// 抗锯齿，使边缘平滑QPainterPath path;intradius=10;// 圆角半径path.addRoundedRect(rect(),radius,radius);// 设置裁剪区域，使窗口内容限于圆角之内QRegionregion(path.toFillPolygon().toPolygon());setMask(region);// 填充背景（此处可绘制渐变、颜色等）painter.fillPath(path,QBrush(Qt::white));}如此，窗体四隅，皆成弧影，观之可亲。
三、 浮光掠影：阴影效果之营造
阴影者，界面之深度与层次也。一窗浮于屏上，若有轻影投下，则立体感顿生，跃然屏外。Qt中实现窗口阴影，亦有妙法。
1. 使用样式表（QSS）边框阴影：
此法为控件添加投影，但对于顶层窗口，直接应用可能受限。
/* 此方法更适用于内部控件 */#customWidget{border-radius:10px;box-shadow:5px 5px 15pxrgba(0,0,0,0.2);}2. 使用QGraphicsDropShadowEffect：
此为Qt提供之现成特效，附着于窗口，效果显著。
auto*shadowEffect=newQGraphicsDropShadowEffect(this);shadowEffect->setBlurRadius(20);// 阴影模糊半径shadowEffect->setColor(QColor(0,0,0,100));// 阴影颜色与透明度shadowEffect->setOffset(0,3);// 阴影偏移量 (x, y)this->setGraphicsEffect(shadowEffect);然需注意，若窗口已使用setMask设置圆角区域，阴影或被切割。此时，需将窗口背景设为透明，并将阴影效果加于一个稍大的底层容器上，或采用九图拉伸等更高级技巧。
3. 终极融合方案：透明窗口与内容绘制
最稳健之法，乃创建一完全透明背景之窗口（Qt::FramelessWindowHint | Qt::WindowTransparentForInput需谨慎），而后于一稍大之子控件中，先绘阴影，再于中央绘出圆角内容区域。此方案控制力最强，然实现略复杂。
四、 三艺合璧：完整实现之要诀
当自定义标题、圆角、阴影三者共舞，须注意其执行次序与相互制约。
- 次序：先设
FramelessWindowHint，再设窗口属性（如透明），最后应用效果与样式。 - 制约：
setMask（用于圆角）会严格裁剪窗口像素，若先设阴影后设Mask，阴影将失。故常需采用“透明窗口+内部绘制”方案，避开此冲突。 - 性能：抗锯齿（Antialiasing）与高模糊半径之阴影，皆耗GPU资源。于动态窗口或低端设备，当酌情调整
radius与blurRadius值，以求流畅与美观之平衡。
结语
嗟乎！一窗虽小，尽显功夫。自定义标题栏，赋应用以独特之标识与交互；圆角处理，化生硬为柔和，近人而悦目；阴影点缀，则赋予界面以空间与活力，仿若纸笺轻置案上。三者相辅相成，由技入艺，乃成 Qt 界面美化之基石。
望君循此道，不止步于模仿，更勇于创新。或可尝试动态阴影（随鼠标靠近而加深）、异形圆角（仅左上右下为圆），乃至将标题栏与毛玻璃效果（Acrylic/Mica）结合，创造出更具时代感与品牌特色的桌面应用，使数字世界，处处可见匠心独运之美。
注：文中代码为示意片段，完整实现需考虑窗口缩放、DPI自适应、跨平台差异等诸多细节。实践出真知，望读者亲自动手，调试完善，方得始终。
