Qt小实练--实现圆角、阴影、无边框窗体,可拖拽缩放大小

用了好几天才实现标题所述功能,不练不知道,实练出真知。

先上图(由于无法动画,其实可拖拽缩放大小和移动)

Qt小实练--实现圆角、阴影、无边框窗体,可拖拽缩放大小_第1张图片

实现过程:

1.建立基于QDialog的窗体,窗体上放置QWidget,起名widgetBg,在构造函数中实现

Qt小实练--实现圆角、阴影、无边框窗体,可拖拽缩放大小_第2张图片

2.ui界面widgetBg的styleseete属性中设置

#widgetBg{background:url(:/bg.jpg);border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

Qt小实练--实现圆角、阴影、无边框窗体,可拖拽缩放大小_第3张图片

注意:此处一定要加#widgetBg{...}与QWidget名称一致,否则在其上的控件都会继承该控件属性,如下图:

Qt小实练--实现圆角、阴影、无边框窗体,可拖拽缩放大小_第4张图片

 其他的实现细节就参考一下网友的博文吧,感谢他们的智慧结晶

1.Qt5 圆角加阴影窗口简单实现

https://blog.csdn.net/daydream13580130043/article/details/79463174

2.[QT] 无边框窗体改变大小 完美实现

http://www.cnblogs.com/xufeiyang/p/3313104.html

 

最后,将我的实练工程文件与大家共享

https://download.csdn.net/download/gui818/10614847

你可能感兴趣的:(Qt小实练--实现圆角、阴影、无边框窗体,可拖拽缩放大小)