QPainterPath 不规则提示框(二)

前一篇讲过不规则提示框，但是提示框的方向是固定的，不能达到随意变换方向的效果，本接讲述可以动态变换方向的提示框

先看效果图

图1

图2

图3

图4

如上图1所示，上一篇文章的代码可以达到类似效果

​本片文章我只介绍变动部分，尽可能的做到详细吧

​​我先说原理，整个窗口包含两个布局器，水平布局和垂直布局，还有2个空间填充器，最后一个当然是显示消息的窗口，显示消息的窗口可以定制

图5

​

整个窗口可以使用ui来做，也可以使用纯代码来控制，我使用了ui做布局部分，如图5，空间填充器是动态加入到布局中的​​，代码如下

​

 case TOPLEFT://箭头朝左上

 {

 ui->horizontalLayout->addSpacerItem(new QSpacerItem(size().width() / , 

 , QSizePolicy::Maximum, QSizePolicy::Minimum));

 ui->horizontalLayout->addWidget(_p->messageWidget);//消息显示窗口

 ui->horizontalLayout->setStretch(, );//设置空格和窗口长度比例

 ui->horizontalLayout->setStretch(, );

 ui->verticalLayout->insertSpacerItem(, new QSpacerItem(, size().height() / 

 , QSizePolicy::Minimum, QSizePolicy::Maximum));

 ui->verticalLayout->setStretch(, );

 ui->verticalLayout->setStretch(, );

 }

 break;

 case BOTTOMLEFT://箭头朝左下

 {

 ui->horizontalLayout->addSpacerItem(new QSpacerItem(size().width() / , 

 , QSizePolicy::Maximum, QSizePolicy::Minimum));

 ui->horizontalLayout->addWidget(_p->messageWidget);

 ui->horizontalLayout->setStretch(, );

 ui->horizontalLayout->setStretch(, );

 ui->verticalLayout->addSpacerItem(new QSpacerItem(, size().height() / 

 , QSizePolicy::Minimum, QSizePolicy::Maximum));

 ui->verticalLayout->setStretch(, );

 ui->verticalLayout->setStretch(, );

 }

 break;

 case BOTTOMRIGHT://箭头朝 右下

 {

 ui->horizontalLayout->addWidget(_p->messageWidget);

 ui->horizontalLayout->addSpacerItem(new QSpacerItem(, 

 , QSizePolicy::Expanding, QSizePolicy::Minimum));

 ui->horizontalLayout->setStretch(, );

 ui->horizontalLayout->setStretch(, );

 ui->verticalLayout->addSpacerItem(new QSpacerItem(, 

 , QSizePolicy::Minimum, QSizePolicy::Expanding));

 ui->verticalLayout->setStretch(, );

 ui->verticalLayout->setStretch(, );

 }

 break;

 case TOPRIGHT://箭头朝右上

 {

 ui->horizontalLayout->addWidget(_p->messageWidget); 

 ui->horizontalLayout->addSpacerItem(new QSpacerItem(, 

 , QSizePolicy::Expanding, QSizePolicy::Minimum));

 ui->horizontalLayout->setStretch(, );

 ui->horizontalLayout->setStretch(, );

 ui->verticalLayout->insertSpacerItem(, new QSpacerItem(, 

 , QSizePolicy::Minimum, QSizePolicy::Expanding));

 ui->verticalLayout->setStretch(, );

 ui->verticalLayout->setStretch(, );

 }

 break;

整个窗口背景色透明后需要自己绘制窗口颜色，长款北京形状创建代码如下

 QPainterPath rectPath, triPath;

 switch (posStyle)

 {

 case :

 {

  rectPath.addRoundRect(QRect(size.width() / 

  , size.height() / 

  , size.width() /  * 

  , size.height() / )

  , );

  triPath.moveTo(, );

  triPath.lineTo(size.width() / , size.height() / );

  triPath.lineTo(size.width() /  * , size.height() / );

  triPath.lineTo(, );

 }

 break;

 case :

 {

  rectPath.addRoundRect(QRect(

  , size.height() / 

  , size.width() /  * 

  , size.height() / )

  , );

  triPath.moveTo(size.width(), );

  triPath.lineTo(size.width() /  * , size.height() / );

  triPath.lineTo(size.width() /  * , size.height() / );

  triPath.lineTo(size.width(), );

 }

 break;

 case :

 {

  rectPath.addRoundRect(QRect(

  , 

  , size.width() /  * 

  , size.height() / )

  , );

  triPath.moveTo(size.width(), size.height());

  triPath.lineTo(size.width() /  * , size.height() / );

  triPath.lineTo(size.width() /  * , size.height() / );

  triPath.lineTo(size.width(), size.height());

 }

 break;

 case :

 {

  rectPath.addRoundRect(QRect(size.width() / 

  , 

  , size.width() /  * 

  , size.height() / )

  , );

  triPath.moveTo(, size.height());

  triPath.lineTo(size.width() / , size.height() / );

  triPath.lineTo(size.width() /  * , size.height() / );

  triPath.lineTo(, size.height());

 }

 break;

 }

 rectPath.addPath(triPath);    //添加子闭合路径

 return rectPath;

如此创建的提示窗口，在使用过程中需要用户根据箭头的指向 自己去移动窗口​，paintEvent函数没有变化

================================================​

前边介绍的这两种不规则图形的绘制都是直接绘制在窗口上的，接下来我再介绍一种绘制不规则图形的方式​，只做大概讲述，具体实现代码我就不做过多的讲解 了，这种方式的原理就是贴图，我们把想要绘制的不规则图形先绘制到图片上，然后对图片做各种处理，比如旋转、镜像、平移等操作，然后在把图片绘制到窗口 上，这样做的好处是，这个不规则的形状可以随意变化，而不需要更改很多的代码。下面我写一下这种方式的伪代码

void 窗口重回函数()

{

根据QImage构造QPainter对象或者指针

构造如图1所示的不规则QPainterPath路径

使用绘图对象把该路径绘制到QImage上​

使用绘图对象把QImage绘制到窗口上​

}​

​