Qt实现顶层窗口特效--阴影和圆角

现在的应用软件很多都是窗口一圈带有阴影,可能还会有圆角。对于子部件来说,实现阴影就用QGraphicsDropShadowEffect就好了,而实现圆角用QSS就好了。但对于顶层窗口就不行了。
首先我们要了解一下为什么对于顶层窗口就不行了呢?
对于一个窗口来说,无论它看起来是什么样子的,它其实都是一个矩形,只不过有些地方看不到而已。对于子部件来说,它有父窗口给它托着,它看起来是不规则的(比如圆角)。但对于顶层窗口来说,它并没有父窗口给它托着,它自身有一层不透明的背景,所以就算实现圆角,它的背景还是一个矩形,会有很难看的底色。就算你给它设定为透明的,那么它也不能用QSS直接进行装饰,因为透明窗口只能用painter自己绘制。
但是透明窗口里的子部件是可以直接用QSS装饰的!
子部件有自己的绘制事件,自然是能显示出来了。所以这就给了我们一个实现顶层窗口特效的思路,那就是用一个透明的父窗口将它托住,这样就能像其它子部件一样想干嘛就干嘛。
需要注意的细节:
边缘一定要预留空的地方,因为阴影特效是绘制在父窗口里面的。。这也就是为什么直接给顶层窗口绘制阴影特效并没卵用的原因了。窗口缩放的边缘检测距离要设置的合理。

因为很简单,所以就把构造函数贴出来了:

edgeMargin = 4;        //设置检测边缘为4
    resizeDir = nodir;   //初始化检测方向为无
    setWindowFlags(Qt::FramelessWindowHint);  //设置无边框
    setAttribute(Qt::WA_TranslucentBackground);
    setMouseTracking(true); //开启鼠标追踪
    closeAnimationState = notplay;
    QGridLayout* marginLayout = new QGridLayout(this);
    mainWidget = new QFrame(this);
    mainWidget->setObjectName("mainWidget");
    mainWidget->setMouseTracking(true);
    QGraphicsDropShadowEffect* effect = new QGraphicsDropShadowEffect;
    effect->setBlurRadius(10);
    effect->setColor(Qt::black);
    effect->setOffset(0,0);
    mainWidget->setGraphicsEffect(effect);

    marginLayout->addWidget(mainWidget);
    marginLayout->setMargin(0);
    setLayout(marginLayout);
    setContentsMargins(10,10,10,10);

    layout = new QGridLayout(mainWidget);
    layout->setRowStretch(0,0);
    layout->setRowStretch(1,1);
    layout->setMargin(10);
    mainWidget->setLayout(layout);
    titleBar = NULL;
    centralWidget =NULL;

实际上测试下来的情况是这样的:
阴影是很完美的实现,至于圆角窗口,如果你的背景不是图片的话也是很完美,但是如果你的背景是图片的话,边缘会有锯齿,如果圆角小一点的话基本看不出来(也就是说,如果你只是想让你的窗口看起来不那么方这个还可以容忍),但是如果你要那种10px的圆角,恐怕你就需要对你的图片先进行处理了,就是自己做一个mask然后让程序自动处理。目前我没试。。

你可能感兴趣的:(Qt)