Qt 圆角窗口的实现、想让哪个角圆就让哪个角圆

偏执的太偏执、 2023-05-30 09:10 43阅读 0赞

今天一个同事为一个窗口视觉的圆角愁了一天。。  
视觉要求窗口只有上半部分是圆角，下半部分是直角，还需要半透明。那单靠我们的QPainter类的drawRoundedRect方法就不能实现了，因为这个画出来的圆角是4个。

想必肯定有刚接触Qt的同学们都多少有点纠结，那今天咱就写一篇关于窗口中4个角怎么任意实现各个圆角的实现方案吧。

完整工程代码路径如下（vs2015+Qt5.9.6）：  
[完整工程路径][Link 1]

--------------------

先上图吧：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3kzOTYzOTc3MzU_size_16_color_FFFFFF_t_70]

paintEvent函数是这样的：

void MyWindow::paintEvent(QPaintEvent * event)
    {
        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing); // 抗锯齿
    
        painter.setClipping(true);
        QPainterPath canDrawingPathArea; // 能画上的区域
        canDrawingPathArea.addRoundedRect(rect(), 50, 50);
        canDrawingPathArea.setFillRule(Qt::WindingFill); // 多块区域组合填充模式
    
        switch (m_type)
        {
        case LeftTop:// 左上角圆角
        {
            canDrawingPathArea.addRect(0, height() - 50, 50, 50); // 填充左下角
            canDrawingPathArea.addRect(width() - 50, 0, 50, 50); // 填充右上角
            canDrawingPathArea.addRect(width() - 50, height() - 50, 50, 50);// 填充右下角
            break;
        }
        case RightTop: // 右上角圆角
        {
            canDrawingPathArea.addRect(0, height() - 50, 50, 50); // 填充左下角
            canDrawingPathArea.addRect(0, 0, 50, 50); // 填充左上角
            canDrawingPathArea.addRect(width() - 50, height() - 50, 50, 50);// 填充右下角
            break;
        }
        case LeftBottom:// 左下角圆角
        {
            canDrawingPathArea.addRect(width() - 50, 0, 50, 50); // 填充右上角
            canDrawingPathArea.addRect(width() - 50, height() - 50, 50, 50);// 填充右下角
            canDrawingPathArea.addRect(0, 0, 50, 50); // 填充左上角
            break;
        }
        case RightBottom: // 右下角圆角
        {
            canDrawingPathArea.addRect(0, height() - 50, 50, 50); // 填充左下角
            canDrawingPathArea.addRect(width() - 50, 0, 50, 50); // 填充右上角
            canDrawingPathArea.addRect(0, 0, 50, 50); // 填充左上角
            break;
        }
        case Top:         // 上两个圆角
        {
            canDrawingPathArea.addRect(0, height() - 50, 50, 50); // 填充左下角
            canDrawingPathArea.addRect(width() - 50, height() - 50, 50, 50);// 填充右下角
            break;
        }
        case Bottom:     // 下两个圆角
        {
            canDrawingPathArea.addRect(width() - 50, 0, 50, 50); // 填充右上角
            canDrawingPathArea.addRect(0, 0, 50, 50); // 填充左上角
            break;
        }
        case Left:  // 左两个圆角
        {
            canDrawingPathArea.addRect(width() - 50, 0, 50, 50); // 填充右上角
            canDrawingPathArea.addRect(width() - 50, height() - 50, 50, 50);// 填充右下角
            break;
        }
        case Right:      // 右两个圆角
        {
            canDrawingPathArea.addRect(0, height() - 50, 50, 50); // 填充左下角
            canDrawingPathArea.addRect(0, 0, 50, 50); // 填充左上角
            break;
        }
        case All:          // 四个角圆角
        {
            break;
        }
        default:
            break;
        }
        painter.setClipPath(canDrawingPathArea);
    
        QColor color(Qt::darkRed);
        color.setAlpha(200);
        painter.setPen(Qt::NoPen);
        painter.setBrush(color);
        painter.drawRect(rect());
    }

[Link 1]: https://github.com/lesliefish/Qt/tree/master/Project/DrawCircleAngleWindow
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3kzOTYzOTc3MzU_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2019110821384446.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3kzOTYzOTc3MzU=,size_16,color_FFFFFF,t_70