Qt中文字实现弯曲排列和旋转效果

昨天在群里有个小伙问怎么实现 Qt中文字弯曲排列和旋转效果, 哥们就做了一个简单的例子来说明一下应该如何做比较合适.

虽然功能并不高级，技术也不难，对于初学和想要实现某些特殊功能的年轻人来说分享还是很重要的。

说明:  下面的代码可以运行, 但是关于外框等的具体计算是随手写上的, 无关正题.

 

首先继承QGraphicsItem写一个自己的Text显示图元.

 

/** @brief 文本图元*
*  @details 
*/ 
class TextItem: public QGraphicsItem
{
public:
    TextItem(QString& val, QGraphicsItem* parent = NULL);
    ~TextItem();

    virtual void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget /* = 0 */);
    virtual QRectF boundingRect() const;

private: 
    QString m_string;
    float m_YSize;    // 纵向大小
};

简单的功能, 实现paint函数即可. 在此笔者写了两个显示效果,一个是正弦函数,一个是半圆(即圆弧)，需要实现什么样的效果，还是需要童鞋们自己开动脑筋。

    float x0 = m_fontSize * m_string.count() * 0.5;
    m_YSize = m_fontSize * m_string.count() * 0.5;
    for(int i=0; i<m_string.count(); i++)
    {
        painter->save();

//         // 按正弦函数绘制
//         float tx = m_fontSize * i;
//         float ty = m_YSize * sin(i*3.14*2/(float)(m_string.count()));
//         painter->translate(tx, ty);    // 文字的位置
//         painter->rotate(360*i/(float)(m_string.count())); // 将文字本身旋转
//         painter->drawText(QPointF(0.0, 0.0), QString("%1").arg(m_string[i]));

        // 按圆弧函数绘制
        float tAlpha = i*3.14/m_string.count();
        float tx = m_YSize*cos(tAlpha) + m_YSize;
        float ty = m_YSize*sin(tAlpha);
        painter->translate(tx, ty);    // 文字的位置
        painter->rotate(180*i/(float)(m_string.count())); // 将文字本身旋转
        painter->drawText(QPointF(0.0, 0.0), QString("%1").arg(m_string[i]));

        painter->restore();
    }

效果如下

正弦函数：

圆弧函数

 

以后有时间的时候再开发一些有实用价值的显示图元和控件，比如仪表盘、刻度尺等