QT实现电子相册

1、布局按钮和显示部分

包含10个按键，打开，播放，暂停，上一张，下一张，放大，缩小，正常，恢复，旋转等；下面添加Qlable控件显示图片的总页数和当前页，空间背景为自定义图片背景；

2、定义相关成员变量和成员函数

    void setBtnIcon(QToolButton *Btn, const QString &path_image);//设置按键的背景图片时调用
    QLabel *lable;         //     显示图片的总页数和当前页
    QTimer *timer;         //当按下播放按钮时启动定时器
    QPixmap pix;           //显示图片
    int i;                           
    int j;
    int mm;
    QString imageList[100];    //图片名称字符串list
    //qreal是Qt的数据类型，在桌面操作系统中（比如Windows， XNix等）qreal其实就是double类型；
    //而在嵌入设备系统中，qreal则等同于float 类型。
    qreal w,h;
    QString image_sum,image_position;
    QStringList::Iterator it;

    QMatrix matrix;//旋转时用到

3、定义是用到的槽函数

    void displayImage();
    void on_open_clicked();
    void on_litte_clicked();
    void on_large_clicked();
    void on_recover_clicked();
    void on_rotate_clicked();
    void on_stop_clicked();
    void on_normal_clicked();
    void on_previous_clicked();
    void on_next_clicked();

主要程序：

1、 widget.cpp

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    i= 1;
    mm = 0;
    QImage image;
    image.load(":/image/6631506470840007614.jpg");
    QPalette palette;
    palette.setBrush(this->backgroundRole(),QBrush(image));
    this->setPalette(palette);
    setBtnIcon(ui->open, ":/image/open.png");
    setBtnIcon(ui->large, ":/image/big.png");
    setBtnIcon(ui->litte, ":/image/litte.png");
    setBtnIcon(ui->next, ":/image/next.png");
    setBtnIcon(ui->previous, ":/image/previous.png");
    setBtnIcon(ui->normal, ":/image/normal.png");
    setBtnIcon(ui->recovery, ":/image/recover.png");
    setBtnIcon(ui->abc, ":/image/start.png");
    setBtnIcon(ui->stop, ":/image/stop.png");
    setBtnIcon(ui->rotate, ":/image/zhuan.png");
    setBtnIcon(ui->open, ":/image/open.png");

    //set button is disable
    //ui->open->setEnabled(false);
    ui->large->setEnabled(false);
    ui->litte->setEnabled(false);
    ui->next->setEnabled(false);
    ui->normal->setEnabled(false);
    ui->previous->setEnabled(false);
    ui->recovery->setEnabled(false);
    ui->rotate->setEnabled(false);
    ui->abc->setEnabled(false);
    ui->stop->setEnabled(false);

    lable = new QLabel(this);
    ui->scrollArea->setWidget(lable);
    ui->scrollArea->setAlignment(Qt::AlignCenter);

    ui->image_number->setText(tr("0 / 0"));
    timer = new QTimer;
    connect(timer, SIGNAL(timeout()), this, SLOT(displayImage()));
}

Widget::~Widget()
{
    delete ui;
}
void Widget::setBtnIcon(QToolButton *Btn, const QString &path_image)
{
    Btn->setStyleSheet("QToolButton{border:Opx}");
    Btn->setIconSize(QSize(Btn->width(),Btn->height()));
    QPixmap pixmap(path_image);
    Btn->setIcon(QIcon(pixmap));
}

void Widget::displayImage(void)
{
    qDebug() << "displayImage" <<endl;
    //加载图片数组从第一个开始
    pix.load(imageList[i]);
    w = lable->width();
    h = lable->height();
    //设置图片的大小和LABLE的大小，充满控件显示
    pix = pix.scaled(w, h, Qt::IgnoreAspectRatio);
    lable->setPixmap(pix);
    image_position = QString::number(i);
    i++;
    if (i>j)
    {
        i=1;
    }
    //以 共几张/第几张 格式显示
    ui->image_number->setText(tr("%1 / %2").arg(image_sum).arg(image_position));

}

void Widget::on_open_clicked()
{
    int k = 0;
    QStringList list = QFileDialog::getOpenFileNames(this, tr("添加图片"),"/","*.png *.jpg");
    for (it = list.begin(); it < list.end();it++)
    {
        k++;
        imageList[k]= *it;
    }
    j = k;
    image_sum = QString::number(k);
    image_position = QString::number(0);
    ui->image_number->setText(tr("%1 / %2").arg(image_sum).arg(image_position));
    //激活按键
    ui->open->setEnabled(true);
    ui->large->setEnabled(true);
    ui->litte->setEnabled(true);
    ui->next->setEnabled(true);
    ui->normal->setEnabled(true);
    ui->previous->setEnabled(true);
    ui->recovery->setEnabled(true);
    ui->rotate->setEnabled(true);
    ui->abc->setEnabled(true);
    ui->stop->setEnabled(true);
}
void Widget::on_abc_clicked()
{
    qDebug() << "on_start_clicled" <<endl;

    timer->start(1000);
}

/*void Widget::on_start_clicked()
{
    qDebug() << "on_start_clicled" <<endl;

    timer->start(1000);
}*/
void Widget::on_litte_clicked()
{
    pix.load(imageList[i]);
    w *= 0.8;
    h *= 0.8;
    pix = pix.scaled(w,h);
    lable->setPixmap(pix);
}
void Widget::on_large_clicked()
{
    pix.load(imageList[i]);
    w *= 1.2;
    h *= 1.2;
    pix = pix.scaled(w,h);
    lable->setPixmap(pix);
}
void Widget::on_recover_clicked()
{
    pix.load(imageList[i]);
    pix = pix.scaled(315,205,Qt::IgnoreAspectRatio);
    lable->setPixmap(pix);
}
void Widget::on_rotate_clicked()
{
    timer->stop();
    matrix.rotate(90);
    pix = pix.transformed(matrix,Qt::FastTransformation);
    pix = pix.scaled(lable->width(),lable->height(),Qt::IgnoreAspectRatio);
    lable->setPixmap(pix);
}
void Widget::on_stop_clicked()
{
    qDebug() << "on_stop_clicked" <<endl;

    timer->stop();
}
void Widget::on_normal_clicked()
{
    pix.load(imageList[i]);
    lable->setPixmap(pix);
}
void Widget::on_previous_clicked()
{
    timer->stop();
    i--;
    if (i<1)
        i=j;
    image_position = QString::number(i);
    pix.load(imageList[i]);
    w = lable->width();
    h = lable->height();
    pix = pix.scaled(w,h,Qt::IgnoreAspectRatio);
    lable->setPixmap(pix);
    ui->image_number->setText(tr("%1 / %2").arg(image_sum).arg(image_position));
}
void Widget::on_next_clicked()
{

}

2、widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include "QToolButton"
#include "QLabel"
#include "QTimer"
#include "QString"
#include "QPixmap"
#include "QPalette"
#include "QMatrix"
#include "QImage"
#include "QBrush"
#include "QFileDialog"
#include "QMessageBox"
#include "QDebug"
namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT
    
public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();
private:
    void setBtnIcon(QToolButton *Btn, const QString &path_image);
    QLabel *lable;
    QTimer *timer;
    QPixmap pix;
    int i;
    int j;
    int mm;
    QString imageList[100];
    //qreal是Qt的数据类型，在桌面操作系统中（比如Windows， XNix等）qreal其实就是double类型；
    //而在嵌入设备系统中，qreal则等同于float 类型。
    qreal w,h;
    QString image_sum,image_position;
    QStringList::Iterator it;

    QMatrix matrix;//旋转时用到
private slots:
    void displayImage();
    void on_open_clicked();
    void on_litte_clicked();
    void on_large_clicked();
    void on_recover_clicked();
    void on_rotate_clicked();
    void on_stop_clicked();
    void on_normal_clicked();
    void on_previous_clicked();
    void on_next_clicked();

private slots:
    void on_abc_clicked();

private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

3、其它函数没有改变

4、运行界面如下所示：