Qt實現(xiàn)字幕滾動效果的示例代碼

更新時間：2022年06月17日 09:42:08 作者：wendy_ya

這篇文章主要介紹了Qt如何利用QTimer實現(xiàn)字幕滾動功能，并且可以實現(xiàn)自行更改文本內(nèi)容、自適應(yīng)文本大小、自由調(diào)整速度等功能，感興趣的可以學(xué)習(xí)一下

一、項目介紹

利用QTimer實現(xiàn)字幕滾動功能，可以實現(xiàn)自行更改文本內(nèi)容、自適應(yīng)文本大小、自由調(diào)整速度等功能。

二、項目基本配置

新建一個Qt案例，項目名稱為“TextScroll”，基類選擇“QWidget”，取消創(chuàng)建UI界面復(fù)選框的選中狀態(tài)，完成項目創(chuàng)建。

三、UI界面設(shè)計

無UI界面

四、主程序?qū)崿F(xiàn)

4.1 widget.h頭文件

聲明私有變量和事件：

private:

    QTimer* timer;          //時間定時器
    QRgb   textColor;       //文本顏色
    QString m_text;         //文本內(nèi)容
    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);

聲明函數(shù)和槽函數(shù)：

public:
    void setDelay(int ms,int pixelSize);  //設(shè)置滾動延遲,多少ms滾動多少像素點

    void setText(QString text,QRgb textColor,float speed=0.70,int blankSuffix=20); //設(shè)置字體,調(diào)用該函數(shù)后,將會自動啟動定時器來滾動字幕
    //void restart();

public slots:
    void timeOut();

4.2 widget.cpp源文件

主函數(shù)內(nèi)容如下：

    resize(600,100);//調(diào)整窗口大小
    timer = new QTimer(this);//創(chuàng)建定時器
    connect(timer, SIGNAL(timeout()), this, SLOT(timeOut()));

    QString text="人生百相，世態(tài)萬千，悲悲喜喜，才構(gòu)成了人生的完美；謀事在人，成事在天。"
        "做過的事不要后悔。經(jīng)?？梢钥吹讲簧偃俗栽棺园?
        "為曾經(jīng)做過的錯事后悔不已，為過去的事而消沉，為過去的事而落魄。世上永遠(yuǎn)沒有后悔藥。";
    QRgb textColor=qRgb(67,142,219);//字體顏色——藍(lán)色
    float speed=0.4;
    int blankSuffix=0;
    setText(text,textColor,speed,blankSuffix);

timeOut()槽函數(shù)：

//槽函數(shù)
void Widget::timeOut(){
    qDebug()<<m_moveOffset<<m_moveSize;
    m_moveOffset+=m_pixelSize;

    if(m_moveOffset>m_moveSize)
    {
        m_moveOffset= 0;
    }
    update();
}

調(diào)整窗口大小resizeEvent事件：

void Widget::resizeEvent(QResizeEvent *event)
{
    font.setPixelSize(event->size().height()*0.75);//字體大小(這里設(shè)置為窗口高度的0.75倍)

    m_showText = m_text;
    QFontMetrics metrics(font);
    int char_w = metrics.horizontalAdvance(" ");//Qt5.11之后,之前請用width()
    setDelay(30,char_w*speed);//滾動延時
    int blankLine =width()/char_w+1;

    for(int i=0;i<blankLine;i++)
    {
        m_showText.insert(0," ");//開頭插入blankLine個空格
    }
    m_moveSize=metrics.horizontalAdvance(m_showText)+blankSuffix;
    m_moveOffset=0;

    update();
}

重寫繪制事件paintEvent：

//繪圖事件
void Widget::paintEvent(QPaintEvent *event)
{

      QPainter painter(this);
      painter.setFont(font);//設(shè)置字體
      painter.setPen(QColor(120,120,120));//設(shè)置畫筆顏色——灰色
      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);//繪制文字,水平居左垂直居中
}

定義滾動延遲函數(shù)：

//設(shè)置滾動延遲,多少ms滾動多少像素點pixelSize
void Widget::setDelay(int ms,int pixelSize)
{

    this->m_ms=ms;
    this->m_pixelSize=pixelSize;
}

設(shè)置字體相關(guān)信息：

//設(shè)置字體相關(guān)信息(text:字體內(nèi)容,textColor:顏色,speed:字體滾動速度,blankSuffix:留白大小)
void Widget::setText(QString text, QRgb textColor, float speed, int blankSuffix)
{
    this->blankSuffix = blankSuffix;
    this->speed = speed;

    font.setFamily("Microsoft Yahei");//字體樣式——微軟雅黑
    font.setPixelSize(height()*0.0001); //字體像素大小

    this->textColor = textColor;    //字體顏色

    m_text = text;                  //文本內(nèi)容
    m_showText = m_text;            //顯示內(nèi)容

    //計算字符大小
    QFontMetrics metrics(font);
    int char_w = metrics.horizontalAdvance(" ");//Qt5.11之后,之前請用width()
    setDelay(50,char_w*speed);//調(diào)用setDelay()函數(shù),設(shè)置滾動延時

    int blankLine =width()/char_w+2;//

    for(int i=0;i<blankLine;i++)
    {
        m_showText.insert(0," ");//開頭插入blankLine個空格
    }


    m_moveSize=metrics.horizontalAdvance(m_showText)+blankSuffix;

    m_moveOffset=0;
    //如果計時器沒有運行
    if(!timer->isActive())
    {
        if(m_ms)
        {
            timer->start(m_ms);//啟動計時,以m_ms為間隔
        }
    }

}