Qt-Qt在WIN10上实现特效(着色、模糊、投影、透明)

相关资料：

https://blog.51cto.com/11496263/1866763      4种效果英文说明

https://download.csdn.net/download/zhujianqiangqq/13092433 代码包下载

 

.pro

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

FORMS += \
    mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES +=

main.cpp

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

 mainWindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

#include <QHBoxLayout>
#include <QPushButton>
#include <QPainter>
#include <QStyle>
#include <QStyleOption>
#include <QGraphicsOpacityEffect>
#include <QDebug>
#include <QTimer>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class myWidget: public QWidget
{
    Q_OBJECT
public:
    myWidget(QWidget* parent = nullptr);
    ~myWidget();

    void setGraphicsColorizeEffect();
    void setGraphicsBlurEffect();
    void setGraphicsDropShadowEffect();
    void setGraphicsOpacityEffect();
protected:
    virtual void paintEvent(QPaintEvent* pEvent) override;
private:
    QHBoxLayout *m_pHl;
    QPushButton *m_pPb;
};

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
protected:
    virtual void paintEvent(QPaintEvent* pEvent) override;
private slots:
    void on_pushButton_clicked();
    void on_pushButton_2_clicked();
    void on_pushButton_3_clicked();
    void on_pushButton_4_clicked();
private:
    Ui::MainWindow *ui;
    myWidget *m_pWidget;
};
#endif // MAINWINDOW_H

mainWindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    m_pWidget = new myWidget(this);
    m_pWidget->setGeometry(100, 30, 300, 200);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::paintEvent(QPaintEvent *pEvent)
{
    // 界面背景图片片
    QPainter painter(this);
    painter.drawPixmap(0, 0, this->width(), this->height(), QPixmap("D:/Image/12954363.jpg"));
}


myWidget::myWidget(QWidget *parent)
  : QWidget(parent)
{
    m_pHl = new QHBoxLayout(this);
    this->setLayout(m_pHl);

    m_pPb = new QPushButton(this);
    m_pPb->setText("132");

    m_pHl->addWidget(m_pPb);
}

myWidget::~myWidget()
{

}

void myWidget::setGraphicsColorizeEffect()
{
    QGraphicsColorizeEffect *e1 = new QGraphicsColorizeEffect(this);
    e1->setColor(QColor(0,0,192));
    this->setGraphicsEffect(e1);
}

void myWidget::setGraphicsBlurEffect()
{
    QGraphicsBlurEffect *e0 = new QGraphicsBlurEffect(this);
    e0->setBlurRadius(10);
    this->setGraphicsEffect(e0);
}

void myWidget::setGraphicsDropShadowEffect()
{
    QGraphicsDropShadowEffect *e2 = new QGraphicsDropShadowEffect(this);
    e2->setOffset(8,8);
    this->setGraphicsEffect(e2);
}

void myWidget::setGraphicsOpacityEffect()
{
    QGraphicsOpacityEffect *e4 = new QGraphicsOpacityEffect(this);
    e4->setOpacity(0.4);
    this->setGraphicsEffect(e4);
}

void myWidget::paintEvent(QPaintEvent *pEvent)
{
    // 界面背景图片片
    QPainter painter(this);
    painter.drawPixmap(0, 0, this->width(), this->height(), QPixmap("D:/Image/1.jpg"));
}

void MainWindow::on_pushButton_clicked()
{
    m_pWidget->setGraphicsColorizeEffect();
}

void MainWindow::on_pushButton_2_clicked()
{
    m_pWidget->setGraphicsBlurEffect();
}

void MainWindow::on_pushButton_3_clicked()
{
    m_pWidget->setGraphicsDropShadowEffect();
}

void MainWindow::on_pushButton_4_clicked()
{
    m_pWidget->setGraphicsOpacityEffect();
}

 mainWindow.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>557</width>
    <height>309</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <widget class="QPushButton" name="pushButton">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>10</y>
      <width>80</width>
      <height>20</height>
     </rect>
    </property>
    <property name="text">
     <string>着色</string>
    </property>
   </widget>
   <widget class="QPushButton" name="pushButton_2">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>50</y>
      <width>80</width>
      <height>20</height>
     </rect>
    </property>
    <property name="text">
     <string>模糊</string>
    </property>
   </widget>
   <widget class="QPushButton" name="pushButton_3">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>90</y>
      <width>80</width>
      <height>20</height>
     </rect>
    </property>
    <property name="text">
     <string>投影</string>
    </property>
   </widget>
   <widget class="QPushButton" name="pushButton_4">
    <property name="geometry">
     <rect>
      <x>20</x>
      <y>130</y>
      <width>80</width>
      <height>20</height>
     </rect>
    </property>
    <property name="text">
     <string>透明</string>
    </property>
   </widget>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>557</width>
     <height>22</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>