Qt实现艺术字效果

https://blog.csdn.net/u011822862/article/details/80559762

    Qt实现艺术字效果，通常有三种方式，一种是通过绘制机制，另外一种是使用样式表，最后一种是通过图片代替，本次介绍使用绘制来实现艺术字效果。

    代码如下（分两种实现）：

    第一种：

1. QPainter painter(this);

2. QPen pen;

3. pen.setWidth(2);

4. pen.setColor(Qt::red);

5.  

6. painter.setRenderHint(QPainter::Antialiasing, true);

7. painter.setPen(pen);

8.  

9. QLinearGradient linearGrad;

10. bool ifTransparent = false;

11. if (ifTransparent){

12. linearGrad.setColorAt(0, Qt::transparent); // 字体透明 只有边框

13. } else {

14. linearGrad.setColorAt(0, Qt::blue); // 字体利用特定颜色来填充

15. }

16.  

17. QFont font;

18. font.setPointSize(40);

19. font.setBold(true);

20.  

21. QPainterPath textPath;

22. QRect painterRect = rect();

23. QString str = QStringLiteral("花莫弦");

24.  

25. textPath.addText(width() / 2, painterRect.bottom() / 2, font, str);

26. painter.setBrush(linearGrad);

27. painter.drawPath(textPath);

    效果图：        

    第二种：

1. QPainter painter(this);

2. QFont font;

3. font.setPointSize(40);

4. font.setBold(true);

5.  

6. QFontMetrics metrics(font);

7. QPainterPath path;

8. QPen pen(QColor(255, 0, 0, 100));

9. int penWidth = font.pointSize() * 0.5;

10. if (penWidth > 6) {

11. penWidth = 6;

12. }

13. pen.setWidth(penWidth);

14.  

15. int len = metrics.width(QStringLiteral("花莫弦"));

16. int w = width();

17. int px = (len - w) / 2;

18. if (px < 0) {

19. px = -px;

20. }

21.  

22. int py = (height() - metrics.height()) / 2 + metrics.ascent();

23. if(py < 0)

24. {

25. py = -py;

26. }

27. path.addText(px, py, font, QStringLiteral("花莫弦"));

28. painter.strokePath(path, pen);

29. painter.drawPath(path);

30. painter.fillPath(path, QBrush(Qt::blue));

    效果图：