diff --git a/QWidgetDemo.pro b/QWidgetDemo.pro index 66ac2d6..681b640 100644 --- a/QWidgetDemo.pro +++ b/QWidgetDemo.pro @@ -36,6 +36,7 @@ SUBDIRS += imageswitch #图片开关控件 SUBDIRS += netserver #网络中转服务器 SUBDIRS += base64 #图片文字base64互换 SUBDIRS += smoothcurve #平滑曲线 +SUBDIRS += imageviewwindow #图片预览查看 win32 { SUBDIRS += ffmpegdemo #视频流播放ffmpeg内核 diff --git a/imageviewwindow/Resources/1.jpg b/imageviewwindow/Resources/1.jpg new file mode 100644 index 0000000..cb7f271 Binary files /dev/null and b/imageviewwindow/Resources/1.jpg differ diff --git a/imageviewwindow/Resources/2.jpg b/imageviewwindow/Resources/2.jpg new file mode 100644 index 0000000..99726b3 Binary files /dev/null and b/imageviewwindow/Resources/2.jpg differ diff --git a/imageviewwindow/Resources/3.jpg b/imageviewwindow/Resources/3.jpg new file mode 100644 index 0000000..86e5e3a Binary files /dev/null and b/imageviewwindow/Resources/3.jpg differ diff --git a/imageviewwindow/Resources/4.jpg b/imageviewwindow/Resources/4.jpg new file mode 100644 index 0000000..139a17c Binary files /dev/null and b/imageviewwindow/Resources/4.jpg differ diff --git a/imageviewwindow/Resources/5.jpg b/imageviewwindow/Resources/5.jpg new file mode 100644 index 0000000..41c2db3 Binary files /dev/null and b/imageviewwindow/Resources/5.jpg differ diff --git a/imageviewwindow/Resources/6.jpg b/imageviewwindow/Resources/6.jpg new file mode 100644 index 0000000..dbe1c97 Binary files /dev/null and b/imageviewwindow/Resources/6.jpg differ diff --git a/imageviewwindow/Resources/7.jpg b/imageviewwindow/Resources/7.jpg new file mode 100644 index 0000000..f23f324 Binary files /dev/null and b/imageviewwindow/Resources/7.jpg differ diff --git a/imageviewwindow/Resources/Wblog_left.png b/imageviewwindow/Resources/Wblog_left.png new file mode 100644 index 0000000..ff05dea Binary files /dev/null and b/imageviewwindow/Resources/Wblog_left.png differ diff --git a/imageviewwindow/Resources/Wblog_right.png b/imageviewwindow/Resources/Wblog_right.png new file mode 100644 index 0000000..1480069 Binary files /dev/null and b/imageviewwindow/Resources/Wblog_right.png differ diff --git a/imageviewwindow/graphicspixmap.cpp b/imageviewwindow/graphicspixmap.cpp new file mode 100644 index 0000000..36719ea --- /dev/null +++ b/imageviewwindow/graphicspixmap.cpp @@ -0,0 +1,59 @@ +#include "graphicspixmap.h" + +#include +#include +#include +#include + +GraphicsPixmap::GraphicsPixmap() : QGraphicsObject() +{ + setCacheMode(DeviceCoordinateCache); +} + +void GraphicsPixmap::mousePressEvent(QGraphicsSceneMouseEvent *event) +{ + QGraphicsObject::mousePressEvent(event); + if (event->button() == Qt::LeftButton) + { + emit clicked(); + } +} + +void GraphicsPixmap::setItemOffset(QPointF ponit) +{ + prepareGeometryChange(); + offset = ponit; + update(); +} + +QPointF GraphicsPixmap::itemoffset() +{ + return offset; +} + +void GraphicsPixmap::setPixmap(const QPixmap& pixmap) +{ + pixSize = pixmap.size(); + pix = pixmap; +} + +void GraphicsPixmap::setPixmapSize(QSize size) +{ + pixSize = size; +} + +QSize GraphicsPixmap::pixsize() +{ + return pixSize; +} + +QRectF GraphicsPixmap::boundingRect() const +{ + return QRectF(offset, pix.size() / pix.devicePixelRatio()); +} + +void GraphicsPixmap::paint(QPainter *painter, const QStyleOptionGraphicsItem *, QWidget *) +{ + painter->setRenderHint(QPainter::SmoothPixmapTransform, true); + painter->drawPixmap(offset, pix.scaled(pixSize, Qt::KeepAspectRatio, Qt::SmoothTransformation)); +} \ No newline at end of file diff --git a/imageviewwindow/graphicspixmap.h b/imageviewwindow/graphicspixmap.h new file mode 100644 index 0000000..fcc8966 --- /dev/null +++ b/imageviewwindow/graphicspixmap.h @@ -0,0 +1,38 @@ +#ifndef GRAPHICSPIXMAP_H +#define GRAPHICSPIXMAP_H + +#include +#include +#include + +class GraphicsPixmap : public QGraphicsObject +{ + Q_OBJECT + Q_PROPERTY(QPointF itemoffset READ itemoffset WRITE setItemOffset) + Q_PROPERTY(QSize itemsize READ pixsize WRITE setPixmapSize) + +public: + GraphicsPixmap(); + +public: + QRectF boundingRect() const Q_DECL_OVERRIDE; + void setItemOffset(QPointF ponit); + QPointF itemoffset(); + QSize pixsize(); + void setPixmap(const QPixmap& pixmap); + void setPixmapSize(QSize size); + +signals: + void clicked(); + +private: + void mousePressEvent(QGraphicsSceneMouseEvent *event) Q_DECL_OVERRIDE; + void paint(QPainter *, const QStyleOptionGraphicsItem *, QWidget *) Q_DECL_OVERRIDE; + +private: + QPixmap pix; + QPointF offset; + QSize pixSize; +}; + +#endif // GRAPHICSPIXMAP_H diff --git a/imageviewwindow/graphicsview.cpp b/imageviewwindow/graphicsview.cpp new file mode 100644 index 0000000..ef6f1fd --- /dev/null +++ b/imageviewwindow/graphicsview.cpp @@ -0,0 +1,18 @@ +#include "graphicsview.h" + +GraphicsView::GraphicsView(QGraphicsScene *scene) + : QGraphicsView(scene) +{ + +} + +GraphicsView::~GraphicsView() +{ + +} + +void GraphicsView::resizeEvent(QResizeEvent *event) +{ + QGraphicsView::resizeEvent(event); + fitInView(sceneRect(), Qt::KeepAspectRatio); +} \ No newline at end of file diff --git a/imageviewwindow/graphicsview.h b/imageviewwindow/graphicsview.h new file mode 100644 index 0000000..d517724 --- /dev/null +++ b/imageviewwindow/graphicsview.h @@ -0,0 +1,18 @@ +#ifndef GRAPHICSVIEW_H +#define GRAPHICSVIEW_H + +#include + +class GraphicsView : public QGraphicsView +{ + Q_OBJECT + +public: + GraphicsView(QGraphicsScene *scene); + ~GraphicsView(); + +protected: + void resizeEvent(QResizeEvent *event) Q_DECL_OVERRIDE; +}; + +#endif // GRAPHICSVIEW_H diff --git a/imageviewwindow/imageviewwindow.cpp b/imageviewwindow/imageviewwindow.cpp new file mode 100644 index 0000000..ade74e0 --- /dev/null +++ b/imageviewwindow/imageviewwindow.cpp @@ -0,0 +1,211 @@ +#include "imageviewwindow.h" +#include "graphicsview.h" +#include "graphicspixmap.h" + +#include +#include +#include +#include + +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{ + { "zIndex" , "1" }, + { "width" , "120" }, + { "height" , "150" }, + { "top" , "71" }, + { "left" , "134" }, + { "opacity" , "0.6" } + }; + m_imgMapInfolst << QMap{ + { "zIndex", "2" }, + { "width", "130" }, + { "height", "170" }, + { "top", "61" }, + { "left", "0" }, + { "opacity", "0.7" } + }; + m_imgMapInfolst << QMap{ + { "zIndex", "3" }, + { "width", "170" }, + { "height", "218" }, + { "top", "37" }, + { "left", "110" }, + { "opacity", "0.8" } + }; + m_imgMapInfolst << QMap{ + { "zIndex", "4" }, + { "width", "224" }, + { "height", "288" }, + { "top", "0" }, + { "left", "262" }, + { "opacity", "1" } + }; + m_imgMapInfolst << QMap{ + { "zIndex", "3" }, + { "width", "170" }, + { "height", "218" }, + { "top", "37" }, + { "left", "468" }, + { "opacity", "0.8" } + }; + m_imgMapInfolst << QMap{ + { "zIndex", "2" }, + { "width", "130" }, + { "height", "170" }, + { "top", "61" }, + { "left", "620" }, + { "opacity", "0.7" } + }; + m_imgMapInfolst << QMap{ + { "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(); +} diff --git a/imageviewwindow/imageviewwindow.h b/imageviewwindow/imageviewwindow.h new file mode 100644 index 0000000..8a7317c --- /dev/null +++ b/imageviewwindow/imageviewwindow.h @@ -0,0 +1,42 @@ +#ifndef IMAGEVIEWWINDOW_H +#define IMAGEVIEWWINDOW_H + +#include +#include "ui_imageviewwindow.h" + +class QTimer; +class QPropertyAnimation; +class GraphicsPixmap; +class QGraphicsScene; +class QParallelAnimationGroup; +class ImageViewWindow : public QWidget +{ + Q_OBJECT + +public: + ImageViewWindow(QWidget *parent = 0); + ~ImageViewWindow(); + +private: + void initControl(); + void nextPlay(); + void lastPlay(); + void play(); + +private slots: + void onLeftBtnClicked(); + void onRightBtnClicked(); + +private: + Ui::ImageViewWindowClass ui; + QGraphicsScene* m_scene; + QList> m_imgMapInfolst; + QList m_items; + QParallelAnimationGroup *m_group; + QMap m_animationMap; + QMap m_animationsMap; + QTimer* m_timer; + bool m_isStart; +}; + +#endif // IMAGEVIEWWINDOW_H diff --git a/imageviewwindow/imageviewwindow.pro b/imageviewwindow/imageviewwindow.pro new file mode 100644 index 0000000..3851459 --- /dev/null +++ b/imageviewwindow/imageviewwindow.pro @@ -0,0 +1,22 @@ +QT += core gui + +greaterThan(QT_MAJOR_VERSION, 4): QT += widgets + +TARGET = imageviewwindow +TEMPLATE = app +DESTDIR = $$PWD/../bin + +CONFIG += warn_off + +HEADERS += graphicsview.h +HEADERS += graphicspixmap.h +HEADERS += imageviewwindow.h + +SOURCES += graphicspixmap.cpp +SOURCES += graphicsview.cpp +SOURCES += imageviewwindow.cpp +SOURCES += main.cpp + +FORMS += imageviewwindow.ui + +RESOURCES += imageviewwindow.qrc diff --git a/imageviewwindow/imageviewwindow.qrc b/imageviewwindow/imageviewwindow.qrc new file mode 100644 index 0000000..f3ca46d --- /dev/null +++ b/imageviewwindow/imageviewwindow.qrc @@ -0,0 +1,13 @@ + + + Resources/1.jpg + Resources/2.jpg + Resources/3.jpg + Resources/4.jpg + Resources/5.jpg + Resources/6.jpg + Resources/7.jpg + Resources/Wblog_left.png + Resources/Wblog_right.png + + diff --git a/imageviewwindow/imageviewwindow.ui b/imageviewwindow/imageviewwindow.ui new file mode 100644 index 0000000..cb96f2f --- /dev/null +++ b/imageviewwindow/imageviewwindow.ui @@ -0,0 +1,39 @@ + + + ImageViewWindowClass + + + + 0 + 0 + 1062 + 538 + + + + ImageViewWindow + + + + 0 + + + 0 + + + 0 + + + 0 + + + 0 + + + + + + + + + diff --git a/imageviewwindow/main.cpp b/imageviewwindow/main.cpp new file mode 100644 index 0000000..33eaf15 --- /dev/null +++ b/imageviewwindow/main.cpp @@ -0,0 +1,29 @@ +#pragma execution_character_set("utf-8") + +#include "imageviewwindow.h" +#include +#include + +int main(int argc, char *argv[]) +{ + QApplication a(argc, argv); + a.setFont(QFont("Microsoft Yahei", 9)); + +#if (QT_VERSION <= QT_VERSION_CHECK(5,0,0)) +#if _MSC_VER + QTextCodec *codec = QTextCodec::codecForName("gbk"); +#else + QTextCodec *codec = QTextCodec::codecForName("utf-8"); +#endif + QTextCodec::setCodecForLocale(codec); + QTextCodec::setCodecForCStrings(codec); + QTextCodec::setCodecForTr(codec); +#else + QTextCodec *codec = QTextCodec::codecForName("utf-8"); + QTextCodec::setCodecForLocale(codec); +#endif + + ImageViewWindow w; + w.show(); + return a.exec(); +}