当前位置: 首页 > 编程笔记 >

QT实现图片轮播

芮歌者
2023-03-14
本文向大家介绍QT实现图片轮播,包括了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上就 实现了.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍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图片轮播 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。