自己写的Qt控件（带三角指示的弹出框），开源给你们

  • A+
所属分类：Qt专栏 Qt系列教程

效果

自己写的Qt控件（带三角指示的弹出框），开源给你们

源码

trianglepopupwidget.h文件

  1. #ifndef TRIANGLEPOPUPWIDGET_H
  2. #define TRIANGLEPOPUPWIDGET_H
  4. #include <QWidget>
  5. #include <QPoint>
  6. #include <QRect>
  7. #include <QSize>
  9. class TrianglePopupWidget: public QWidget
  10. {
  11.     Q_OBJECT
  12. public:
  13.     TrianglePopupWidget(QPoint triangleStartPosition
  14.                         ,QSize rectSize,QRect windowGeometry=QRect(0,0,1920,1080),QWidget *parent = 0);
  15.     ~TrianglePopupWidget();
  18.     // 设置中间区域widget;
  19.     void addCenterWidget(QWidget* widget);
  21.     void setTriangleSize(const QSize &triangleSize);
  23.     QRect windowGeometry() const;
  24.     void setWindowGeometry(const QRect &windowGeometry);
  26.     void setMargins(int left, int top, int right, int bottom);
  27.     QColor backgroundColor() const;
  28.     void setBackgroundColor(const QColor &backgroundColor);
  30. protected:
  31.     void paintEvent(QPaintEvent *);
  32. private:
  33.     // 小三角起始位置;
  34.     QPoint m_triangleStartPosition;
  35.     // 小三角的size;
  36.     QSize m_triangleSize;
  37.     // 是否绘制阴影
  38.     int m_isDrawShadowOrNot;
  39.     // 内容矩形的长宽
  40.     QSize m_rectSize;
  41.     QColor m_backgroundColor;
  43.     QLayout* m_layout;
  44.     //qmaindow大小
  45.     QRect m_windowGeometry;
  46.     void calculateGeometry();
  48. };
  50. #endif // TRIANGLEPOPUPWIDGET_H

trianglepopupwidget.cpp文件

  1. #include "trianglepopupwidget.h"
  2. #include <QHBoxLayout>
  3. #include <QPainter>
  4. #include <QGraphicsDropShadowEffect>
  6. #define SHADOW_WIDTH 0                 // 窗口阴影宽度;
  7. #define TRIANGLE_WIDTH 15               // 小三角的宽度;
  8. #define TRIANGLE_HEIGHT 10              // 小三角的高度;
  9. #define BORDER_RADIUS 5                 // 窗口边角的弧度;
  12. TrianglePopupWidget::TrianglePopupWidget(QPoint triangleStartPosition
  13.                                          ,QSize rectSize
  14.                                          ,QRect windowGeometry
  15.                                          ,QWidget *parent)
  16.     : QWidget(parent)
  17.     , m_rectSize(rectSize)
  18.     , m_triangleStartPosition(triangleStartPosition)
  19.     , m_isDrawShadowOrNot(false)
  20.     , m_windowGeometry(windowGeometry)
  21.     , m_layout(NULL)
  22. {
  23.     setWindowFlags(Qt::FramelessWindowHint);
  24.     setAttribute(Qt::WA_TranslucentBackground);
  26.     m_triangleSize = QSize(TRIANGLE_WIDTH,TRIANGLE_HEIGHT);
  27.     m_backgroundColor = QColor(255,255,255);
  28.     // 设置阴影边框;
  29.     if(m_isDrawShadowOrNot)
  30.     {
  31.         QGraphicsDropShadowEffect* shadowEffect = new QGraphicsDropShadowEffect(this);
  32.         shadowEffect->setOffset(0, 0);
  33.         shadowEffect->setColor(Qt::gray);
  34.         shadowEffect->setBlurRadius(SHADOW_WIDTH);
  35.         this->setGraphicsEffect(shadowEffect);
  36.     }
  38.     calculateGeometry();
  41. }
  44. TrianglePopupWidget::~TrianglePopupWidget()
  45. {
  47. }
  49. //计算整个widget的Geometry
  50. void TrianglePopupWidget::calculateGeometry()
  51. {
  53.     int x=0;
  54.     int y=0;
  55.     int width = m_rectSize.width();
  56.     int height = m_rectSize.height()+m_triangleSize.height();
  58.     int standard_startX = m_triangleStartPosition.x()-m_rectSize.width()/2;
  59.     int standard_startY = m_triangleStartPosition.y()-m_triangleSize.height()-m_rectSize.height();
  60.     int standard_endX = m_triangleStartPosition.x()-m_rectSize.width()/2+width;
  61.     int standard_endY = m_triangleStartPosition.y()-m_triangleSize.height()-m_rectSize.height() + height;
  63.     if(standard_startX<m_windowGeometry.x()+10)
  64.     {
  65.         standard_startX =  m_windowGeometry.x()+10;
  66.     }
  67.     if(standard_endX>m_windowGeometry.y()+m_windowGeometry.width()-10)
  68.     {
  69.         standard_startX =  standard_startX - (standard_endX-(m_windowGeometry.y()+m_windowGeometry.width()-10));
  70.     }
  72.     //微调
  73.     if(m_triangleStartPosition.x()<standard_startX+m_triangleSize.width()/2+BORDER_RADIUS)
  74.     {
  75.         standard_startX = m_triangleStartPosition.x() - BORDER_RADIUS - m_triangleSize.width()/2;
  76.     }
  77.     //微调
  78.     if(m_triangleStartPosition.x()>standard_startX+width-m_triangleSize.width()/2-BORDER_RADIUS )
  79.     {
  80.         standard_startX = standard_startX+m_triangleSize.width()/2+BORDER_RADIUS ;
  81.     }
  83.     x = standard_startX;
  84.     y = standard_startY;
  86.     this->setGeometry(x,y,width,height);
  87. }
  89. void TrianglePopupWidget::addCenterWidget(QWidget* widget)
  90. {
  91.     if(NULL == m_layout)
  92.     {
  93.         m_layout = new QHBoxLayout(this);
  94.         m_layout->setSpacing(10);
  95.         m_layout->setContentsMargins(10,10,10,10+TRIANGLE_HEIGHT);
  96.     }
  97.     m_layout->addWidget(widget);
  98. }
  100. void TrianglePopupWidget::setMargins(int left,int top,int right,int bottom)
  101. {
  102.     if(NULL != m_layout)
  103.     {
  104.         m_layout->setContentsMargins(left,top,right,bottom+TRIANGLE_HEIGHT);
  105.     }
  106. }
  108. void TrianglePopupWidget::paintEvent(QPaintEvent *)
  109. {
  110.     QPainter painter(this);
  111.     painter.setRenderHint(QPainter::Antialiasing, true);
  112.     painter.setPen(Qt::NoPen);
  113.     painter.setBrush(m_backgroundColor);
  115.     // 小三角区域
  116.     QPolygon trianglePolygon;
  117.     QPoint pt_triStartPosRelaThis(m_triangleStartPosition.x()-geometry().x(),
  118.                                    m_triangleStartPosition.y()-geometry().y());
  120. //    int x1=m_triangleStartPosition.x()-geometry().x();
  121. //    int y1=m_triangleStartPosition.y()-geometry().y();
  122. //    int x2=pt_triStartPosRelaThis.x() + m_triangleSize.width() / 2;
  123. //    int y2=pt_triStartPosRelaThis.y()-m_triangleSize.height();
  124. //    int x3=pt_triStartPosRelaThis.x() - m_triangleSize.width() / 2;
  125. //    int y3=pt_triStartPosRelaThis.y()-m_triangleSize.height();
  127.     trianglePolygon << pt_triStartPosRelaThis;
  128.     trianglePolygon << QPoint(pt_triStartPosRelaThis.x() + m_triangleSize.width() / 2
  129.                               , pt_triStartPosRelaThis.y()-m_triangleSize.height());
  130.     trianglePolygon << QPoint(pt_triStartPosRelaThis.x() - m_triangleSize.width() / 2
  131.                               , pt_triStartPosRelaThis.y()-m_triangleSize.height());
  133.     QPainterPath drawPath;
  134.     //矩形区域
  135.     drawPath.addRoundedRect(QRect(0,0,m_rectSize.width(),m_rectSize.height()),BORDER_RADIUS,BORDER_RADIUS);
  136.     // Rect + Triangle;
  137.     drawPath.addPolygon(trianglePolygon);
  138.     painter.drawPath(drawPath);
  140. }
  141. QColor TrianglePopupWidget::backgroundColor() const
  142. {
  143.     return m_backgroundColor;
  144. }
  146. void TrianglePopupWidget::setBackgroundColor(const QColor &backgroundColor)
  147. {
  148.     m_backgroundColor = backgroundColor;
  149. }
  151. QRect TrianglePopupWidget::windowGeometry() const
  152. {
  153.     return m_windowGeometry;
  154. }
  156. void TrianglePopupWidget::setWindowGeometry(const QRect &windowGeometry)
  157. {
  158.     m_windowGeometry = windowGeometry;
  159. }
  162. void TrianglePopupWidget::setTriangleSize(const QSize &triangleSize)
  163. {
  164.     m_triangleSize = triangleSize;
  165. }

使用方法

  1. TrianglePopupWidget* w = new TrianglePopupWidget(
  2.             pt
  3.             ,QSize(400,100)
  4.             ,QRect(0,0,800,600)
  5.             ,this);
  7. QLabel* textLabel = new QLabel;
  8. textLabel->setAlignment(Qt::AlignCenter);
  9. textLabel->setText("ArrowWidget");
  10. textLabel->setStyleSheet("background-color:red");
  11. w->addCenterWidget(textLabel);
  13. QLabel* textLabel2 = new QLabel;
  14. textLabel2->setAlignment(Qt::AlignCenter);
  15. textLabel2->setText("DDDDA");
  16. textLabel2->setStyleSheet("background-color:green");
  17. w->addCenterWidget(textLabel2);
  19. QLabel* textLabel3 = new QLabel;
  20. textLabel3->setAlignment(Qt::AlignCenter);
  21. textLabel3->setText("bbbb");
  22. textLabel3->setStyleSheet("background-color:yellow");
  23. w->addCenterWidget(textLabel3);
  25. QColor clr(0,0,255);
  26. w->setBackgroundColor(clr);
  27. w->show();

代码下载地址

https://github.com/2273629531/TrianglePopupWidget

 

Qt大课堂-QtShare

发表评论

您必须登录才能发表评论！