Qt通过自定义类实现图片的自动旋转

最近在用Qt做一个音乐播放器的项目, 需要实现一个自动旋转的圆形图片(类似网易云音乐的唱片CD,播放音乐时,图片可以慢慢旋转).

 Qt 的QLabel类可以实现图片的显示, 其有众多的公有函数供我们调用. 但是却没有提供图片自动旋转显示的函数接口.

//QLabel的一些函数接口
const QPicture * picture() const
const QPixmap * pixmap() const
QString  selectedText() const
int  selectionStart() const
void  setAlignment(Qt::Alignment)
void  setBuddy(QWidget *buddy)
void  setIndent(int)
void  setMargin(int)
void  setOpenExternalLinks(bool open)
void  setScaledContents(bool)
void  setSelection(int start, int length)

这时需要我们自定义一个类,继承自QLabel,然后重写QLabel的paintEvent函数,以实现图片自动旋转的功能.

以下是示例代码, RotatableLabel类含有一个开启旋转和关闭旋转的函数接口,通过外部调用setRotationEnabled(bool enabled) 函数, 传入true即可开始旋转, 传入false即可暂停旋转.

//.h文件
class RotatableLabel : public QLabel
{
    Q_OBJECT

public:
    RotatableLabel(QWidget *parent = 0);
    ~RotatableLabel();

    void setRotationEnabled(bool enabled);

protected:
    void paintEvent(QPaintEvent *ev);

private:
    QTimer *m_timer;
    bool m_enabled;
    int m_angle;
    QImage image = QImage(":/images/cd.png");//图片路径
    qreal angle = 0;
};

//.cpp文件
RotatableLabel::RotatableLabel(QWidget *parent) : QLabel(parent)
{
    m_timer = new QTimer(this);
    connect(m_timer, SIGNAL(timeout()), this, SLOT(update()));
    m_enabled = false;
    m_angle = 0;
}

RotatableLabel::~RotatableLabel()
{
     delete m_timer;
}

void RotatableLabel::setRotationEnabled(bool enabled)
{
    m_enabled = enabled;

    if (m_enabled)
        m_timer->start(100);//可修改旋转的帧率
    else
        m_timer->stop();
}

void RotatableLabel::paintEvent(QPaintEvent *ev)
{
    QLabel::paintEvent(ev);
    QPainter painter(this);

    if (m_enabled)
    {
        painter.translate(width() / 2, height() / 2);
        painter.rotate(m_angle);
        painter.drawImage(QPointF(-image.width() / 2, -image.height() / 2),image);
        m_angle += 1;
        m_angle %= 360;
    }
    else
    {
       painter.translate(width() / 2, height() / 2);
       painter.drawImage(QPointF(-image.width() / 2, -image.height() / 2),image);
    }
}