【实例】Qt创建不规则窗体

Qt创建不规则窗体

文档名称	Qt创建不规则窗体
创建时间	2012-9-10
修改时间	2012-9-10
创建人	Baifx
简介（收获）	利用setMask()为窗体设置遮罩，实现不规则窗体； 设置遮罩后的窗体尺寸仍是原窗体大小，只是被遮罩的地方不可见。

本实例实现了一个以PNG图形外沿为形状的不规则对话框。

       头文件源码如下：

class ShapeWidget : public QWidget

{

       Q_OBJECT

 

public:

       ShapeWidget(QWidget *parent = 0, Qt::WFlags flags = 0);

       ~ShapeWidget();

 

protected:

       void mousePressEvent( QMouseEvent * e );

       void mouseMoveEvent( QMouseEvent * e );

       void paintEvent( QPaintEvent * e );

      

private:

       QPoint dragPosition;

};

       ShapWidget即为不规则窗体类，继承自QWidget类。在类中重定义的鼠标事件mousePressEvent()、mouseMoveEvent()以及绘制函数paintEvent()，使不规则窗体能用鼠标随意拖动。

       ShapWidget的构造函数是实现不规则窗体的关键。具体代码如下：

ShapeWidget::ShapeWidget(QWidget *parent, Qt::WFlags flags)

       : QWidget(parent, flags)

{

       QPixmap pix;

       pix.load( ".//Resources//tux.png", 0, Qt::AvoidDither | Qt::ThresholdDither | Qt::ThresholdAlphaDither );

       resize( pix.size() );

       setMask( pix.mask() );

}

       QPixmap的load()函数为QPixmap对象填入图像值，load()函数原型如下：

bool load( const QString & filename, const char * format = 0, Qt::ImageConversionFlags flags = Qt::AutoColor );

       参数fileName为图片文件名；参数format表示读取图片文件采用的格式，此处为0即采用默认的格式；参数flags表示读取图片的方式，由Qt::ImageConversionFlag定义，此处设置的标识为避免图片的抖动方式。

       setMask()命令是实现不规则窗体的关键，setMask()的作用是为调用它的控件增加一个遮罩，遮住所选区域以外的部分使之看起来是透明的，它的参数可为一个QBitmap对象或一个QRegion对象，此处调用QPixmap的mask()函数获得图片自身的遮罩，为一个QBitmap对象。实例中使用的是png格式的图片，它的透明部分实际上即使一个遮罩。

       重定义鼠标按下响应事件和鼠标移动响应事件，使不规则窗体能响应鼠标事件，随意拖动。具体代码如下：

void ShapeWidget::mousePressEvent( QMouseEvent * e )

{

       if ( e->button() == Qt::LeftButton )

       {

              dragPosition = e->globalPos() - frameGeometry().topLeft();

              e->accept();

       }

 

       if ( e->button() == Qt::RightButton )

       {

              close();

       }

}

       鼠标按下首先判断按下的是否为鼠标左键，是则保存当前鼠标点所在位置相对于窗体左上角的偏移值dragPosition；否则关闭窗体。

       注意：此处的frameGemetry().topLeft()仍然表示整个窗体的左上角，而并不是所见的不规则窗体的左上角。

 

void ShapeWidget::mouseMoveEvent( QMouseEvent * e )

{

       if ( e->buttons() & Qt::LeftButton )

       {

              move( e->globalPos() - dragPosition );

              e->accept();

       }

}

       在鼠标移动响应函数中，首先判断当前鼠标状态，若为左侧按钮则调用QWidget的move()函数吧窗体移动至鼠标当前点，由于move()函数的参数指的是窗体的左上角的位置，因此要用鼠标当前点位置减去相对窗体左上角的偏移值dragPosition。

 

void ShapeWidget::paintEvent( QPaintEvent * e )

{

       QPainter painter( this );

       painter.drawPixmap( 0, 0, QPixmap( ".//Resource//tux.png" ) );

}

       ShapWidget的重画函数主要完成在窗体上绘制图片的工作，此处为方便显示在窗体上绘制的即是用来确定窗体外形的PNG图片。