Qt使用事件与定时器实现字幕滚动效果.docx

第

Qt使用事件与定时器实现字幕滚动效果

目录1、效果展示2、实现思路3、滚动窗口部件3.1、成员变量3.2、事件重写3.3、成员方法3.4、方法实现

1、效果展示

我们经常能够在外面看到那种滚动字幕，那么就拿qt来做一个吧。

2、实现思路

实现一个窗口部件，这个窗口部件显示了一串文本标语,它会每t毫秒向左移动一个像素。如果窗口部件比文本宽,那么文本将会被多次重复,直到能够填满整个窗口部件的宽度为止。

3、滚动窗口部件

创建一个滚动窗口类，将其命名为ticker。

3.1、成员变量

我们需要提供几个成员变量。

myText用来表示要显示的文本内容。offset表示当前偏移量。myTimerId表示定时器的ID编号。

QStringmyText;

intoffset;

intmyTimerId;

3.2、事件重写

需要重新实现了Ticker中的4个事件处理器,分别为paintEvent()、timerEvent()、showEvent()和hideEvent()；关于每个事件的职责后面再说。

virtualvoidpaintEvent(QPaintEvent*event)override;//绘制事件

virtualvoidtimerEvent(QTimerEvent*event)override;//定时器事件

virtualvoidshowEvent(QShowEvent*event)override;//显示事件

virtualvoidhideEvent(QHideEvent*event)override;//隐藏事件

3.3、成员方法

还需要提供几个成员方法。关于每个方法的职责后面再说。

voidsetText(constQStringnewText);

QStringtext()const{returnmyText;}

QSizesizeHint()const;

3.4、方法实现

1.构造函数

构造函数把offset变量初始化为0。用来绘制文本的x坐标值就取自于这个offset值。

定时器的ID通常是非零的,所以可以使用0来表示定时器还没有启动。

Ticker::Ticker(QWidget*parent)

:QWidget{parent}

offset=0;

myTimerId=0;

}

2.setText函数

setText()函数用来设置要显示的文本。它调用update()强制执行一个重绘操作,并且调用updateGeometry()通知对Ticker窗口部件负责的布局管理器，提示该窗口部件的大小发生了变化。

voidTicker::setText(constQStringnewText)

myText=newText;

update();

updateGeometry();

}

3.sizeHint函数

sizeHint()函数返回文本所需的空间大小,并以此作为窗口部件的理想尺寸。QWidget::fontMetrics()函数返回一个QFontMetrics对象;可以用这个对象查询并获得与这个窗口部件字体相关的信息。

QSizeTicker::sizeHint()const

returnfontMetrics().size(0,text());

}

4.paintEvent事件

paintEvent()函数使用QPainter::drawText()绘制文本。它使用fontMetrics()确定文本在水平方向上所需要的空间,并且在考虑offset值的同时,多次绘制文本,直到能够填充整个窗口部件的宽度为止。

voidTicker::paintEvent(QPaintEvent*event)

QPainterpainter(this);

inttextWidth=fontMetrics().width(text());

if(textWidth1)

return;

intx=-offset;

while(xwidth())

painter.drawText(x,0,textWidth,height(),Qt::AlignLeft|Qt::AlignVCenter,text());

x+=textWidth;

}

5.timerE