用Qt实现圆角窗口

我们可以看到Qt Assistant介绍了两种setMask方法，这里我们采用第一种方法。也就是用QBitmap类实例来实现的方面。第二种方法需要自己绘制区域来实现。两种方法都比较灵活。

在dialog.cpp的构造函数中添加如下代码：

    setWindowFlags(Qt::FramelessWindowHint);

 

    //设置关于窗体为圆角

    QBitmap bmp(this->size());

    bmp.fill();

    QPainter p(&bmp);

    p.setPen(Qt::NoPen);

    p.setBrush(Qt::black);

    p.drawRoundedRect(bmp.rect(),20,20);

    setMask(bmp);

 

注意setWindowFlags(Qt::FramelessWindowHint);是为了将窗体设置为无边框窗体。你没有见过一个带有标准标题栏的不规则窗体吧！

然后构造一个QBitmap类对象，再用QPainter类对象在bmp上绘制一个半径为20像素的圆角矩形。

最后调用setMask函数。

对了，不要忘了#include <QBitmap>和#include <QPainter>

好了我们来运行程序看看情况。

下面我来试试看用一张圆角的图片来实现一个圆角矩形窗口。先准备一张图片：

 

然后将刚才的代码注释掉，再添加如下代码：

QBitmap bixmap(":/pic/C:/Users/Administrator/Pictures/mask.jpg");

setMask(bixmap);

注意，setWindowFlags(Qt::FramelessWindowHint);还是必须得有的。

运行看看结果。

圆角矩形窗口出现了，但是因为图片存在alpha通道信息，所以有半透明的效果。

还需要注意的是，图片的路径的引用方式，需要预先将图片已资源的形式添加到项目中。

//设置关于窗体为圆角
this->setAttribute(Qt::WA_TranslucentBackground);//设置窗口背景透明
this->setWindowFlags(Qt::FramelessWindowHint); //设置无边框窗口

//QBitmap bmp(this->size());
//bmp.fill();
//QPainter p(&bmp);
//p.setRenderHint(QPainter::Antialiasing); // 反锯齿;
//p.setPen(Qt::transparent);
p.setPen(Qt::NoPen);
//p.setBrush(Qt::black);
//p.drawRoundedRect(bmp.rect(), 20, 20);
//setMask(bmp);

QPixmap pixmap("./images/widget/msg.png");
setMask(pixmap.mask());
QPalette palette;
palette.setBrush(QPalette::Background, QBrush(pixmap));
setPalette(palette);
resize(pixmap.size());
setMask(pixmap.mask());