Using gif animation in Qt using the QMovie class

qt, qmovie, gif, анимация, gif-анимация

Everyone saw beautiful animated images on the Internet. They can be downloaded to your computer as a file with the gif extension. The question arises: can I use these images in my programs? It is possible, the Qt library answers. Consider how to do this.

Create a new project of type Qt widgets. We add a QMovie object to play the animation. On the form we place an object of class QLabel. In the application designer, specify the file name for the animation object:

mo.setFileName(":/ico/loader.gif");

We pass the pointer to this object in label:

ui->label->setMovie(&mo);

We start animation playback:

mo.start();

widget.h file

#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QMovie>
namespace Ui {
class Widget;
}
class Widget : public QWidget
{
    Q_OBJECT
public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();
private slots:
    void setSpeedMovie(int);
    void setSizeMovie(int);
private:
    Ui::Widget *ui;
    QMovie mo;
    double m;
};
#endif // WIDGET_H

The QMovie class provides functions for controlling the playback speed of setSpeed() and the scale setScaledSize(). The first function is to transfer the relative playback speed in percent (100 - nominal speed, 200 - double), the second dimension of the rectangle into which you want to enter your drawing. This program implements the management of scale and speed using two QSpinBox objects. The variable m of type double is needed in order to preserve the proportions of the gif image when scaling.

widget. cpp file

#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    QPixmap pix(":/ico/loader.gif");
    m = double(pix.width())/pix.height();
    mo.setFileName(":/ico/loader.gif");
    setSpeedMovie(ui->spinBox->value());
    setSizeMovie(ui->spinBox_2->value());
    ui->label->setMovie(&mo);
    mo.start();
    connect(ui->spinBox, SIGNAL(valueChanged(int)), this, SLOT(setSpeedMovie(int)));
    connect(ui->spinBox_2, SIGNAL(valueChanged(int)), this, SLOT(setSizeMovie(int)));
}
Widget::~Widget()
{
    delete ui;
}
void Widget::setSpeedMovie(int s)
{
    mo.setSpeed(s);
}
void Widget::setSizeMovie(int size)
{
    mo.setScaledSize(QSize(size*m, size));
}

Using gif animation can be useful for either decorating an application, or for visualizing some processes, such as uploading or progressing. Animation playback can be stopped using the stop() slot. The project can be downloaded from the link .

Virtual hosting with 10 percent discount
Virtual hosting with 10 percent discount
EVILEG offers reliable hosting with a 10% discount for virtual hosting and 5% for VPS

Добрый день, Dmitras.

Когда создаёте статью, используйте пожалуйста тег горизонтальной линии, чтобы отделить часть контента статьи, который находится в новостной ленте от той части, которая будет видна только на странице статьи.
В редакторе присутствует такая кнопочка на тулбаре. Это действует наподобие ката на Хабре.

Comments

Only authorized users can post comments.
Please, Log in or Sign up
TT
June 13, 2019, 7:01 p.m.
Taimoor Tanweer

C++ - Test 001. The first program and data types

  • Result:66points,
  • Rating points-1
TT
June 13, 2019, 6:51 p.m.
Taimoor Tanweer

C++ - Test 002. Constants

  • Result:75points,
  • Rating points2
ВМ
June 13, 2019, 12:30 p.m.
Ваня Мороз

C++ - Test 001. The first program and data types

  • Result:100points,
  • Rating points10
Last comments
i
June 17, 2019, 6:10 a.m.
ingenfly

Только по осям xAxis2, уAxis2 значения начинаются с 0. Почему-то xAxis2 и xAxis не синхронизированы по данным. Ну и QCustomPlot последний.
June 16, 2019, 8:21 p.m.
Евгений Легоцкой

Добрый день. Ну точно также добавляете ту же самую информацию на ось xAxis2, только добавляете другое форматирование customPlot->xAxis2->setDateTimeFormat("hh:mm"); если я ...
EF
June 14, 2019, 1:56 p.m.
Egor Fomin

Спасибо за ваш ответ, у меня получилось реализовать это. Тем не менее появилась другая проблема, поэтому опять надеюсь на вашу помощь. Скажем, я уже выставил точки и они соеденены. Когда я нач...
d
June 13, 2019, 2:47 p.m.
damix

Можно классу, который описывает точку, добавить сигнал, который подавать (emit), когда точка перемещается (переопределить mouseMoveEvent или mouseReleaseEvent). Так вот эти сигналы у каждой из...
i
June 13, 2019, 2:09 p.m.
ingenfly

Здравствайте! Подскажите, пожалуйста: customPlot->xAxis2->setTickLabels(true); //Здесь включается отображение данных на оси xAxis2. а можно как-то продублировать информацию cus...
Now discuss on the forum
June 20, 2019, 9:30 a.m.
IscanderChe

Вернулся к этой задачке только-только, поэтому и не ответил ничего раньше.Как переопределить mouseReleaseEvent(QMouseEvent* event) у QTableView, если QTableView задан в ui? Или задавать QTabl...
I
June 19, 2019, 1:41 p.m.
Intruder

Всем добрый день. При разборе XML файла наткнулся на тег вот такого плана: <TagName attribute1="value1" attribute2="value2" /> При попытке проверить на наличие такого элеме...
June 19, 2019, 12:55 p.m.
Михаиллл

Скажите пожалуйста, как его в таком случае перемещать и удалять?
June 18, 2019, 7:50 p.m.
Дмитрий

Большое спасибо! SDK заработал.К сожалению удалось продвинутся только на один шаг. При сборке чистого проекта NDK выдаёт следующие ошибки C:\Android\ndk-bundle/toolchains/arm-linux-andr...
June 18, 2019, 4:59 p.m.
Михаиллл

Добрый день.В этом учебнике представлен код INSTALLED_APPS = ( ... 'rest_framework', 'snippets.apps.SnippetsConfig',) На строчке 'snippets.apps.SnippetsConf...
Looking for a Job?
25,000.00 руб. - 30,000.00 руб.
Разработчик Qt/C++
Barnaul, Altai Krai, Russia

For registered users on the site there is a minimum amount of advertising

EVILEG
About
Services
Join us
© EVILEG 2015-2019
Recommend hosting TIMEWEB