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"));
}

猜你喜欢

转载自blog.csdn.net/qq_15710245/article/details/83697151