Qt圆角窗口的两种实现方案详解_C/C++

前言：圆角之美

✨ 圆角窗口，乃现代ui设计之精髓，去棱角之锋芒，添界面之柔和。qt框架虽未原生提供圆角窗口，然开发者可自辟蹊径，实现此般效果。本文将详述两种主流方案，并辅以代码示例与应用案例，助君掌握此技。

方案一：重写paintevent之法

原理剖析

🖌️ 重写paintevent，乃qt绘图之根本。通过覆写此虚函数，可完全掌控窗口绘制过程，实现任意形状之窗口。

代码实现

void roundedwidget::paintevent(qpaintevent* event)
{
    qpainter painter(this);
    painter.setrenderhint(qpainter::antialiasing);  // 抗锯齿
    painter.setbrush(qt::white);                   // 背景色
    
    // 绘制圆角矩形
    painter.drawroundedrect(rect(), 15, 15);       // 15为圆角半径
    
    // 继续绘制其他内容...
}

优劣分析

✅ 优势：

完全控制绘制过程
可动态调整圆角大小
适用于复杂自定义ui

❌ 劣势：

需手动处理所有绘制逻辑
性能略低于纯样式表方案

应用案例

📱 音乐播放器界面：需动态改变圆角大小以配合动画效果时，此方案尤为适用。

方案二：qss和qstyleoption

原理剖析

🎨 qss(qt style sheets) ，乃qt之样式表系统，类似css。结合qstyleoption，可实现高效圆角效果。

代码实现

// 设置窗口样式
setstylesheet("qwidget {"
              "background-color: white;"
              "border-radius: 15px;"
              "}");

// 必须设置的窗口标志
setattribute(qt::wa_translucentbackground);
setwindowflags(qt::framelesswindowhint);

关键点说明

🔑 注意事项：

必须设置wa_translucentbackground属性
需移除窗口边框(framelesswindowhint)
样式表可外部文件化，便于维护

性能对比表

特性	方案一	方案二
实现复杂度	高	低
运行性能	中	高
可维护性	低	高
动态调整能力	强	弱

应用案例

💻 设置对话框：静态圆角窗口，样式统一且无需频繁更新时，此方案最佳。

进阶技巧

阴影效果

🌑 添加阴影可增强圆角窗口的立体感：

// 方案二的增强版
setstylesheet("qwidget {"
              "background-color: white;"
              "border-radius: 15px;"
              "border: 1px solid #ccc;"
              "}");
qgraphicsdropshadoweffect* shadow = new qgraphicsdropshadoweffect;
shadow->setblurradius(10);
shadow->setoffset(3, 3);
setgraphicseffect(shadow);

性能优化

⚡ 减少重绘区域：

// 在方案一中优化
void roundedwidget::paintevent(qpaintevent* event)
{
    if(!event->region().intersected(roundedarea).isempty()) {
        // 仅绘制需要更新的圆角部分
    }
}