Qt学习笔记——不规则窗口（自定义形状窗口

通过设置窗口的mask属性，使用的图片背景的透明区域会作为窗口的透明区域，且透明区域不影响对窗口后的物体的操作

 

mask通过QPixmap图片对象来获取

pixmap.mask(); 返回一个QBitmap对象

 

窗口->setMask(QBitmap bitmap);

设置窗口的透明区域（会显示图片的白色剪影，透明部分不显示）

再通过painter对象绘制图片，完成

 

达成效果的两部分

1.设置窗口的mask

2.使用paintEvent事件设置窗口重绘，把图片绘制进窗口

 

注：设置为不规则窗体后，默认不显示标题栏与三个默认按钮（最小化，最大化，关闭）

如想移动窗口，可通过设置鼠标的点击与移动事件才达到效果

 

例子效果图：可以点击到透明部分后的文件                图片没有细抠，凑合着吧

Hint：

去除毛边需让背景透明，此处gif的代码没有加上这句代码 

setAttribute(Qt::WA_TranslucentBackground);  

代码：

#include <QWidget>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = 0);
    ~Widget();

protected:
    void mousePressEvent(QMouseEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void paintEvent(QPaintEvent *event);

private:
    QPoint dragPosition;
};

#include "widget.h"
#include <QPixmap>
#include <QBitmap>
#include <QPainter>
#include <QMouseEvent>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    QPixmap pixmap;
    pixmap.load(":/1/G:/png/1.png");

    //背景透明，没设置这个的话会有毛边，如上面gif图
    setAttribute(Qt::WA_TranslucentBackground);        
    
    resize(pixmap.size());
    setMask(pixmap.mask());
}

Widget::~Widget()
{

}

void Widget::mousePressEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton){
        dragPosition = event->globalPos() - frameGeometry().topLeft();
    }else if(event->button() == Qt::RightButton){
        close();
    }
}

void Widget::mouseMoveEvent(QMouseEvent *event)
{
    if(event->buttons() & Qt::LeftButton){
        move(event->globalPos() - dragPosition);
    }
}

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter p(this);
    p.drawPixmap(0,0,QPixmap(":/1/G:/png/1.png"));
}