Qt学习15——不规则窗体

Qt中不规则窗体的实现，是在原来窗口图形的基础上，增加图形遮罩，剩余部分为最终显示的窗口图形。

由于窗体需要重绘，窗体内鼠标时间和窗口移动需要手动设置。因此不规则窗体的实现分3个部分，利用图片和遮罩，绘制窗体外观，然后设置窗体内的鼠标点击时间和鼠标移动事件。

1、窗体重绘

首先要设置一个图形遮罩，在父类ShapeWidget中实现：

ShapeWidget::ShapeWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ShapeWidget)
{
    ui->setupUi(this);
    QPixmap pix;
    pix.load(":/resource/mask3.png",0,Qt::AvoidDither|Qt::ThresholdDither|Qt::ThresholdAlphaDither);
    //调用QPixmap的load函数为QPixmap对象填入图像值
    resize(pix.size());//重设主窗体尺寸为所读取图片大小，若不设置则为原窗体大小
    setMask(QBitmap(pix.mask()));//设置遮罩，被遮罩遮住的部分看起来就是透明的。
}

这里加载了图片mask.png，设置窗体尺寸以适应图片，并对图片以外的透明部分设置遮罩。遮罩的实现是通过判断图片某一个位置的像素点是否有数值，保留有数值的部分。注意，这时候的遮罩是白色的，即没有显示图片，只有图片的外形。这是原图：

这是遮罩：

因此还需要将图片绘制到白色窗体区域中。

void ShapeWidget::paintEvent(QPaintEvent *event){
    QPainter painter(this);
    painter.drawPixmap(0,0,QPixmap(":/resource/mask3.png"));
}//重绘函数，将窗体绘制为图片

2、鼠标事件

要实现鼠标在窗体内的拖动和点击操作，还需要重写鼠标事件，实现左键拖动窗体移动，右键关闭窗体。（为区分图片和窗体，在窗体中加入了两个按钮）

void ShapeWidget::mousePressEvent(QMouseEvent *event){
    if(event->button()==Qt::LeftButton){
        dragPosition = event->globalPos()-frameGeometry().topLeft();
        //保存当前鼠标相对于左上角的偏移值
        event->accept();
    }
    if(event->button()==Qt::RightButton){
        close();
    }
}//鼠标事件响应

void ShapeWidget::mouseMoveEvent(QMouseEvent *event){
    if(event->buttons()&Qt::LeftButton){//返回鼠标状态
        move(event->globalPos()-dragPosition);
        //将窗体移动至鼠标当前位置，而move中的参数指的是相对于窗体左上角的位置，
        //因此需要用当前位置减去相对位置得到移动的值
        event->accept();
    }
}

至此，已经完成不规则窗体的设置。演示如图：

示例下载：点此下载
Qt版本：Qt 5.8.0(MSVC 2015,32bit)+Qt Creator 4.2.1