滚动的文字（开源）

 

 

一、实现思路：

       以文字向左移动为例，每隔一段时间让绘制的文本的位置向左偏移一个像素就能达到文本移动的效果，当文本的最右边移出可视范围时，设置文本的位置为视口的最右边，从而达到重复滚动的效果。如下图所示：

根据以上描述，只需要解决两个问题。一是定时刷新，这里使用timerEvent即可。 二是判断文字是否超出范围，可以通过文字的位置和长度计算出来，而文字的长度使用QFontMetrics获得。

 

二、关键代码：

    在看代码之前先对成员变量说明一下。

     QString     m_text；   //文本内容

     int             m_posX;    //记录文本绘制的x坐标

     QPixmap  m_bgPixmap; //保存背景图片

     

     1.获取文字的宽度。使用QFontMetrics类，构造函数传入的参数为当前的字体，然后调用width方法，传入文本内容即可范围该文本占的长度。

int CScrollText::getTextWidth()
{
    QFontMetrics fMetrics(font());
    return fMetrics.width(m_text);
}

       

    2.不断更新文字的位置。在timerEvent中向左偏移一个像素。若移出范围则设置位置为最右侧。

void CScrollText::timerEvent(QTimerEvent *event)
{
    m_posX -= 1;

    if(m_posX < 0 && abs(m_posX) >= getTextWidth()){
        m_posX = this->width();
    }

    update();
}

 

     3.文本的绘制。

void CScrollText::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::TextAntialiasing);

    //绘制背景
    painter.fillRect(rect(),Qt::black);
    painter.drawPixmap(rect(),m_bgPixmap);
    
    //绘制文字
    painter.setPen(QColor(200,34,13));
    painter.drawText(m_posX,(height() - getTextHeight())/2 + getTextHeight(),m_text);
}

  drawText传入的参数为文字位置时，该位置是文字的左下角。我们使用(视口的高度 - 文字高度)/2 + 文字高度使文字垂直方向居中显示。

 

更多精彩内容查看：fearlazy.com