QWidget图片轮播

#include "imageviewwindow.h" #include "graphicsview.h" #include "graphicspixmap.h" #include <QParallelAnimationGroup> #include <QPropertyAnimation> #include <QDebug> #include <QTimer> const int image_conunt = 5; const int image_yoffset = 40; const int image_xoffset = 60; ImageViewWindow::ImageViewWindow(QWidget *parent) : QWidget(parent) , m_isStart(false) { ui.setupUi(this); initControl(); } ImageViewWindow::~ImageViewWindow() { } void ImageViewWindow::initControl() { //场景 m_scene = new QGraphicsScene(QRect(0, 0, 876, 368), this); //图片信息 m_imgMapInfolst << QMap<QString, QString>{ { "zIndex" , "1" }, { "width" , "120" }, { "height" , "150" }, { "top" , "71" }, { "left" , "134" }, { "opacity" , "0.6" } }; m_imgMapInfolst << QMap<QString, QString>{ { "zIndex", "2" }, { "width", "130" }, { "height", "170" }, { "top", "61" }, { "left", "0" }, { "opacity", "0.7" } }; m_imgMapInfolst << QMap<QString, QString>{ { "zIndex", "3" }, { "width", "170" }, { "height", "218" }, { "top", "37" }, { "left", "110" }, { "opacity", "0.8" } }; m_imgMapInfolst << QMap<QString, QString>{ { "zIndex", "4" }, { "width", "224" }, { "height", "288" }, { "top", "0" }, { "left", "262" }, { "opacity", "1" } }; m_imgMapInfolst << QMap<QString, QString>{ { "zIndex", "3" }, { "width", "170" }, { "height", "218" }, { "top", "37" }, { "left", "468" }, { "opacity", "0.8" } }; m_imgMapInfolst << QMap<QString, QString>{ { "zIndex", "2" }, { "width", "130" }, { "height", "170" }, { "top", "61" }, { "left", "620" }, { "opacity", "0.7" } }; m_imgMapInfolst << QMap<QString, QString>{ { "zIndex", "1" }, { "width", "120" }, { "height", "150" }, { "top", "71" }, { "left", "496" }, { "opacity", "0.6" } }; //场景中添加图片元素 for (int index = 0; index < m_imgMapInfolst.size(); index++) { const auto imageInfoMap = m_imgMapInfolst[index]; const QString&& centerImg = QString(":/ImageViewWindow/Resources/%1.jpg").arg(index + 1); const QPixmap&& pixmap = QPixmap(centerImg); GraphicsPixmap *item = new GraphicsPixmap(); item->setPixmap(pixmap); item->setPixmapSize(QSize(imageInfoMap["width"].toInt(), imageInfoMap["height"].toInt())); item->setItemOffset(QPointF(imageInfoMap["left"].toInt() + image_xoffset, imageInfoMap["top"].toInt() + image_yoffset)); item->setZValue(imageInfoMap["zIndex"].toInt()); item->setOpacity(imageInfoMap["opacity"].toFloat()); m_items << item; m_scene->addItem(item); } //left button GraphicsPixmap *leftBtn = new GraphicsPixmap(); leftBtn->setCursor(QCursor(Qt::PointingHandCursor)); leftBtn->setPixmap(QPixmap(":/ImageViewWindow/Resources/Wblog_left.png")); leftBtn->setItemOffset(QPointF(12, image_yoffset + 124)); leftBtn->setZValue(5); m_scene->addItem(leftBtn); connect(leftBtn, SIGNAL(clicked()), this, SLOT(onLeftBtnClicked())); //right button GraphicsPixmap *rightBtn = new GraphicsPixmap(); rightBtn->setCursor(QCursor(Qt::PointingHandCursor)); rightBtn->setPixmap(QPixmap(":/ImageViewWindow/Resources/Wblog_right.png")); rightBtn->setItemOffset(QPointF(836, image_yoffset + 124)); rightBtn->setZValue(5); m_scene->addItem(rightBtn); connect(rightBtn, SIGNAL(clicked()), this, SLOT(onRightBtnClicked())); //视图 GraphicsView *view = new GraphicsView(m_scene); view->setFrameShape(QFrame::NoFrame); view->setParent(this); view->setViewportUpdateMode(QGraphicsView::BoundingRectViewportUpdate); view->setBackgroundBrush(QColor(46, 46, 46)); view->setCacheMode(QGraphicsView::CacheBackground); view->setRenderHints(QPainter::Antialiasing | QPainter::SmoothPixmapTransform); ui.viewlayout->addWidget(view); //动画: 大小，位置 m_group = new QParallelAnimationGroup; for (int i = 0; i < m_items.count(); ++i) { QPropertyAnimation *anim = new QPropertyAnimation(m_items[i], "itemoffset"); QPropertyAnimation *anims = new QPropertyAnimation(m_items[i], "itemsize"); m_animationMap.insert(m_items[i], anim); m_animationsMap.insert(m_items[i], anims); anim->setDuration(1000); anims->setDuration(1000); anim->setEasingCurve(QEasingCurve::OutQuad); anims->setEasingCurve(QEasingCurve::OutQuad); m_group->addAnimation(anim); m_group->addAnimation(anims); } //定时切换图片 m_timer = new QTimer(this); m_timer->setInterval(2000); connect(m_timer, &QTimer::timeout, [this](){ nextPlay(); }); connect(m_group, &QParallelAnimationGroup::finished, [this](){ m_isStart = false; m_timer->start(); }); m_timer->start(); } void ImageViewWindow::onLeftBtnClicked() { //鼠标点击的时候，先暂停定时器预览 m_timer->stop(); //上一张 lastPlay(); } void ImageViewWindow::onRightBtnClicked() { //鼠标点击的时候，先暂停定时器预览 m_timer->stop(); //下一张 nextPlay(); } void ImageViewWindow::play() { for (int index = 0; index < m_imgMapInfolst.size(); index++) { const auto item = m_items[index]; QPropertyAnimation *anim = m_animationMap.value(item); QPropertyAnimation *anims = m_animationsMap.value(item); const auto imageInfoMap = m_imgMapInfolst[index]; item->setZValue(imageInfoMap["zIndex"].toInt()); item->setOpacity(imageInfoMap["opacity"].toFloat()); QPointF pointf(imageInfoMap["left"].toInt() + image_xoffset, imageInfoMap["top"].toInt() + image_yoffset); const QString&& centerImg = QString(":/ImageViewWindow/Resources/%1.jpg").arg(index + 1); anim->setStartValue(item->itemoffset()); anims->setStartValue(item->pixsize()); anim->setEndValue(pointf); anims->setEndValue(QSize(imageInfoMap["width"].toInt(), imageInfoMap["height"].toInt())); } m_isStart = true; } void ImageViewWindow::nextPlay() { m_group->stop(); auto firstItem = m_items.takeAt(0); m_items << firstItem; play(); m_group->start(); } void ImageViewWindow::lastPlay() { m_group->stop(); auto lastItem = m_items.takeAt(m_items.size() - 1); m_items.prepend(lastItem); play(); m_group->start(); }