QT 透明/半透明+不规则窗体实现

Palette/Mask方式

直接引用高手的帖子：

Qt中不规则窗体和部件的实现，不管是窗体还是部件，都是从QWidget派生而来的，所以它们的原理是一样的，都是设置部件的背景色或者按钮图标等为一个图像A，然后设置此部件的掩码为另一个图像B，这个图像B经过位与运算后，得到不规则的图像，这就行了下面，是一个简单的示例：
form.h:

引用

#ifndef  FORM_H
#define  FORM_H

#include

class Form : public QWidget
{
    Q_OBJECT
public:
    Form();
    ~Form();
};

#endif

form.cpp:

引用

#include
#include
#include "toolbutton.h"
#include "form.h"

Form::Form()
{
    QPalette p = palette();
    QPixmap img("a.png");
    QBitmap mask("mask.png");
    p.setBrush(QPalette::Window, QBrush(img));
    setPalette(p);
    setMask(mask);
    setWindowFlags(Qt::FramelessWindowHint);
    resize(600, 400);
    
    ToolButton *button = new ToolButton(this);
    button->move(200, 200);
}

Form::~Form()
{
}

toolbutton.h:

引用

#ifndef  TOOLBUTTON_H
#define  TOOLBUTTON_H

#include

class ToolButton : public QToolButton
{
    Q_OBJECT
public:
    ToolButton(QWidget *parent=0);
    ~ToolButton();
};

#endif

toolbutton.cpp:

引用

#include
#include
#include "toolbutton.h"

ToolButton::ToolButton(QWidget *parent)
    : QToolButton(parent)
{
    /*
    // 如果是非按钮类部件，则使用此段代码
    QPalette p = palette();
    p.setBrush(QPalette::Button, QBrush(QPixmap("toolbutton.png")));
    setPalette(p);
    /*/
    // 如果是按钮类部件，则使用此段代码
    setIcon(QIcon("toolbutton.png"));
    setIconSize(QSize(48, 48));
    //*********************************/
    setMask(QBitmap("toolbutton_mask.png"));
    setFixedSize(48, 48);
}

ToolButton::~ToolButton()
{
}

main.cpp:

引用

#include
#include "form.h"

int main(int argc, char **argv)
{
    QApplication app(argc, argv);
    Form form;
    form.show();
    return app.exec();
}

QML方式[绝对可行]

这个就比较复杂了，涉及到Qt Quick以及QML的语法

写个例程吧，有兴趣的百度

.pro

QT  += core gui declarative

.h

#include <QtDeclarative>

.cpp

QDeclarativeView *view= new QDeclarativeView;
view->setSource(QUrl("qrc:/resources/qml/main.qml"));   //注意自定义qml文件位置

//这两行请务必同时使用
view->setAttribute(Qt::WA_TranslucentBackground, true);
view->setStyleSheet("background:transparent;");

view->show();

.qml文件

import QtQuick 1.0
Rectangle
{
    width: 350; height: 350
    color: "transparent" //继续透明吧
    Image
    {
z:0                  //z可以理解为层数
anchors.fill:parent  //填满
source: "qrc:/resources/images/mainWindow.png"
     }


    Image
    {
 //坐标
x:50
y:44
z:1
source: "qrc:/resources/images/button.png"
MouseArea
{
anchors.fill:parent
                onClicked:
                 {
                      //do something
                 }
           }
         }

}

QStyle方式[这个方法基本没用，没法取消子控件的继承,希望css高手提点]

在构造函数中加入如下代码

setWindowFlags(Qt::FramelessWindowHint);///去掉标题栏

//=========================半透明窗体==========================================
///移除所有能移除的,包括状态栏,标题栏,工具栏什么的

setAttribute(Qt::WA_TranslucentBackground, true);
this->setStyleSheet("border-image:url(background.png) 10 10 10 10 stretch stretch;"); ///使用border-image可以实现背景的拉伸
this->setStyleSheet("background-image:url(background.png);"); ///使用标准的 background-image ,适用于固定窗体,PNG图片要与窗口尺寸相等

需要注意的是,窗体的子控件会继承主窗体的QStyle,因此要删除多余不用的控件.若窗体上有其他必要的控件，比如按钮等，需要进行新的QStyle设置