CQGUI框架之陰影圓角視窗實現
阿新 • • 發佈:2021-03-28
# CQGUI框架之陰影圓角視窗實現
大家好,我是IT文藝男,來自一線大廠的一執行緒序員
今天給大家講解基於C++/Qt的CQGUI框架的陰影圓角視窗實現,實現效果如下圖所示::
![](https://img2020.cnblogs.com/blog/371367/202103/371367-20210328002803558-437773090.png)
## CQGUI開發環境::
- Microsoft Visual Studio 2019
- Qt5.15.1
## 步驟如下::
### 一、繼承關係
```CPP
class LoginPanel : public QDialog
```
### 二、視窗屬性
```CPP
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.
### 三、設定陰影效果
```CPP
auto *defaultShadow = new QGraphicsDropShadowEffect();
defaultShadow->setBlurRadius(10.0);
defaultShadow->setColor(QColor(0, 0, 0, 160));
defaultShadow->setOffset(0, 0);
_loginMainFrm->setGraphicsEffect(defaultShadow);
```
### 四、設定樣式
```CSS
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;
}
```
### 五、事件響應
```CPP
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;
```
今天就講解到這裡,按步驟進行梳理,過程很清晰; 更詳細的程式碼分析與講解,請關注微信公眾號(itwenyinan),觀看對應的的視訊版講解