QT学习之滚动字幕

2020-08-13

字数统计: 1.3k字 | 阅读时长≈ 5分

在设计Qt的时候，有时候想要滚动文本框之内的。而常见的QLabel里面没有这个，需要我们重写后，然后把这个QLabel直接进行提升就行了。
1.首先新建一个QWidget的工程，继承QWidget
2.sources下新建C++ class 起好名字，会有一个同名的.h 和.cpp文件这里我取得是roll 那么这个类的名字就叫做roll

roll.h

#ifndef ROLL_H
#define ROLL_H

#include<QtWidgets/QLabel>

class roll: public QLabel
{
    Q_OBJECT

public:
    roll(QWidget *parent = nullptr);          
    ~roll();

protected:
    void paintEvent(QPaintEvent *);
    void updateIndex();

private:
    int m_charWidth;
    int m_curIndex;
    QString m_showText;

public:
    QString getText()
    {
        return m_showText;
    }

};

#endif // ROLL_H

roll.cpp

#include "roll.h"
#include<QPainter>
#include<QTimer>
#include<QDebug>

roll::roll(QWidget *parent): QLabel(parent)    //按照网上的教程 是说roll继承了QLabel那么就需要在初始化的时候给QLabel也传递参数过去
{                                               //传递的参数是在自己的构造函数里就要写好：QWidget *parent = nullptr
                                                //把这个参数 传递给QLabel 的parent变量 在C++中，父类初始化的时候只能这样来

    m_curIndex =0;          //当前文字下标值
    //m_showText=tr("This is a textTicker Text!");
    //m_showText = tr("在文本框中输入内容后 勾选选项 自动更改文本框内容样式");
    m_showText = QString("在一般情况下子类继承了父类那么子类就可以对父类的方法进行调用甚至是重写这样子类对象就继承了父类对象");
    m_charWidth = fontMetrics().width("在");   //获取到一个字符的宽度
    qDebug()<<fontMetrics().width("ad")<<endl;    //这样打印出来是6 如果是 汉字的话就是12
    //Qtimer的常规做法 start(100)是每隔1毫秒调用roll::updateIndex一次, 改变这个可以显著改变移动的速度
    QTimer *timer = new QTimer(this);
    connect(timer, &QTimer::timeout, this, &roll::updateIndex);
    timer->start(100);

}

roll::~roll()
{}

//paintEvent 是QWidget中的虚函数 用于画图 现在把它重写
void roll::paintEvent(QPaintEvent *)
{
    QPen pen;            //QPen类，定义了一个QPainter应该如何画线和图形的轮廓 详细的参见博客
    pen.setColor(QColor(255,0,255));    //设置线条的颜色
    pen.setStyle(Qt::DashDotDotLine);    //一个短线，两个点，一个短线，两个点

    QPainter painter(this);
    painter.setPen(pen);


    QFont font("楷体",14,QFont::Bold);
    painter.setFont(font);

    //painter 可以绘制 点 直线 矩形 圆形 椭圆 扇形 文本 这里是文本

    //查阅官方的发现使用的是这个重载drawText(int x, int y, const QString &text)
    //这个是从x y的位置上开始绘画文本 但是这里搞不懂 这个位置如果是全局位置的话， 那么就跟后面的label的位置没有关系了
    //可是它还是会一直在label里面 不会超出这个label


    //painter.drawText(rect(),Qt::AlignCenter,m_showText.mid(m_curIndex));    //比如这个本来是在屏幕正中央来的，但是这里好像还是在label内
    //painter.drawText(0,25,m_showText.mid(m_curIndex));
    //这个mid函数就是一个截取函数mid(start, num)从字符串start下标开始，截取num个字符。num默认是-1表示从start后一直到末尾 不改变原字符
    //还有个函数replace(),这个改变原字符
    //qDebug()<<m_showText.mid(m_curIndex)<<endl;   //这里是全部打印，印证了上面的猜测,然后我们需要更新

    //然后我们需要更新，让其滚动的效果，也就是说，每次的索引增加，这样，相当于前面的不打印，造成一种滚动的假象
    //painter.drawText(width() - m_charWidth * m_curIndex, 15, m_showText.left(m_curIndex));
    //qDebug()<<width()<<endl; 打印451，也就是label的宽度
    //QString.left(n) 从左开始第n个
    //painter.drawText(103, 25, m_showText.left(29));

    painter.drawText(width()-(m_charWidth+12) * m_curIndex, 25, m_showText.left(m_curIndex));


    //qDebug()<<m_curIndex<<": 此时的值是："<<width()- m_charWidth * m_curIndex <<endl;
    //QString sg = "我 在";
    //qDebug()<<fontMetrics().width(sg)<<endl;
    qDebug()<<m_curIndex<<endl;

}
void roll::updateIndex()
{
    update();
    m_curIndex++;
    if(m_curIndex>52)
    {
        m_curIndex =0;
    }
    /*
    if(m_curIndex* m_charWidth > width())
    {
        flag =1;
    }
    */

}

注：网上的版本是： update-> : if m_curIndex * m_charwidth > width
发现不能显示完全文字，原因是，虽然计算出了一个文字所占的像素，但是，文字与文字之间还存在间隔，间隔也要算。经过计算，一个文字的像素是12 一个空格的也是12 所以这里用的是24 这样的话，会很快超出这个边框的边界，但是此时，文字还是没有显示完全。

解决办法：在文本框边缘外部还是显示，只是用户看不到了罢了。这样可以显示完全了。
但是好像还是有问题，就是到后面，感觉尾巴一直在缩短的感觉，这个原因目前不知道怎么解决？

本文作者： 蓉城蒲菊
本文链接： https://github.com/liangpu597/2020/08/13/QT学习之滚动字幕/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！