Qt實現字幕無間隙滾動效果

1.描述

最近要實現一個滾動條字幕,但是搜到的系列文章都是利用定時器QTimer,在固定的時間截取文本並顯示,這樣滾動的時候其實是斷斷續續的,因為實際上是一個個字符位移實現的,不過實現方便.

所以隻有自己實現無間隙滾動條字幕.

2.界面展示

示例如下圖所示:

效果圖如下所示(支持自適應主界面大小,根據主界面窗口變換,自動更正文本大小,速度):

3.代碼實現

頭文件

#ifndef TEXTSCROLL_H
#define TEXTSCROLL_H
 
#include <QObject>
#include <QWidget>
#include <QTimer>
#include <QPainter>
#include <QFontMetrics>
#include <QResizeEvent>
class textScroll : public QWidget
{
    Q_OBJECT
 
private:
 
    QTimer* timer;          //時間定時器
    QRgb   textColor;
    QString m_text;
    QString m_showText;
    QFont font;
    int m_ms;
    int m_pixelSize;
    int m_moveOffset;
    int m_moveSize;
    int blankSuffix;
    float speed;        //滑動速度,值越大越快
 
    void paintEvent(QPaintEvent *event);
    void resizeEvent(QResizeEvent *event);
 
public:
 
    explicit textScroll(QWidget *parent = 0);    //qRgb(int r, int g, int b)
 
    void setDelay(int ms,int pixelSize);    //設置滾動延遲,多少ms滾動多少像素點
 
    void setText(QString text,QRgb textColor,float speed=0.70,int blankSuffix=20); //設置字體,調用該函數後,將會自動啟動定時器來滾動字幕
                                                  
 
 
    void restart();
 
 
signals:
 
public slots:
    void timeOut();
 
 
};
 
#endif // TEXTSCROLL_H

源文件

#include "textscroll.h"
#include <QDebug>
textScroll::textScroll( QWidget *parent) : QWidget(parent)
{
 
    timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), this, SLOT(timeOut()));
}
 
void textScroll::timeOut()
{
    qDebug()<<m_moveOffset<<m_moveSize;
    m_moveOffset+=m_pixelSize;
 
    if(m_moveOffset>m_moveSize)
    {
        m_moveOffset= 0;
    }
 
    update();
}
 
void textScroll::resizeEvent(QResizeEvent *event)
{
 
    font.setPixelSize(event->size().height()*0.75);
 
    m_showText = m_text;
    QFontMetrics metrics(font);
    int char_w = metrics.width(" ");
    setDelay(30,char_w*speed);
 
    int blankLine =width()/char_w+1;
 
    for(int i=0;i<blankLine;i++)
    {
        m_showText.insert(0," ");
    }
    m_moveSize=metrics.width(m_showText)+blankSuffix;
    m_moveOffset=0;
 
    update();
}
 
void textScroll::paintEvent(QPaintEvent *event)
{
 
      QPainter painter(this);
      painter.setFont(font);
 
      painter.setPen(QColor(120,120,120));
      painter.drawRect(QRect(0,0,width()-1,height()-1));   
 
      painter.setPen(QColor(textColor));
 
      painter.drawText(QRect(-m_moveOffset,0,width()-1+m_moveOffset,height()-1),
                       Qt::AlignVCenter|Qt::AlignLeft,m_showText);
 
 
 
}
 
 
void textScroll::setDelay(int ms,int pixelSize)    //設置滾動延遲,多少ms滾動多少像素點
{
 
    this->m_ms=ms;
    this->m_pixelSize=pixelSize;
}
 
 
void textScroll::setText(QString text, QRgb textColor, float speed, int blankSuffix) //設置字體
{
    this->blankSuffix = blankSuffix;
    this->speed = speed;
 
    font.setFamily("Microsoft Yahei");
    font.setPixelSize(height()*0.75);
 
    this->textColor = textColor;
 
    m_text = text;
    m_showText = m_text;
 
    QFontMetrics metrics(font);
    int char_w = metrics.width(" ");
    setDelay(50,char_w*speed);
 
    int blankLine =width()/char_w+2;
 
    for(int i=0;i<blankLine;i++)
    {
        m_showText.insert(0," ");
    }
 
 
    m_moveSize=metrics.width(m_showText)+blankSuffix;
 
    m_moveOffset=0;
    if(!timer->isActive())
    {
        if(m_ms)
        {
            timer->start(m_ms);
        }
    }
 
}
 
void textScroll::restart()
{
    m_moveOffset=0;
 
    update();
 
}

到此這篇關於Qt實現字幕無間隙滾動效果的文章就介紹到這瞭,更多相關Qt字幕無間隙滾動內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: