本文实例为大家分享了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上就 实现了.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Qt实现转动轮播图,包括了Qt实现转动轮播图的使用技巧和注意事项,需要的朋友参考一下 Qt轮播图的实现代码,供大家参考,具体内容如下 qt轮播图简单的实现,功能会在后面完善 效果图: 这里我是用了QGraphicsScene+QGraphicsView+QGraphicsObject,其中对QGraphicsView和QGraphicsObject进行继承派生类功能进行了添加。时间有
本文向大家介绍js实现图片轮播效果,包括了js实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了js实现图片轮播效果代码,分享给大家供大家参考,具体内容如下 运行代码如下 具体代码如下 插件是基于jQuery写的,主要实现的功能:自动播放、鼠标悬停、左右箭头控制+禁止点击 CSS样式: HTML布局( a标签最好加个title属性 ): JS脚本插件: 页面调用: 希望本文所
本文向大家介绍Android实现图片轮播列表,包括了Android实现图片轮播列表的使用技巧和注意事项,需要的朋友参考一下 这个效果在交友app中比较常见,一般作为首页使用,顶部是一个自动轮播的ViewPager,下面放一个横向LinearLayout,最下面要放一个ListView,但是注意这三个部分都支持滑动,应该和固定在顶部的标题栏和底部的操作栏分开,也就是把ViewPager和Linear
本文向大家介绍Android线程实现图片轮播,包括了Android线程实现图片轮播的使用技巧和注意事项,需要的朋友参考一下 一、实现效果 本篇文章实现了简单的图片轮播,初始化3张资源图片,初始化3秒更换一次图片背景,轮换播放。 二、知识点 Thread线程start() 、sleep();handler机制;Android 控件imageView、setBackgroundResource(id)
本文向大家介绍JQuery实现图片轮播效果,包括了JQuery实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 【原理简述】 这里大概说一下整个流程: 1,将除了第一张以外的图片全部隐藏, 2,获取第一张图片的alt信息显示在信息栏,并添加点击事件 3,为4个按钮添加点击侦听,点击相应的按钮,用fadeOut,fadeIn方法显示图片 4,设置setInterval,定时执行切换函数 【代
本文向大家介绍JavaScript实现图片轮播特效,包括了JavaScript实现图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 今天给大家介绍下怎么用 JS 实现图片轮播效果。 原理描述: 使用JS实现轮播的原理是这样的: 假设初始的情况,下图一个网格代表一个图,初始时,显示1 : 当进行一次轮播后,显示变为下图 显示2: 依次类推。 代码实现: 1 JS 代码: 2 HTML 代码:
本文向大家介绍JavaScript实现图片轮播的方法,包括了JavaScript实现图片轮播的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现图片轮播的方法。分享给大家供大家参考。具体如下: 这里没有使用到JQUERY,没有过渡效果,图片可自行替换 。 test2.html页面: 希望本文所述对大家的javascript程序设计有所帮助。
本文向大家介绍JS+css3实现幻灯片轮播图,包括了JS+css3实现幻灯片轮播图的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS+css3实现幻灯片轮播图的具体代码,供大家参考,具体内容如下 精彩专题分享:jQuery图片轮播 JavaScript图片轮播 Bootstrap图片轮播 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。