昨天在群里有个小伙问怎么实现 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();
}
效果如下
正弦函数:
圆弧函数
以后有时间的时候再开发一些有实用价值的显示图元和控件,比如仪表盘、刻度尺等