QT实现图片轮播

本文实例为大家分享了QT实现图片轮播的具体代码，供大家参考，具体内容如下

UI设计

一个Qlabel控件,一个pushButton 键

废话不多说直接怼代码

.h文件

#ifndef IMAGES_H
#define IMAGES_H

#include <QtWidgets/QMainWindow>
#include "ui_images.h"
#include <Qlabel>
#include <qpushbutton.h>
#include <qpixmap.h>
#include <qstring.h>
#include <qtimer.h>

class images : public QMainWindow
{
 Q_OBJECT

public:
 images(QWidget *parent=0);
 ~images();

private:
 Ui::imagesClass ui;
 QTimer *qTimer;
 int imgNumber;
private slots:
 //显示图片
 void showPictureSlot();

};

#endif // IMAGES_H

.cpp文件

#include "images.h"
#pragma execution_character_set("utf-8")

images::images(QWidget *parent)
 : QMainWindow(parent), imgNumber(0)
{
 ui.setupUi(this);
 //修改标题
 this->setWindowTitle("QLabel的显示图片程序:");

 //给label设置新的文本
 ui.picture_label->setText("未显示图片");
 //将label框的内容位于中间.
 ui.picture_label->setAlignment(Qt::AlignCenter | Qt::AlignHCenter);

 //设置label框自动填充
 //ui.picture_label->setScaledContents(true);

 //连接信号 与 槽
 connect(ui.pushButton, SIGNAL(clicked()), this, SLOT(showPictureSlot()));

 ui.picture_label->setScaledContents(true);

 qTimer = new QTimer();

 connect(this->qTimer, SIGNAL(timeout()), this, SLOT(showPictureSlot()));

 qTimer->start(3000);
}

images::~images()
{
 delete qTimer;
}
//显示图片
void images::showPictureSlot(){
 ++imgNumber;
    //图片路径(绝对路径拼接)
 QString path = ":/File/Resources/" + QString::number(imgNumber) + ".png";
 QPixmap pixmap(path);

 pixmap.scaled(ui.picture_label->size(), Qt::KeepAspectRatio);

 ui.picture_label->setPixmap(pixmap);

 if (3 == imgNumber)
 {
 imgNumber = 0;
 }
}

这样简单的图片轮播在Qlabel上就 实现了.

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

赞 (0)

相关推荐

  • Qt实现转动轮播图

    Qt轮播图的实现代码,供大家参考,具体内容如下 qt轮播图简单的实现,功能会在后面完善 效果图: 这里我是用了QGraphicsScene+QGraphicsView+QGraphicsObject,其中对QGraphicsView和QGraphicsObject进行继承派生类功能进行了添加.时间有限,直接贴上关键代码部分供大家参考. //pictrueitem.h #ifndef PICTRUEITEM_H #define PICTRUEITEM_H #include <QGraphicsPi

  • QT实现图片轮播

    本文实例为大家分享了QT实现图片轮播的具体代码,供大家参考,具体内容如下 UI设计 一个Qlabel控件,一个pushButton 键 废话不多说直接怼代码 .h文件 #ifndef IMAGES_H #define IMAGES_H #include <QtWidgets/QMainWindow> #include "ui_images.h" #include <Qlabel> #include <qpushbutton.h> #include &

  • 使用JQuery实现图片轮播效果的实例(推荐)

    使用JQuery实现图片轮播效果的实例(推荐)

    [效果如图] [原理简述] 这里大概说一下整个流程: 1,将除了第一张以外的图片全部隐藏, 2,获取第一张图片的alt信息显示在信息栏,并添加点击事件 3,为4个按钮添加点击侦听,点击相应的按钮,用fadeOut,fadeIn方法显示图片 4,设置setInterval,定时执行切换函数 [代码说明] filter(":visible") :获取所有可见的元素 unbind():从匹配的元素中删除绑定的事件 siblings:取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元

  • Angular2利用组件与指令实现图片轮播组件

    Angular2利用组件与指令实现图片轮播组件

    前言 如果说模块系统是Angular2的灵魂,那其组件体系就是其躯体,在模块的支持下渲染出所有用户直接看得见的东西,一个项目最表层的东西就是组件呈现的视图. 而除了直接看的见的躯体之外,一个完整的"生物"还需要有感觉器官,用来感知外界与其的交互,这就是指令要做的事情. 本文将使用Angular2提供的强大的组件与指令等功能制作出一个简单的图片轮播控件,继续上文打的比方的话这就像是一个"器官",功能是呈现图片,并感知用户的点击或手势来切换图片. 一.创建组件 结束上文

  • 基于cssSlidy.js插件实现响应式手机图片轮播效果

    基于cssSlidy.js插件实现响应式手机图片轮播效果

    cssSlidy是一款支持手机移动端的焦点图轮播插件,支持标题设置,滑动动画,间隔时间等. 在线实例 实例演示 使用方法 <div id="slidy-container"> <figure id="slidy"> <a href='#' target='_blank'><img src="img/2.jpg" alt="jQuery.nicescroll美化滚动条" data-cap

  • jQuery实现的图片轮播效果完整示例

    jQuery实现的图片轮播效果完整示例

    本文实例讲述了jQuery实现的图片轮播效果.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> <style type="text/css"> *{ padding: 0; margin: 0;} li{ list-

  • jQuery实现图片轮播效果代码

    jQuery实现图片轮播效果代码

    整理以前用jQuery实现的图片轮播效果. 1. 不做操作时,自动轮播  2. 鼠标悬浮在图片上时,停止自动轮播,隐藏在图片左右的箭头会显示出来  3. 手动轮播1:鼠标指向图片底部的小标按钮,可以切换对应的图片  4. 手动轮播2:点击左右箭头也可以切换图片 效果图:(PS:用软件捕捉的,不太会弄,感觉图片都失真了) 下面是代码区域: **inde.html部分代码** <div class="box"> <ul class="img">

  • jQuery左右滚动支持图片放大缩略图图片轮播代码分享

    jQuery左右滚动支持图片放大缩略图图片轮播代码分享

    本文实例讲述了jQuery左右滚动支持图片放大缩略图图片轮播效果.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的左右滚动支持图片放大缩略图图片轮播效果,常用的jQuery图片左右轮播效果,同时支持底部缩略图左右滚动展示,点击大图片后支持放大效果. 运行效果图:                                     -------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大

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

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

    图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你. Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本. 目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色: ✓  16个独特的过渡效果

  • 基于vue.js实现图片轮播效果

    基于vue.js实现图片轮播效果

    轮播图效果: 1.html <template> <div class="shuffling"> <div class="fouce fl"> <div class="focus"> <ul class="showimg"> <template v-for='sd in shufflingData'> <li v-if='shufflingId==$

  • 利用vueJs实现图片轮播实例代码

    最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播,便做个简单的记录 以下只贴出carousel.vue代码,其他的省略 <template> <div ref="root"> <div class="sliderPanel"> <div v-for="(item,index) in imgArray" class="verticalCenter picbox">

随机推荐