Qt-字体轮廓的绘制

效果如图所示：

 

绘制的过程如下：

 1     QFont font;
 2     font.setPointSize(this->height() * 2 * mZoomRatio / 3);
 3     font.setBold(true);
 4     if(mDrawOutlined)
 5     {
 6         QFontMetrics metrics(font);
 7         QPainterPath path;
 8         QPen pen(QColor(0, 0, 0, 100));
 9         int penwidth = font.pointSize() * 0.05;
10         if(penwidth > 6);
11         {
12             penwidth = 6;
13         }
14         pen.setWidth(penwidth);
15         int len = metrics.width(mText);
16         int w = width();
17         int px = (len - w) / 2;
18         if(px < 0)
19         {
20             px = -px;
21         }
22         //(px,py)是字体基线的起点位置，在qt助手中查找addText函数可以了解到
23         int py = (height() - metrics.height()) / 2 + metrics.ascent();
24         if(py < 0)
25         {
26             py = -py;
27         }
28         path.addText(px, py, font, mText);    
29         painter.strokePath(path, pen);
30         painter.drawPath(path);
31         painter.fillPath(path, QBrush(mTextColor));
32     //    painter.drawRect(rect());
33     }
34     else
35     {
36         painter.setFont(font);
37         painter.setPen(mTextColor);
38         painter.drawText(0, 0, this->width()-1, this->height()-1, mTextFlags, mText);
39     }

代码中strokePath函数式绘制字体的轮廓， fillPath函数用于填充字体。

addText函数中(px, py)指的是绘画的起点位置，py的计算方法在上面已经给出，通过控制px可以实现左对齐、右对齐、居中等对齐方式。用qt助手查看该函数说明可以了解。

这种方法适合在不可编辑的文字区域绘制例如QLabel，QButton等，对于QTextEdit等可编辑的区域可以使用QSS来实现，实现的方法在Qt助手中已经给出了，在qt助手中搜索styleColor就可以找到。

。。。 其实qss的方法我现在还不会用

这里使用另外一种方法实现QTextEdit中字体轮廓的绘制方法

代码如下：

    ui->textEdit->setFontPointSize(50);
    QTextCharFormat format;
    format.setTextOutline (QPen (Qt::red, 1, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin)); // Color and width of outline
    ui->textEdit->mergeCurrentCharFormat(format);

另外将QBrush(mTextColor)改为QLinearGradient对象可以实现字体渐变

支持(0) 反对(0)

  

#2楼 [ 楼主]  2014-10-21 22:46  恒月美剑   

第一种方法还需要加上这句话，不然显示有问题：painter.setRenderHint(QPainter::Antialiasing);//使用抗锯齿的方式渲染

支持(0) 反对(0)

  

#3楼 [ 楼主]  2014-10-21 22:47  恒月美剑   

px,py的居中位置算错了

支持(0) 反对(0)

  

#4楼   2017-06-07 15:45  FightingAndFunny   

那个width（）函数是表示什么的宽度呀