0


全网最全!!Qt实现图片旋转及图片旋转动画的几种方式

实现图片旋转的两种方式

第一种方案

使用 QPixmap 的 transformed 函数来实现旋转,这个函数默认是以图片中心为旋转点,不能设置旋转的中心点,使用如下:

QMatrix matrix;
matrix.rotate(45);

QLabel *Label= new QLabel();
Label->setPixmap(QPixmap(“:/images.png”)
        .transformed(matrix, Qt::SmoothTransformation));

第二种方案

使用 QPainter 这位“画家”,示例程序如下:

void Widget::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    QPixmap disc(":/disc.png");

    /* 设定旋转中心点 */
    painter.translate(130,150);
    /* 旋转的角度 */
    painter.rotate(45);
    /* 恢复中心点 */
    painter.translate(-130,-150);
    /* 画图操作 */
    painter.drawPixmap(40,60,180,180, disc);
}

实现图片旋转动画的两种方式:

一、借助QPixmap实现旋转动画


    QMatrix matrix;
    matrix.rotate(angle);
    if(angle++ ==360)
        angle = 0;
//设定图片的大小;
    QImage Image = QImage(":/images/cd.png");
    QPixmap pixmap = QPixmap::fromImage(Image);
    QPixmap fixpixmap = pixmap.scaled(320,320,Qt::IgnoreAspectRatio
                            ,Qt::SmoothTransformation);

    QLabel *Label= new QLabel();
    label[1]->setPixmap((fixpixmap)
                .transformed(matrix,Qt::SmoothTransformation));
    label[1]->setAlignment(Qt::AlignCenter);

第二种方案

使用 QPainter 这位“画家”,示例程序如下:

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    disc = QPixmap(":/cd.png");
    timer = new QTimer();
    timer->start(10);
    connect(timer,SIGNAL(timeout()),this,SLOT(timerTimeOut()));
}

void MainWindow::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    /* 碟机转动 */
    if(angle++ == 360)
        angle = 0;
    /* 设定旋转中心点 */
    painter.translate(disc.width()/2,disc.height()/2);
    /* 旋转的角度 */
    painter.rotate(angle);
    /* 恢复中心点 */
    painter.translate(-disc.width()/2,-disc.height()/2);
    /* 画图操作 */
    painter.drawPixmap(0,0,disc.width(),disc.height(), disc);
}

void MainWindow::timerTimeOut()
{
    /* 当界面初始化或者需要刷新时才会执行paintEvent */
    update();
}

使旋转动画始终处于窗口中心:

void MainWindow::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing
                           | QPainter::SmoothPixmapTransform);
    /* 碟机转动 */
    if(angle++ == 360)
        angle = 0;
//设定旋转中心点
    /* QRectF 即,继承 QRect(Qt 的矩形类), F 代表精确到浮点类型 */
    QRect rect((this-> width() - disc.width()) / 2,
               (this-> height() - disc.height()) / 2,
               disc.width(),
               disc.height());
    /* 默认参考点为左上角原点(0,0),因为旋转需要以图形的中心为参考点,
            * 我们使用 translate 把参考点设置为 CD 图形的中心点坐标 */
    painter.translate(0 + rect.x() + rect.width() / 2,
                      0 + rect.y() + rect.height() / 2);
    /* 旋转的角度 */
    painter.rotate(angle);
//恢复中心点;
    /* 现在参考点为 CD 图形的中心,我们需要把它设置回原点的位置,
            * 所以需要减去上面加上的数 即将绘图的起点设置回起点*/
    painter.translate(0 - (rect.x() + rect.width() / 2),
                      0 - (rect.y() + rect.height() / 2));
//画图操作
    /* 画图,QPainter 提供了许多 drawX 的方法 */
    painter.drawPixmap(rect,disc);
}

最终效果:

参考:QT 实现图片旋转的两种方法 - 走看看

标签: qt 开发语言 ui

本文转载自: https://blog.csdn.net/weixin_46432495/article/details/126905119
版权归原作者 Lee Neo 所有, 如有侵权,请联系我们删除。

“全网最全!!Qt实现图片旋转及图片旋转动画的几种方式”的评论:

还没有评论