服务器之家

服务器之家 > 正文

Qt中CQGUI框架之阴影圆角窗口实现

时间:2021-10-28 14:46     来源/作者:IT文艺男

大家好,我是IT文艺男,来自一线大厂的一线程序员

今天给大家讲解基于C++/Qt的CQGUI框架的阴影圆角窗口实现,实现效果如下图所示::

Qt中CQGUI框架之阴影圆角窗口实现

CQGUI开发环境::

  • Microsoft Visual Studio 2019
  • Qt5.15.1

步骤如下:

一、继承关系

?
1
class LoginPanel : public QDialog

二、窗口属性

?
1
2
3
setAttribute(Qt::WA_TranslucentBackground); //设置顶层面板背景透明
setWindowFlags(Qt::FramelessWindowHint); //设置无边框
setContentsMargins(10, 10, 10, 10);

Qt::WA_TranslucentBackground Indicates that the widget should have a translucent background, i.e., any non-opaque regions of the widgets will be translucent because the widget will have an alpha channel. Setting this flag causes WA_NoSystemBackground to be set. On Windows the widget also needs the Qt::FramelessWindowHint window flag to be set. This flag is set or cleared by the widget's author.

三、设置阴影效果

?
1
2
3
4
5
auto *defaultShadow = new QGraphicsDropShadowEffect();
defaultShadow->setBlurRadius(10.0);
defaultShadow->setColor(QColor(0, 0, 0, 160));
defaultShadow->setOffset(0, 0);
_loginMainFrm->setGraphicsEffect(defaultShadow);

四、设置样式

?
1
2
3
4
5
6
7
QFrame#loginMainFrm>QFrame#leftFrame{
 background:rgba(255,255,255,0.9);
 border-top-left-radius:6px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:6px;
}

五、事件响应

?
1
2
3
4
5
6
7
8
protected:
  void mousePressEvent(QMouseEvent *e) override ;
  void mouseReleaseEvent(QMouseEvent *e) override ;
  void mouseMoveEvent(QMouseEvent *e) override ;
  void closeEvent(QCloseEvent *e) override ;
  bool event(QEvent* e) override ;
protected:
  bool eventFilter(QObject* o, QEvent* e) override;

到此这篇关于Qt中CQGUI框架之阴影圆角窗口实现的文章就介绍到这了,更多相关CQGUI阴影圆角窗口内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://www.cnblogs.com/appsucc/p/14587599.html

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部