最近研究了一下图片轮播,主要是用到了QPropertyAnimation这个类,具体代码示例如下:

main.cpp

#include <QApplication>
#include "widget.h" int main(int argc, char *argv[])
{
QApplication a(argc, argv); Widget view;
view.show(); return a.exec();
}

widget.h

#ifndef WIDGET_H
#define WIDGET_H #include <QWidget>
#include <QPropertyAnimation> QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE class Widget : public QWidget
{
Q_OBJECT public:
Widget(QWidget *parent = nullptr); ~Widget(); protected:
const QString popImage(); void takeAnimation(); void timerEvent( QTimerEvent *event ); private:
void onAnimation0Finished(); void onAnimation1Finished(); signals:
void TakeAnimation(); private:
QVector<QString> aryImage; QWidget *widget0; QWidget *widget1; QPropertyAnimation *animation0; QPropertyAnimation *animation1; Ui::Widget *ui;
};
#endif // WIDGET_H

widget.cpp

#include <QPropertyAnimation>
#include "widget.h"
#include "ui_widget.h" Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
setWindowFlags(windowFlags() | Qt::FramelessWindowHint | Qt::WindowSystemMenuHint); // image
aryImage << "c:/1.jpg"
<< "c:/2.jpg"
<< "c:/3.jpg"; // widget
widget0 = new QWidget( this );
widget0->setFixedSize( 375, 200 ); widget1 = new QWidget( this );
widget1->setFixedSize( 375, 200 ); // animation
animation0 = new QPropertyAnimation();
animation1 = new QPropertyAnimation(); takeAnimation(); startTimer( 5000 );
} Widget::~Widget()
{
delete animation0;
delete animation1;
delete ui;
} const QString Widget::popImage()
{
auto img = aryImage.first();
aryImage.pop_front();
aryImage.push_back( img );
return img;
} void Widget::takeAnimation()
{
if ( animation0->targetObject() == nullptr ) {
widget0->setStyleSheet( QString( "border-image: url(%1);" ).arg( popImage() ) );
animation0->setTargetObject( widget0 );
} else if ( animation0->targetObject() == widget1 ) {
animation0->setTargetObject( widget0 );
} else if ( animation0->targetObject() == widget0 ) {
animation0->setTargetObject( widget1 );
} animation0->setPropertyName( "geometry" );
animation0->setDuration( 1500 );
animation0->setStartValue( QRect( 0, 0, 375, 200 ) );
animation0->setEndValue( QRect( -375, 0, 0, 200 ) );
animation0->start(); if ( animation1->targetObject() == nullptr ) {
widget1->setStyleSheet( QString( "border-image: url(%1);" ).arg( popImage() ) );
animation1->setTargetObject( widget1 );
} else if ( animation1->targetObject() == widget0 ) {
widget1->setStyleSheet( QString( "border-image: url(%1);" ).arg( popImage() ) );
animation1->setTargetObject( widget1 );
} else if ( animation1->targetObject() == widget1 ) {
widget0->setStyleSheet( QString( "border-image: url(%1);" ).arg( popImage() ) );
animation1->setTargetObject( widget0 );
} animation1->setPropertyName( "geometry" );
animation1->setDuration( 1500 );
animation1->setStartValue( QRect( 375, 0, 750, 200 ) );
animation1->setEndValue( QRect( 0, 0, 375, 200 ) );
animation1->start();
} void Widget::timerEvent( QTimerEvent *event )
{
takeAnimation();
}

Qt 图片轮播的更多相关文章

  1. 原生js+css3实现图片自动切换,图片轮播

    运用CSS3transition及opacity属性 制作图片轮播动画 自己这两天根据用js来控制触发CSS3中transition属性,从而写出来的以CSS3动画为基础,js控制过程的图片轮播 运用 ...

  2. 纯javaScript、jQuery实现个性化图片轮播

    纯javaScript实现个性化图片轮播 轮播原理说明<如上图所示>: 1. 画布部分(可视区域)属性说明:overflow:hidden使得超出画布部分隐藏或说不可见.position: ...

  3. jQuery个性化图片轮播效果

    jQuery个性化图片轮播效果 购物产品展示:图片轮播器<效果如下所示> 思路说明: 每隔一段时间,实现图片的自动切换及选项卡选中效果,鼠标划入图片动画停止,划出或离开动画开始 两个区域: ...

  4. 原生JS实现"旋转木马"效果的图片轮播插件

    一.写在最前面 最近都忙一些杂七杂八的事情,复习软考.研读经典...好像都好久没写过博客了... 我自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的, ...

  5. 基于面向对象的图片轮播(js原生代码)

    无论你想走多远,你都需要不断地走下去.前端最精华的便是原生的js,这也是我们前端工程师的技术分层的重要指标,也提现这你的代码能力,开发的水平.废话不多说,进入今天的主要分享————基于面向对象思想的图 ...

  6. jquery 图片轮播demo实现

    转载注明出处!!! 转载注明出处!!! 转载注明出处!!! 图片轮播demo,弄清楚过程其实是一个很简单的东西,看网上都没有什么实质性的代码,就自己把过程捋了一遍实现了. 这次因为随手写的,所以没有做 ...

  7. PgwSlideshow-基于Jquery的图片轮播插件

    0 PgwSlideshow简介 PgwSlideshow是一款基于Jquery的图片轮播插件,基本布局分为上下结构,上方为大图轮播区域,用户可自定义图片轮播切换的间隔时间,也可以通过单击左右方向按键 ...

  8. 一分钟搞定AlloyTouch图片轮播

      一分钟搞定AlloyTouch图片轮播 轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹.除了一般的竖向滚动,A ...

  9. 12款经典的白富美型—jquery图片轮播插件—前端开发必备

    图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美 ...

  10. Jsoup开发网站客户端第二篇,图片轮播,ScrollView兼容ListView

    最近一段日子忙的焦头烂额,代码重构,新项目编码,导致jsoup开发网站客户端也没时间继续下去,只能利用晚上时间去研究了.今天实现美食网首页图片轮播效果,网站效果图跟Android客户端实现如图: 从浏 ...

随机推荐

  1. php解析url并得到url中的参数及获取url参数的四种方式

    https://www.jb51.net/article/73900.htm 下面通过四种实例给大家介绍php url 参数获取方式. 在已知URL参数的情况下,我们可以根据自身情况采用$_GET来获 ...

  2. SQL注入之WAF绕过注入

    绕过WAF: WAF防御原理: 简单来说waf就是解析http请求,检测http请求中的参数是否存在恶意的攻击行为,如果请求中的参数和waf中的规则库所匹配,那么waf则判断此条请求为攻击行为并进行阻 ...

  3. wordpress设置自定义字体

    wordpress设置自定义字体: 失败的操作过程: 写在最前:试了一天多的引用字体,方法包括但不限于: 下载.ttf..otf格式字体,转化为wotf .wotf2格式,挂在github仓库用CDN ...

  4. MySql 主从(备)部署 | 冷备份

    前言 MySQL 主从复制(Master-Slave Replication)是一种常见的数据库架构设计,用于提高数据可用性.实现读写分离以及支持备份策略.冷备份是指在数据库关闭状态下进行的数据备份方 ...

  5. JavaScript的标准库

    Object 对象 概述 JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例. Object对象的原生方法分成两类:Object本身的方法与Object的实 ...

  6. nginx启动失败 Starting nginx nginx [fail]

    nginx -t :测试配置文件是否有语法错误 看看报什么错误,我的是忘记给权限了 nginx: [alert] could not open error log file: open() " ...

  7. BUUCTF---childRSA(费马引理)

    题目 点击查看代码 from random import choice from Crypto.Util.number import isPrime, sieve_base as primes fro ...

  8. ANSYS 导出节点的位移数据

    1. 数据保存 确定待提取的节点编号: 获取节点位移变量: 将节点位移变量存储到数组中,用于数据传递: ! 输出对应节点的位移到csv文件 ! 注意同时导入.db和.rst,并切换到/post26模块 ...

  9. Java的IO模型、Netty原理详解

    1.什么是IO 虽然作为Java开发程序员,很多都听过IO.NIO这些,但是很多人都没深入去了解这些内容. Java的I/O是以流的方式进行数据输入输出的,Java的类库涉及很多领域的IO内容:标准的 ...

  10. 学习unigui【22】unistringGrid的标题栏双击事件

    第一步:在TuniStringGrid的ClientEvents.ExtEvents中定义Ext.grid.Panel的reconfigure事件: function reconfigure(send ...