图片轮播c语言,Qt实现转动轮播图

最新推荐文章于 2021-12-24 06:37:44 发布
最新推荐文章于 2021-12-24 06:37:44 发布
阅读量401 收藏 6
点赞数
文章标签： 图片轮播c语言

Qt轮播图的实现代码，供大家参考，具体内容如下

qt轮播图简单的实现，功能会在后面完善

效果图：

84a03a4c48e1af9e25fc98169eca9430.gif

这里我是用了QGraphicsScene+QGraphicsView+QGraphicsObject，其中对QGraphicsView和QGraphicsObject进行继承派生类功能进行了添加。时间有限，直接贴上关键代码部分供大家参考。

//pictrueitem.h

#ifndef PICTRUEITEM_H

#define PICTRUEITEM_H

#include

#include

#include

#include

class PictrueItem : public QGraphicsObject

{

Q_OBJECT

public:

explicit PictrueItem(QGraphicsItem *parent = Q_NULLPTR);

explicit PictrueItem(const QPixmap &pixmap, QGraphicsItem *parent = Q_NULLPTR);

virtual ~PictrueItem();

void setPixmap(const QPixmap &pixmap);

QPixmap pixmap() const;

virtual QRectF boundingRect() const;

void setTransformationMode(Qt::TransformationMode mode);

QPointF offset() const;

void setOffset(const QPointF &offset);

virtual int type()const;

void setType(int type);

int itemId()const;

void setItemId(int id);

protected:

void mousePressEvent(QGraphicsSceneMouseEvent *event);

void mouseReleaseEvent(QGraphicsSceneMouseEvent *event);

virtual void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);

Q_SIGNALS:

void clicked();

void clickedId(int);

private:

QPointF pressedScenePoint;

QPointF m_offset;

QPointF m_pos;

Qt::TransformationMode mode;

QPixmap m_pixmap;

bool isPressed;

int m_type;

int m_id;

qreal m_pointPercent;

};

#endif // PICTRUEITEM_H

//pictrueitem.cpp

#include "pictrueitem.h"

#include

#include

#include

PictrueItem::PictrueItem(QGraphicsItem *parent)

:QGraphicsObject(parent),

isPressed(false),

mode(Qt::SmoothTransformation),

m_type(0),

m_id(0),

m_pointPercent((qreal)0.0)

{

}

PictrueItem::PictrueItem(const QPixmap &pixmap, QGraphicsItem *parent)

:QGraphicsObject(parent),

isPressed(false),

mode(Qt::SmoothTransformation),

m_type(0)

{

m_pixmap = pixmap;

}

PictrueItem::~PictrueItem()

{

}

void PictrueItem::setPixmap(const QPixmap &pixmap)

{

prepareGeometryChange();

m_pixmap = pixmap;

update();

}

QPixmap PictrueItem::pixmap() const

{

return m_pixmap;

}

QRectF PictrueItem::boundingRect() const

{

if(m_pixmap.isNull())

return QRectF();

return QRectF(m_offset, m_pixmap.size() / m_pixmap.devicePixelRatio());

}

void PictrueItem::setTransformationMode(Qt::TransformationMode mode)

{

if (mode != this->mode)

{

this->mode = mode;

update();

}

}

QPointF PictrueItem::offset() const

{

return m_offset;

}

void PictrueItem::setOffset(const QPointF &offset)

{

m_offset = offset;

if (m_offset == offset)

return;

prepareGeometryChange();

m_offset = offset;

update();

}

int PictrueItem::type() const

{

return m_type;

}

void PictrueItem::setType(int type)

{

m_type = type;

}

int PictrueItem::itemId() const

{

return m_id;

}

void PictrueItem::setItemId(int id)

{

m_id = id;

}

void PictrueItem::mousePressEvent(QGraphicsSceneMouseEvent *event)

{

//只响应鼠标左键

if(event->button() == Qt::LeftButton)

{

pressedScenePoint = event->pos();

isPressed = true;

}

}

void PictrueItem::mouseReleaseEvent(QGraphicsSceneMouseEvent *event)

{

if(event->button() == Qt::LeftButton){

if(isPressed &&

boundingRect().contains(event->pos()) &&

boundingRect().contains(pressedScenePoint))

{

isPressed = false;

emit clicked();

emit clickedId(type());

}

}

}

void PictrueItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)

{

Q_UNUSED(widget);

Q_UNUSED(option);

painter->setRenderHint(QPainter::SmoothPixmapTransform,

(this->mode == Qt::SmoothTransformation));

painter->drawPixmap(m_offset, m_pixmap);

}

//pictrueview.h

#ifndef PICTRUEVIEW_H

#define PICTRUEVIEW_H

#include

class PictrueView : public QGraphicsView

{

Q_OBJECT

public:

PictrueView(QWidget *parent = Q_NULLPTR);

virtual ~PictrueView();

protected:

void resizeEvent(QResizeEvent *event);

public:

Q_SIGNALS:

void sizeChanged(const QSize &);

};

#endif // PICTRUEVIEW_H

//pictrueview.cpp

#include "pictrueview.h"

#include

PictrueView::PictrueView(QWidget *parent)

:QGraphicsView(parent)

{

}

PictrueView::~PictrueView()

{

//none

}

void PictrueView::resizeEvent(QResizeEvent *event)

{

emit sizeChanged(event->size());

return QGraphicsView::resizeEvent(event);

}

下面那行按钮实现

//pictruebutton.h

#ifndef PICTRUERADIOBUTTON_H

#define PICTRUERADIOBUTTON_H

#include

class PictrueButton : public QAbstractButton

{

Q_OBJECT

public:

explicit PictrueButton(QWidget *parent = Q_NULLPTR);

~PictrueButton();

int id()const;

void setId(int id);

Q_SIGNALS:

void entered();

void entered(int);

protected:

virtual void paintEvent(QPaintEvent *);

virtual void enterEvent(QEvent *event);

virtual void leaveEvent(QEvent *event);

private:

bool m_isSelected;

int m_id;

};

#endif // PICTRUERADIOBUTTON_H

//pictruebutton.cpp

#include "pictruebutton.h"

#include

#include

#include

#include

PictrueButton::PictrueButton(QWidget *parent)

:QAbstractButton(parent),

m_isSelected(false),

m_id(0)

{

setCheckable(true);

setFixedSize(50,10);

}

PictrueButton::~PictrueButton()

{

}

int PictrueButton::id() const

{

return m_id;

}

void PictrueButton::setId(int id)

{

m_id = id;

}

void PictrueButton::paintEvent(QPaintEvent *)

{

QPainter painter(this);

QRectF drawRect = this->rect();

QPainterPath drawPath;

qDebug()<

QPen drawPen;

drawPen.setWidth(3);

//选中为蓝,未选中为灰

drawPen.setColor(Qt::gray);

painter.setPen(drawPen);

//抗锯齿

painter.setRenderHint(QPainter::Antialiasing);

drawPath.addRoundedRect(drawRect,10,10);

painter.setClipPath(drawPath);

if(isChecked())

painter.fillRect(drawRect,QColor(0,0,255,128));

else

painter.fillRect(drawRect,QColor(128,128,128,128));

}

void PictrueButton::enterEvent(QEvent *event)

{

if(!isChecked())

setChecked(true);

emit entered(m_id);

return QAbstractButton::enterEvent(event);

}

void PictrueButton::leaveEvent(QEvent *event)

{

return QAbstractButton::leaveEvent(event);

}

//qmainWindow.h

#ifndef MAINWINDOW_H

#define MAINWINDOW_H

#include

#define RAW_VIEW_SIZE QSize(476,414)

#define SCALE_VIEW_PIXMAP (qreal)2/1 //View与图片比例

#define SCALE_BIG_SMALL (qreal)2/1 //图片大小比例

//P1-P8，8个位置，根据需要改动

#define P1 (qreal)0.00

#define P2 (qreal)0.25

#define P3 (qreal)0.50

#define P4 (qreal)0.75

#define P5 (qreal)1.00

#define P6 P4

#define P7 P3

#define P8 P2

#define MID_TYPE 2

#define FPS 60//帧数，每秒

#define DURATION_MS 500//移动一次图元经过时间,毫秒，不得低于帧数

namespace Ui {

class MainWindow;

}

class QGraphicsScene;

class QButtonGroup;

class MainWindow : public QMainWindow

{

Q_OBJECT

public:

enum Rules:int{

RuleA = 1,

RuleB = -1,

RuleC = 2,

RuleD = -2

};

explicit MainWindow(QWidget *parent = 0);

~MainWindow();

int getIndexByRules(int oldIndex,int rule);

template

void rollList(QList &oldList, int dir, int count);

void rollItem(int rollDir,unsigned rollCount);

public Q_SLOTS:

void timerOutFunc();

void nextItem();

void previousItem();

void clickedItemRoll(int type);

protected:

private:

Ui::MainWindow *ui;

QTimer *m_timer;

QGraphicsScene *m_scene;

QLineF midLine;

QList pointList;

QList pixmapList;

QList zValueList;

QList pixmapScaleList;

int m_index;

Rules currentRule;

unsigned m_rollCount;

QButtonGroup *btnGroup;

bool btnMoveEnable;

};

#endif // MAINWINDOW_H

下面是滚动的关键代码

void MainWindow::timerOutFunc()

{

for(int i = 0; i<8; i++)

{

if(qAbs(midLine.pointAt(pointList[getIndexByRules(i,dir)]).x()-itemList[i]->pos().x())

{

if(finishList.contains(i))

continue;

itemList[i]->setPos(midLine.pointAt(pointList[getIndexByRules(i,dir)]));

//设置新的显示优先级

itemList[i]->setScale(pixmapScaleList[getIndexByRules(i,dir)]);

//设置新的类型

itemList[i]->setType(getIndexByRules(i,dir));

//i==7-->最后一个图元移动完成

finishList.append(i);

if(finishList.size() == 8)

{

//循环旋转图元表和图片表

rollList(itemList,dir,1);

rollList(pixmapList,dir,1);

for(int i = 0; i<8; i++)

itemList[i]->setZValue(zValueList[i]);

m_timer->stop();

finishList.clear();

if(btnGroup->checkedId()!=itemList[MID_TYPE]->itemId())

btnGroup->button(getIndexByRules(btnGroup->checkedId(),dir))->setChecked(true);

if(--m_rollCount)

{

if(dir == 1)

nextItem();

else

previousItem();

}

break;

}

}

else

{

//按计算好的移动单位移动一次

itemList[i]->setPos(QPointF(itemList[i]->pos().x()+unitList[i],itemList[i]->pos().y()));

//转换因子不是1.0时进行转换设置

if(transScaleList[i] != (qreal)1.0)

{

itemList[i]->setScale(itemList[i]->scale()*transScaleList[i]);

}

}

m_scene->invalidate();

}

}

void MainWindow::rollItem(int rollDir, unsigned rollCount)

{

if(m_timer->isActive())

return;

//清除之前的空间差列表和移动单位列表

m_rollCount = rollCount;

spaceList.clear();

unitList.clear();

transScaleList.clear();

dir = rollDir;

qDebug()<

for(int i = 0; i<8; i++)

{

spaceList.append(midLine.pointAt(pointList[getIndexByRules(i,dir)]).x()-itemList[i]->pos().x());//计算移动总距离

unitList.append(spaceList[i]/(FPS*DURATION_MS/1000));//计算移动单个距离

transScaleList.append(pow(pixmapScaleList[getIndexByRules(i,dir)]/pixmapScaleList[i],\

(qreal)1/(FPS*DURATION_MS/1000)));//计算增长倍数

}

//启动定时器

m_timer->start();

}

void MainWindow::nextItem()

{

rollItem(1,1);

}

void MainWindow::previousItem()

{

rollItem(-1,1);

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

weixin_39527487
关注
Qt/C++编写自定义控件24-图片轮播控件
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
06-08 2693
一、前言 上一篇文章写的广告轮播控件，采用的传统widget堆积设置样式表做的，这次必须要用到更高级的QPainter来绘制了，这个才是最高效的办法，本控件参考雨田哥的轮播控件，经过大规模的改造而成，相比于原来的广告轮播控件，本控件可以说完爆他，按在地上使劲摩擦。除了可以设置图片路径集合以外，还可以设置对应的提示信息，这个在众多的web轮播图片效果中最常见，比如新闻的标题等，可以更直观的显示当前图...
QT实现图片轮播
08-19
主要介绍了QT实现图片轮播，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
c语言实现图片轮播,纯css实现轮播图
weixin_30902415的博客
05-23 857
轮播图的实现原理其实是比较简单的举个例子main的宽度是100pxdiv-main的宽度是500px我们用js控制div-main往左或往右移动，这样就实现了轮播，简单把好了，先介绍个 css3的apianimation: myfirst 5s linear 2s infinite alternate;myfirst：动画名5s：动画多久执行完linear：动画以什么曲线执行2s：动画延迟多长时间...
Qt转动轮播图的实现
h391998495979的博客
10-01 2621
Qt轮播图的实现 qt轮播图简单的实现，功能会在后面完善 效果图： 这里我是用了QGraphicsScene+QGraphicsView+QGraphicsObject，其中对QGraphicsView和QGraphicsObject进行继承派生类功能进行了添加。时间有限，直接贴上关键代码部分供大家参考。 #include "pictrueitem.h" #include <QGraphi...
c语言实现图片轮播,Vue实现图片轮播组件思路及实例解析
weixin_32259717的博客
05-23 472
1、先看效果：熟悉的图片轮播，只要是个网站，百分之90以上会有个图片轮播。我认为使用图片轮播。第一可以给人以一种美观的感受，而不会显得网站那么呆板，第二可以增加显示内容，同样的区域可以显示更多内容。2、每学一个新东西 ，图片轮播都是很好的练手案例，而且，也很实用。3、基本要求：页面加载，自动播放。鼠标悬停，停止播放。鼠标离开，继续播放点击左右箭头切换上一张，下一张图片。下方小圆点显示当前位第几张图...
森林笔记：Qt线程及其应用：实现图片轮播
laried的博客
07-09 504
1
Qt实现转动轮播图
08-19
Qt实现转动轮播图 概述：本文主要介绍了使用Qt实现转动轮播图的方法，通过示例代码详细介绍了Qt实现转动轮播图的步骤，具有实际参考价值。 一、Qt转动轮播图的实现 Qt转动轮播图是使用Qt框架实现的，主要使用...
qt QLabel 实现图片轮播效果
03-10
这里，我们通过创建一个自定义的QLabel子类来实现这个功能，它具备了添加图片、显示图片描述、自动轮播以及用户点击索引按钮切换图片的能力。 首先，我们需要创建一个新的类，例如`ImageCarousel`，它继承自`QLabel...
qt QLabel实现图片轮播效果
03-16
在本教程中，我们将探讨如何利用Qt5中的QLabel控件来实现图片轮播效果，这将使你的应用程序更加生动和吸引人。下面，我们将详细介绍实现这一功能的关键步骤和技术。 首先，你需要确保已经安装了Qt开发环境，并且...
Qt实现滚动轮播图广告
11-23
Qt轮播图实现，在一个机会下，面试官让我写一个Qt轮播图功能的项目，所以我就把它传到这供大家参考，我认为功能还是比较全的，笔者把一些功能都是写活的，并且有非常详实的注释，比较适合初学者对信号槽机制的掌握，也方便大家使用。我个人认为Qt的轮播图确实很考验一个开发者使用信号槽机制的使用情况。
Qt循环播放一组图片
08-18
自己写 的qt在label上循环显示一组图片，语句提供多种分辨率的图片
一个qt图片自动循环播放的小程序
12-15
一个用qt实现的图片自动循环播放的小程序。 对刚刚学qt的新生有用！
QT-qml轮播图自动循环
03-23
通过Quick qml自带list实现类似京东电商移动app自动循环滚动图展示效果。也就是轮播图，可自动循环滚动，也可手动滑动循环展示。
Qt之实现图片轮播效果
我不是萧海哇的博客
05-26 1503
一、简述 今天文章讲述的是如何用Qt实现图片轮播的效果，其实我们经常在网页中看到各种广告就是使用了图片轮播，实现小区域内嵌入多个广告的效果。 下面是CSDN页面中两种常见的图片轮播效果。基本上就是定时自动切换广告页面，或者手动点击选择切换页面。 其实实现起来也不难，只要使用Qt的动画类即可实现类似的效果。之前做了一个，效果不佳，今天重新写了一遍，实现了类似上面第一种的效果，通过Qt的动画类修改透明度来实现上下两张图片的切换效果，下面上效果图。 二、代码之路 CarouselImageWindow.h
qt 实现轮播图
比卡丘不皮的博客
10-29 2928
这个是为了编写我网易云项目中轮播图的效果，目前移动动画有点问题，后期把功能给加上。 采用了QGraphicsScene 、QGraphicsView、QGraphicsPixmapItem的方式，参考了网上博主 https://blog.csdn.net/h391998495979/article/details/101868838 然后自己采用了map 关联了button 与 图片的连接。 主要代码： #include "picturewidget.h" #include "ui_pi..
Qt绘制图片轮播控件
浮生流年的博客
02-15 1242
该控件参考了feiyangqingyun博主的博文：Qt编写自定义控件24-图片轮播控件https://blog.csdn.net/feiyangqingyun/article/details/91315428 并在其基础上稍加修改并新添了鼠标悬停导航器切换图片的功能。 效果图 头文件 #ifndef QWHADVERTISINGPAGE_H #define QWHADVERTISINGP...
Qt学习 第16节：图片轮播
人类工程师的博客
12-24 575
#ifndef PICTURE_H #define PICTURE_H #include <QWidget> #include <QLabel> #include <QPixmap> #include <QTimer> #include <QString> class Picture : public QWidget { Q_OBJECT public: Picture(QWidget *parent = nullptr);.
c语言写图片轮播,js编写轮播图，广告弹框
weixin_42213451的博客
05-24 191
1.轮播图js编写轮播图，需要用到setInterval(计时器)；先给一个div,里面放轮播图的图片,将轮播图的图片明明为相同样式的；如：banner1.jpg，banner2.jpg，banner3.jpg；(图片宽度自己设置，宽高与div的大小一致，确定填充满) js编写轮播图图片变换函数var i=1;function changeImg(){i++;document.getElement...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值