QT ----利用QT designer 模式来实现点击按钮切换图片

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u014453898/article/details/83144321

一，前期环境搭建：

1.先创建工程：

2.创建资源文件夹

3.添加后缀，并加入所需要的图片：

二，具体步骤：

我们要实现点击按钮实现图片切换，我们就需要创建一个专门的类用于提高图片切换的相关功能

图片切换类主要提供窗口中切换图片的方法接口：

建立图片切换类(Image_Change)后，会出现一个头文件和一个cpp源文件，如下：

头文件的代码为：(包含该类的成员变量和方法)

#ifndef IMAGES_CHANGE_H
#define IMAGES_CHANGE_H


class Images_Change
{
public:
    Images_Change();
    char *NextImage();
    /*图片的路径*/
    char* images[6] = {":/images/1.jpg",":/images/2.jpg",":/images/3.jpg",":/images/4.jpg",":/images/5.jpg",":/images/6.jpg"};
    int index;
};

#endif // IMAGES_CHANGE_H

源文件：（头文件定义的方法的具体实现）

#include "images_change.h"

/*构造函数*/
Images_Change::Images_Change()
{
    index = -1;
}
/*切换图片的方法*/
char* Images_Change::NextImage(){
    if(index>=5)    //六张图片显示完后，就把index归0，重新开始显示第一张图片
        index=0;
    else
        index++;
    return(images[index]);  //返回图片的路径
}

到这里图片切换类已经完成，接下来就是使用它了。

转到MainWindow的头文件，加入红框中一行就够了：

然后建一个界面：

按钮用于 触发图片切换，label用于放图片。

接着给按钮设置槽函数触发切换图片。再给槽函数编写如下红框处代码：

运行效果：