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实现顶层窗口特效--阴影和圆角

Guess you like