[QT]实现图片滑动效果

2021-07-04 18:00:12 阅读：229 来源： 互联网

标签：count QT IMAGE tableWidget ui 滑动 include MainWindow 图片

效果展示：
在这里插入图片描述
相关代码
.h文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#define IMAGE_WIDTH 300
#define IMAGE_HEIGHT 200

#if _MSC_VER >= 1600
#pragma execution_character_set("utf-8")
#endif

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

    QStringList getImageFilePath(const QString&);

private slots:
    void on_lineEdit_textChanged(const QString &arg1);

    void cellClickedEvent(int, int);

private:
    Ui::MainWindow *ui;
    QStringList img_list;
};
#endif // MAINWINDOW_H

.c文件

#include "mainwindow.h"
#include "ui_mainwindow.h"

#include <QScroller>
#include <QDir>
#include <QLabel>
#include <QPixmap>
#include <QDebug>
#include <QListWidget>
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->tableWidget->verticalHeader()->hide();
    ui->tableWidget->horizontalHeader()->hide();
    ui->tableWidget->setRowCount(1);

    QSize size = QSize(IMAGE_WIDTH, IMAGE_HEIGHT);
    ui->tableWidget->setRowHeight(0, size.height());

    ui->tableWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    ui->tableWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    ui->tableWidget->setHorizontalScrollMode(QListWidget::ScrollPerPixel);
    QScroller::grabGesture(ui->tableWidget,QScroller::LeftMouseButtonGesture);

    connect(ui->tableWidget, &QTableWidget::cellClicked, this, &MainWindow::cellClickedEvent);

    img_list = getImageFilePath("../img");
}

MainWindow::~MainWindow()
{
    delete ui;
}


void MainWindow::on_lineEdit_textChanged(const QString &arg1)
{
    if(arg1.isEmpty()) return;

    int count = arg1.toInt();

    if(count > img_list.count()) count = img_list.count();

    ui->tableWidget->clear();
    ui->tableWidget->setColumnCount(count);
    for (int i = 0; i < count; i++) {
        ui->tableWidget->setColumnWidth(i, IMAGE_WIDTH);

        QLabel *label = new QLabel;
        QImage image(img_list.at(i));
        label->setPixmap(QPixmap::fromImage(image.scaled(IMAGE_WIDTH, IMAGE_HEIGHT, Qt::KeepAspectRatioByExpanding)));
        ui->tableWidget->setCellWidget(0,i,label);
    }
}

void MainWindow::cellClickedEvent(int row, int col)
{
    Q_UNUSED(row)
    qDebug() << col;
}



QStringList MainWindow::getImageFilePath(const QString &dirpath)
{
    QDir dir(dirpath);
    QStringList files_path;
    files_path.clear();
    if(!dir.exists()) return files_path;
    QStringList nameFilters;
    nameFilters << "*.png" << "*.jpg";
    QStringList files_name = dir.entryList(nameFilters, QDir::Files | QDir::Readable, QDir::Name);

    for (int i = 0; i < files_name.size(); i++) {
        files_path << dirpath + "/" + files_name.at(i);
    }

    return files_path;
}

ui布局
在这里插入图片描述

标签：count,QT,IMAGE,tableWidget,ui,滑动,include,MainWindow,图片
来源： https://blog.csdn.net/qq_39295354/article/details/118464942

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

[QT]实现图片滑动效果