首页 > 编程开发 > C类语言

基于Qt实现一个图片对比选择浏览器

来自：网络
时间：2024-06-09
阅读：

需求：根据右侧模板，在左侧选择比较接近的图片。

利用QPropertyAnimation、QParallelAnimationGroup实现图片切换效果。场景用QGraphicsView搭建。

基于Qt实现一个图片对比选择浏览器

基于Qt实现一个图片对比选择浏览器

基于Qt实现一个图片对比选择浏览器

实现代码

aspectsselectwidget.h

#ifndef ASPECTSSELECTWIDGET_H
#define ASPECTSSELECTWIDGET_H

#include <QWidget>
#include <QtWidgets/QWidget>
#include <QLabel>
#include <QPushButton>
#include <QPointer>
#include <QtCore/QVariant>

#include "view/imagesceneview.h"

namespace Ui {
    class AspectsSelectWidget;
}

class QTimer;
class QPropertyAnimation;
class GraphicsPixmap;
class QGraphicsScene;
class QParallelAnimationGroup;
class ScriptDcmsSort;

class AspectsSelect : public QWidget {
    Q_OBJECT
  public:
    AspectsSelect(QWidget *parent = nullptr);
    ~AspectsSelect()override;

  public Q_SLOTS:
    void Slot_TemplateSelectChange(const qint32 &num);
  protected:
    virtual void resizeEvent(QResizeEvent *event) override;
    virtual void wheelEvent(QWheelEvent *event) override;
  private:
    void Initial();
    void Play();
    void NextPlay();
    void LastPlay();
    void UpdatePicture();
    void OpenDicomFile();
    void LoadPngs();
    void ConfirmTemplate();
  Q_SIGNALS:
    void Signal_ConfirmNumberOfLayers(const QStringList &mark);
  private Q_SLOTS:
    void Slot_BtnClicket();
    void SlotRunFinished();
  private:
    QGraphicsScene *m_scene_;
    QList<QMap<QString, QString>> m_imgmap_info_lst_;
    QList<GraphicsPixmap *> m_items_;
    QParallelAnimationGroup *m_group_;
    QMap<GraphicsPixmap *, QPropertyAnimation *> m_animation_map_;
    QMap<GraphicsPixmap *, QPropertyAnimation *> m_animations_map_;
    //
    bool is_animation_;
    qint32 current_center_num_;
    QList<qint32> select_idlst_;
    QList<QPixmap> image_lists_;
    QStringList iamge_location_lists_;
    //
    QLabel *lab_select_num_;
    QPushButton *btn_confirm_;
    QPushButton *btn_load_;
    QPointer<ScriptDcmsSort> script_dcm_sort_;

    QUICK_INITIAL_VAR(template_select_num_, qint32)

};




class AspectsSelectWidget : public QWidget {
    Q_OBJECT
  public:
    explicit AspectsSelectWidget(QWidget *parent = nullptr);
    ~AspectsSelectWidget();
  private:
    void Initial();
  private:
    Ui::AspectsSelectWidget *ui;
    QPointer<AspectsSelect> select_view_;
    QPointer<ImageSceneView> template_view_;

};

#endif // ASPECTSSELECTWIDGET_H

imagesceneview.h

#include "aspectsselectwidget.h"
#include "ui_aspectsselectwidget.h"


#include <QParallelAnimationGroup>
#include <QPropertyAnimation>
#include <QDebug>
#include <QTimer>
#include <QFileDialog>
#include <QVBoxLayout>
#include <QGraphicsView>
#include <ArteryflowUtils>
#include "script/scriptdcmssort.h"

//---------------------------------------------------------------------

AspectsSelect::AspectsSelect(QWidget *parent)
    : QWidget(parent),
      is_animation_(false),
      current_center_num_(0),
      select_idlst_({-1, -1, -1, -1, -1, -1}) {
    this->Initial();
}

AspectsSelect::~AspectsSelect() {
}

//---------------------------------------------------------------------
void AspectsSelect::Slot_TemplateSelectChange(const qint32 &num) {
    this->Set_template_select_num_(num);
}

//---------------------------------------------------------------------

void AspectsSelect::resizeEvent(QResizeEvent *event) {
    this->lab_select_num_->move(40, 760);
    this->btn_confirm_->move(650, 40);
    this->btn_load_->move(550, 40);
    QWidget::resizeEvent(event);
}

void AspectsSelect::wheelEvent(QWheelEvent *event) {
    if(image_lists_.count() < 10) {
        return;
    }
    if(!is_animation_) {
        if (event->delta() > 0) {
            this->LastPlay();
        } else {
            this->NextPlay();
        }
    }
}

//---------------------------------------------------------------------

void AspectsSelect::Initial() {
    //场景
    m_scene_ = new QGraphicsScene(QRect(0, 0, 800, 800), this);
    //图片信息
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "1"   },
        { "width", "90" },
        { "height", "90" },
        { "top", "25"  },
        { "left", "15" },
        { "opacity", "0.5" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "100" },
        { "height", "100" },
        { "top", "20"  },
        { "left", "10" },
        { "opacity", "0.6" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "3"   },
        { "width", "110" },
        { "height", "110" },
        { "top", "15" },
        { "left", "90" },
        { "opacity", "0.7" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "4"   },
        { "width", "120" },
        { "height", "120" },
        { "top", "10" },
        { "left", "170" },
        { "opacity", "0.8" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "5"   },
        { "width", "512" },
        { "height", "512" },
        { "top", "144" },
        { "left", "144" },
        { "opacity", "1" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "4"   },
        { "width", "120" },
        { "height", "120" },
        { "top", "670" },
        { "left", "510" },
        { "opacity", "0.8" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "3"   },
        { "width", "110" },
        { "height", "110" },
        { "top", "675" },
        { "left", "600" },
        { "opacity", "0.7" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "100" },
        { "height", "100" },
        { "top", "680" },
        { "left", "690" },
        { "opacity", "0.6" }
    };
    m_imgmap_info_lst_ << QMap<QString, QString> {
        { "zIndex", "1"   },
        { "width", "90" },
        { "height", "90" },
        { "top", "685" },
        { "left", "695" },
        { "opacity", "0.5" }
    };
    //场景中添加图片元素
    qint32 index = 0;
    for(qint32 i = current_center_num_ - 4; i <= current_center_num_ + 4; i++) {
        auto imageInfoMap = m_imgmap_info_lst_[index];
        index++;
        GraphicsPixmap *item = new GraphicsPixmap();
        item->setPixmap(QPixmap(""));
        item->setPixmapSize(
            QSize(imageInfoMap["width"].toInt(), imageInfoMap["height"].toInt()));
        item->setItemOffset(QPointF(
                                imageInfoMap["left"].toInt(), imageInfoMap["top"].toInt() ));
        item->setZValue(imageInfoMap["zIndex"].toInt());
        item->setOpacity(imageInfoMap["opacity"].toDouble());
        m_items_ << item;
        m_scene_->addItem(item);
    }
    //left button
    GraphicsPixmap *leftBtn = new GraphicsPixmap();
    leftBtn->setObjectName("last");
    leftBtn->setCursor(QCursor(Qt::PointingHandCursor));
    leftBtn->setPixmap(QPixmap(":/Stroke/Registration/template_next.png"));
    leftBtn->setItemOffset(QPointF(12,  400));
    leftBtn->setZValue(5);
    m_scene_->addItem(leftBtn);
    connect(leftBtn, &GraphicsPixmap::Signale_Clicked,
            this, &AspectsSelect::Slot_BtnClicket);
    //right button
    GraphicsPixmap *rightBtn = new GraphicsPixmap();
    rightBtn->setObjectName("next");
    rightBtn->setCursor(QCursor(Qt::PointingHandCursor));
    rightBtn->setPixmap(QPixmap(":/Stroke/Registration/template_last.png"));
    rightBtn->setItemOffset(QPointF(764,  400));
    rightBtn->setZValue(5);
    m_scene_->addItem(rightBtn);
    connect(rightBtn, &GraphicsPixmap::Signale_Clicked,
            this, &AspectsSelect::Slot_BtnClicket);
    //视图
    GraphicsView *view = new GraphicsView(m_scene_);
    view->setFrameShape(QFrame::NoFrame);
    view->setParent(this);
    view->setViewportUpdateMode(QGraphicsView::BoundingRectViewportUpdate);
    view->setBackgroundBrush(QColor(46, 46, 46));
    view->setCacheMode(QGraphicsView::CacheBackground);
    view->setRenderHints(QPainter::Antialiasing | QPainter::SmoothPixmapTransform);
    //动画: 大小，位置
    m_group_ = new QParallelAnimationGroup;
    for (int i = 0; i < m_items_.count(); ++i) {
        QPropertyAnimation *anim = new QPropertyAnimation(m_items_[i], "itemoffset");
        QPropertyAnimation *anims = new QPropertyAnimation(m_items_[i], "itemsize");
        m_animation_map_.insert(m_items_[i], anim);
        m_animations_map_.insert(m_items_[i], anims);
        anim->setDuration(1000);
        anims->setDuration(1000);
        anim->setEasingCurve(QEasingCurve::OutQuad);
        anims->setEasingCurve(QEasingCurve::OutQuad);
        m_group_->addAnimation(anim);
        m_group_->addAnimation(anims);
    }
    connect(m_group_, &QParallelAnimationGroup::finished, [this]() {
        for (int index = 0; index < m_imgmap_info_lst_.size(); index++) {
            auto item = m_items_[index];
            item->Set_show_mark_(true);
        }
        is_animation_ = false;
    });
    this->lab_select_num_ = new QLabel(this);
    this->lab_select_num_->setFixedSize(60, 14);
    this->lab_select_num_->setText(
        QString("%1/%2").arg(current_center_num_).arg(0));
    this->btn_confirm_ = new QPushButton(this);
    this->btn_confirm_->setText("选择本层");
    this->btn_confirm_->setFixedSize(90, 22);
    connect(this->btn_confirm_, &QPushButton::clicked,
            this, &AspectsSelect::Slot_BtnClicket);
    this->btn_load_ = new QPushButton(this);
    this->btn_load_->setText("选择dcm文件");
    this->btn_load_->setFixedSize(90, 22);
    connect(this->btn_load_, &QPushButton::clicked,
            this, &AspectsSelect::Slot_BtnClicket);
    //
    script_dcm_sort_ = new ScriptDcmsSort();
    connect(script_dcm_sort_, &ScriptDcmsSort::finished,
            this, &AspectsSelect::SlotRunFinished);
    //
    QVBoxLayout *layout = new QVBoxLayout(this);
    layout->addWidget(view);
    this->template_select_num_ = 0;
}

//---------------------------------------------------------------------

void AspectsSelect::Slot_BtnClicket() {
    if(image_lists_.count() < 10) {
        if(QObject::sender() ==  this->btn_load_) {
            this->OpenDicomFile();
        }
    } else {
        if(QObject::sender() ==  this->btn_confirm_) {
            this->ConfirmTemplate();
        } else if(QObject::sender()->objectName() == "next") {
            this->NextPlay();
        } else if(QObject::sender()->objectName() == "last") {
            this->LastPlay();
        }
    }
}

//---------------------------------------------------------------------

void AspectsSelect::SlotRunFinished() {
    if(QObject::sender() == script_dcm_sort_) {
        // 拷贝完成
        if (!script_dcm_sort_->Get_result_()) {
            return;
        }
        script_dcm_sort_->Reinitialize();
        this->LoadPngs();
    }
}

//---------------------------------------------------------------------

void AspectsSelect::Play() {
    // 动画
    for (int index = 0; index < m_imgmap_info_lst_.size(); index++) {
        auto item = m_items_[index];
        item->Set_show_mark_(false);
        QPropertyAnimation *anim = m_animation_map_.value(item);
        QPropertyAnimation *anims = m_animations_map_.value(item);
        auto imageInfoMap = m_imgmap_info_lst_[index];
        item->setZValue(imageInfoMap["zIndex"].toInt());
        item->setOpacity(imageInfoMap["opacity"].toDouble());
        QPointF pointf(imageInfoMap["left"].toInt(), imageInfoMap["top"].toInt() );
        anim->setStartValue(item->itemoffset());
        anims->setStartValue(item->pixsize());
        anim->setEndValue(pointf);
        anims->setEndValue(
            QSize(
                imageInfoMap["width"].toInt(), imageInfoMap["height"].toInt()));
    }
    is_animation_ = true;
}

//---------------------------------------------------------------------

void AspectsSelect::NextPlay() {
    m_group_->stop();
    if(image_lists_.count() - 1 == current_center_num_) {
        current_center_num_ = 0;
    } else {
        current_center_num_++;
    }
    auto firstItem = m_items_.takeAt(0);
    m_items_ << firstItem;
    Play();
    this->UpdatePicture();
    m_group_->start();
}

//---------------------------------------------------------------------

void AspectsSelect::LastPlay() {
    m_group_->stop();
    if(0 == current_center_num_) {
        current_center_num_ = image_lists_.count() - 1;
    } else {
        current_center_num_--;
    }
    auto lastItem = m_items_.takeAt(m_items_.size() - 1);
    m_items_.prepend(lastItem);
    Play();
    this->UpdatePicture();
    m_group_->start();
}

//---------------------------------------------------------------------
/**
 * @brief AspectsSelect::UpdatePicture
 * 更新图片显示
 */
void AspectsSelect::UpdatePicture() {
    // 更新图片
    qint32 index = 0;
    for(qint32 i = current_center_num_ - 4; i <= current_center_num_ + 4; i++) {
        qint32 tmp_id = i;
        if(tmp_id < 0) {
            tmp_id = image_lists_.size() + i ;
        } else if(tmp_id >= image_lists_.size()) {
            tmp_id = i - image_lists_.size();
        }
        auto item = m_items_[index];
        auto imageInfoMap = m_imgmap_info_lst_[index];
        item->setPixmap(image_lists_.at(tmp_id));
        QString mark = "高度：" + iamge_location_lists_.at(tmp_id) + "mm";
        item->Set_mark_left_top_(mark);
        item->setPixmapSize(
            QSize(imageInfoMap["width"].toInt(), imageInfoMap["height"].toInt()));
        if(select_idlst_.contains(tmp_id)) {
            item->SetLeftDownMark(select_idlst_.indexOf(tmp_id));
        } else {
            item->SetLeftDownMark(-1);
        }
        index++;
    }
    lab_select_num_->setText(QString("%1/%2").arg(current_center_num_)
                             .arg(image_lists_.size() - 1));
}

//---------------------------------------------------------------------
/**
 * @brief AspectsSelect::OpenDicomFile
 * 打开文件
 */
void AspectsSelect::OpenDicomFile() {
    // 选择文件
    QString filename = FileUtil::GetFileName("*");
    // 拷贝文件到本地
    script_dcm_sort_->
    Set_session_file_("./session/" +
                      GlobalVar::current_sessing_.GetSessionFileName());
    script_dcm_sort_->Set_input_path_(filename);
    script_dcm_sort_->Set_m_mode_(ScriptDcmsSort::AspectsFile);
    script_dcm_sort_->start();
}

//---------------------------------------------------------------------
/**
 * @brief AspectsSelect::LoadPngs
 * 读取本地保存图片
 */
void AspectsSelect::LoadPngs() {
    image_lists_.clear();
    iamge_location_lists_.clear();
    QString  path
        = "./session/" +
          GlobalVar::current_sessing_.GetSessionFileName() + "/DicomData/";
    QDir dir(path);
    dir.setNameFilters(QStringList() << "*.png");
    for(quint32 i = 0; i < dir.count(); i++) {
        qint32 num = static_cast<qint32>(i);
        image_lists_ << QPixmap(path + dir[num]);
        iamge_location_lists_ << dir[num].remove(".png");
    }
    this->current_center_num_ = 0;
    this->UpdatePicture();
}

//---------------------------------------------------------------------
/**
 * @brief AspectsSelect::ConfirmTemplate
 * 确认层槽函数
 */
void AspectsSelect::ConfirmTemplate() {
    // 如果当前层如果之前设置过其他模板，则清空。
    for(qint32 i = 0; i < select_idlst_.count(); ++i) {
        if(select_idlst_.at(i) == this->current_center_num_) {
            select_idlst_[i] = -1;
        }
    }
    select_idlst_[this->template_select_num_]
        = this->current_center_num_;
    this->UpdatePicture();
    QStringList template_mark;
    for(qint32 i = 0; i < select_idlst_.count(); ++i) {
        if(-1 == select_idlst_.at(i)) {
            template_mark << "";
        } else {
            QString mark = "" + iamge_location_lists_.at(select_idlst_.at(i)) ;
            template_mark << mark;
        }
    }
    emit Signal_ConfirmNumberOfLayers(template_mark);
}


//---------------------------------------------------------------------







//---------------------------------------------------------------------

AspectsSelectWidget::AspectsSelectWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::AspectsSelectWidget) {
    ui->setupUi(this);
    this->Initial();
}

//---------------------------------------------------------------------

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

//---------------------------------------------------------------------

void AspectsSelectWidget::Initial() {
    select_view_ = new AspectsSelect();
    template_view_ = new ImageSceneView();
    QStringList template_file_lists;
    template_file_lists << ":/Stroke/Registration/template1.png";
    template_file_lists << ":/Stroke/Registration/template2.png";
    template_file_lists << ":/Stroke/Registration/template3.png";
    template_file_lists << ":/Stroke/Registration/template4.png";
    template_file_lists << ":/Stroke/Registration/template5.png";
    template_file_lists << ":/Stroke/Registration/template6.png";
    template_file_lists << ":/Stroke/Registration/template_next.png";
    template_file_lists << ":/Stroke/Registration/template_last.png";
    template_view_->Set_file_paths_(template_file_lists);
    template_view_->InitSceneWidget();
    ui->layout_select->addWidget(select_view_);
    ui->layout_view->addWidget(template_view_);
    connect(template_view_, &ImageSceneView::Signal_TemplateSelectChange,
            select_view_, &AspectsSelect::Slot_TemplateSelectChange);
    connect(select_view_, &AspectsSelect::Signal_ConfirmNumberOfLayers,
            template_view_, &ImageSceneView::Slot_ConfirmNumberOfLayers);
}





```cpp
#ifndef IMAGESCENEVIEW_H
#define IMAGESCENEVIEW_H

#include <QtWidgets/QWidget>
#include <QGraphicsObject>
#include <QPixmap>
#include <QGraphicsView>
#include <QuickEvent>

class QTimer;
class QPropertyAnimation;
class GraphicsPixmap;
class QGraphicsScene;
class QParallelAnimationGroup;

class GraphicsView : public QGraphicsView {
    Q_OBJECT
  public:
    GraphicsView(QGraphicsScene *scene);
    ~GraphicsView() override;
  protected:
    void resizeEvent(QResizeEvent *event) Q_DECL_OVERRIDE;
};

class ImageSceneView : public QWidget {
    Q_OBJECT
  public:
    ImageSceneView(QWidget *parent = nullptr);
    ~ImageSceneView() override;
    void InitSceneWidget();
  public Q_SLOTS:
    void Slot_ConfirmNumberOfLayers(const QStringList &mark);
  private:
    void Play();
  private Q_SLOTS:
    void Slot_LeftBtnClicked();
    void Slot_RightBtnClicked();
  Q_SIGNALS:
    void Signal_TemplateSelectChange(const qint32 &num);

  private:
    QGraphicsScene *m_scene_;
    QList<QMap<QString, QString>> img_map_infolst_;
    QList<GraphicsPixmap *> m_items_;
    QUICK_INITIAL_VAR(file_paths_, QStringList)
    QUICK_INITIAL_VAR(select_num_, qint32)
};

class GraphicsPixmap : public QGraphicsObject {
    Q_OBJECT
    Q_PROPERTY(QPointF itemoffset READ itemoffset WRITE setItemOffset)
    Q_PROPERTY(QSize itemsize READ pixsize WRITE setPixmapSize)
  public:
    GraphicsPixmap();
  public:
    QRectF boundingRect() const Q_DECL_OVERRIDE;
    void setItemOffset(QPointF ponit);
    QPointF itemoffset();
    QSize pixsize();
    void setPixmap(const QPixmap &pixmap);
    void setPixmapSize(QSize size);
    void SetLeftDownMark(const qint32 &id);

  Q_SIGNALS:
    void Signale_Clicked();
    void Signale_DoubleClicked();
  private:
    void mousePressEvent(QGraphicsSceneMouseEvent *event) Q_DECL_OVERRIDE;
    void mouseDoubleClickEvent(QGraphicsSceneMouseEvent *event) Q_DECL_OVERRIDE;
    void paint(QPainter *, const QStyleOptionGraphicsItem *, QWidget *) Q_DECL_OVERRIDE;
  private:
    QUICK_INITIAL_VAR(mark_center_, QString)
    QUICK_INITIAL_VAR(show_mark_, bool)
    QUICK_INITIAL_VAR(mark_left_top_, QString)
    QPixmap pix;
    QPointF offset;
    QSize pixSize;
    QString mark_left_down_;
};

#endif // IMAGESCENEVIEW_H
#include "imagesceneview.h"

#include <QParallelAnimationGroup>
#include <QPropertyAnimation>
#include <QDebug>
#include <QTimer>
#include <QGraphicsSceneMouseEvent>
#include <QPainter>
#include <QCursor>
#include <QVBoxLayout>



const qint32 size_width = 800;
const qint32 size_height = 800;

const qint32 btn_x = 21;
const qint32 interval_x = 12;

const qint32 template_num = 6;

//---------------------------------------------------------------------

ImageSceneView::ImageSceneView(QWidget *parent)
    : QWidget(parent),
      select_num_(0) {
    //图片信息
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "115" },
        { "height", "115" },
        { "top", "671" },
        { "left", "20" },
        { "opacity", "0.5" }
    };
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "115" },
        { "height", "115" },
        { "top", "671" },
        { "left", "149" },
        { "opacity", "0.5" }
    };
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "115" },
        { "height", "115" },
        { "top", "671" },
        { "left", "278" },
        { "opacity", "0.5" }
    };
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "115" },
        { "height", "115" },
        { "top", "671" },
        { "left", "407" },
        { "opacity", "0.5" }
    };
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "115" },
        { "height", "115" },
        { "top", "671" },
        { "left", "536" },
        { "opacity", "0.5" }
    };
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "2"   },
        { "width", "115" },
        { "height", "115" },
        { "top", "671" },
        { "left", "665" },
        { "opacity", "0.5" }
    };
    img_map_infolst_ << QMap<QString, QString> {
        { "zIndex", "4"   },
        { "width", "512" },
        { "height", "512" },
        { "top", "90" },
        { "left", "144" },
        { "opacity", "1" }
    };
}

//---------------------------------------------------------------------

ImageSceneView::~ImageSceneView() {
}

//---------------------------------------------------------------------

void ImageSceneView::InitSceneWidget() {
    if(template_num + 2 != file_paths_.size()) {
        qDebug() << "图片路径输入错误，输入数量：" << file_paths_.size();
        return;
    }
    //场景
    m_scene_ = new QGraphicsScene(
        QRect(0, 0, size_width, size_height), this);
    // 场景底部添加图片元素
    for (int index = 0; index < template_num; index++) {
        auto imageInfoMap = img_map_infolst_[index];
        QPixmap pixmap = QPixmap(file_paths_.at(index));
        GraphicsPixmap *item = new GraphicsPixmap();
        item->setPixmap(pixmap);
        item->setPixmapSize(QSize(4 + imageInfoMap["width"].toInt(),
                                  4 + imageInfoMap["height"].toInt()));
        item->setItemOffset(QPointF(imageInfoMap["left"].toInt(),
                                    imageInfoMap["top"].toInt()));
        item->setZValue(imageInfoMap["zIndex"].toInt());
        if(select_num_ == index) {
            item->setOpacity(1);
        } else {
            item->setOpacity(imageInfoMap["opacity"].toDouble());
        }
        m_items_ << item;
        m_scene_->addItem(item);
        connect(item, &GraphicsPixmap::Signale_DoubleClicked, this, [ = ] {
            select_num_ = index;
            Play();

        });
    }
    // 场景中间添加元素
    {
        auto map = img_map_infolst_[6];
        QPixmap pixmap = QPixmap(file_paths_.at(select_num_));
        GraphicsPixmap *item = new GraphicsPixmap();
        item->setPixmap(pixmap);
        item->setPixmapSize(QSize(map["width"].toInt(),
                                  map["height"].toInt()));
        item->setItemOffset(QPointF(map["left"].toInt(),
                                    map["top"].toInt()));
        item->setZValue(map["zIndex"].toInt());
        item->setOpacity(map["opacity"].toDouble());
        m_items_ << item;
        m_scene_->addItem(item);
    }
    //left button
    GraphicsPixmap *leftBtn = new GraphicsPixmap();
    leftBtn->setCursor(QCursor(Qt::PointingHandCursor));
    leftBtn->setPixmap(QPixmap(file_paths_.at(template_num)));
    leftBtn->setItemOffset(QPointF(interval_x, size_height / 2));
    leftBtn->setZValue(5);
    m_scene_->addItem(leftBtn);
    connect(leftBtn, SIGNAL(Signale_Clicked()), this, SLOT(Slot_LeftBtnClicked()));
    //right button
    GraphicsPixmap *rightBtn = new GraphicsPixmap();
    rightBtn->setCursor(QCursor(Qt::PointingHandCursor));
    rightBtn->setPixmap(QPixmap(file_paths_.at(template_num + 1)));
    rightBtn->setItemOffset(QPointF(size_width - interval_x - btn_x, size_height / 2));
    rightBtn->setZValue(5);
    m_scene_->addItem(rightBtn);
    connect(rightBtn, SIGNAL(Signale_Clicked()), this, SLOT(Slot_RightBtnClicked()));
    //视图
    GraphicsView *view = new GraphicsView(m_scene_);
    view->setFrameShape(QFrame::NoFrame);
    view->setParent(this);
    view->setViewportUpdateMode(QGraphicsView::BoundingRectViewportUpdate);
    view->setBackgroundBrush(QColor(46, 46, 46));
    view->setCacheMode(QGraphicsView::CacheBackground);
    view->setRenderHints(QPainter::Antialiasing | QPainter::SmoothPixmapTransform);
    QVBoxLayout *layout = new QVBoxLayout(this);
    layout->addWidget(view);
}


//---------------------------------------------------------------------

void ImageSceneView::Slot_ConfirmNumberOfLayers(
    const QStringList &mark) {
    // 场景底部标签修改
    for (int index = 0; index < template_num; index++) {
        auto item = m_items_[index];
        item->Set_mark_center_(mark.at(index));
        item->update();
    }
}


//---------------------------------------------------------------------

void ImageSceneView::Slot_LeftBtnClicked() {
    //上一张
    if(0 == select_num_) {
        select_num_ = 5;
    } else {
        select_num_--;
    }
    Play();
}

//---------------------------------------------------------------------

void ImageSceneView::Slot_RightBtnClicked() {
    //下一张
    if(template_num - 1 == select_num_) {
        select_num_ = 0;
    } else {
        select_num_++;
    }
    Play();
}

//---------------------------------------------------------------------

void ImageSceneView::Play() {
    // 场景底部元素修改
    for (int index = 0; index < template_num; index++) {
        auto item = m_items_[index];
        if(select_num_ == index) {
            item->setOpacity(1);
        } else {
            item->setOpacity(0.5);
        }
    }
    // 场景中间元素修改
    m_items_[6]->setPixmap(file_paths_.at(select_num_));
    //
    emit Signal_TemplateSelectChange(select_num_);
}

//---------------------------------------------------------------------

GraphicsView::GraphicsView(QGraphicsScene *scene)
    : QGraphicsView(scene) {
}
//---------------------------------------------------------------------

GraphicsView::~GraphicsView() {
}
//---------------------------------------------------------------------

void GraphicsView::resizeEvent(QResizeEvent *event) {
    QGraphicsView::resizeEvent(event);
    fitInView(sceneRect(), Qt::KeepAspectRatio);
}

//---------------------------------------------------------------------

GraphicsPixmap::GraphicsPixmap() : QGraphicsObject() {
    this->mark_left_down_ = "";
    this->mark_left_top_ = "";
    this->show_mark_ = true;
    setCacheMode(DeviceCoordinateCache);
}

//---------------------------------------------------------------------

void GraphicsPixmap::mousePressEvent(QGraphicsSceneMouseEvent *event) {
    if (event->button() == Qt::LeftButton) {
        emit Signale_Clicked();
    }
    QGraphicsObject::mousePressEvent(event);
}

void GraphicsPixmap::mouseDoubleClickEvent(QGraphicsSceneMouseEvent *event) {
    if (event->button() == Qt::LeftButton) {
        emit Signale_Clicked();
        emit Signale_DoubleClicked();
    }
}

//---------------------------------------------------------------------

void GraphicsPixmap::setItemOffset(QPointF ponit) {
    prepareGeometryChange();
    offset = ponit;
    this->update();
}

//---------------------------------------------------------------------

QPointF GraphicsPixmap::itemoffset() {
    return offset;
}

//---------------------------------------------------------------------

void GraphicsPixmap::setPixmap(const QPixmap &pixmap) {
    pixSize = pixmap.size();
    pix = pixmap;
    this->update();
}

//---------------------------------------------------------------------

void GraphicsPixmap::setPixmapSize(QSize size) {
    pixSize = size;
}

//---------------------------------------------------------------------
void GraphicsPixmap::SetLeftDownMark(const qint32 &id) {
    switch (id) {
        case -1:
            mark_left_down_ = "";
            break;
        case 0:
            mark_left_down_ = "模板一";
            break;
        case 1:
            mark_left_down_ = "模板二";
            break;
        case 2:
            mark_left_down_ = "模板三";
            break;
        case 3:
            mark_left_down_ = "模板四";
            break;
        case 4:
            mark_left_down_ = "模板五";
            break;
        case 5:
            mark_left_down_ = "模板六";
            break;
        default:
            break;
    }
    this->update();
}

//---------------------------------------------------------------------

QSize GraphicsPixmap::pixsize() {
    return pixSize;
}

//---------------------------------------------------------------------

QRectF GraphicsPixmap::boundingRect() const {
    return QRectF(offset, pix.size() / pix.devicePixelRatio());
}

//---------------------------------------------------------------------

void GraphicsPixmap::paint(QPainter *painter,
                           const QStyleOptionGraphicsItem *,
                           QWidget *) {
    painter->setRenderHint(QPainter::SmoothPixmapTransform, true);
    painter->drawPixmap(offset,
                        pix.scaled(pixSize, Qt::KeepAspectRatio,
                                   Qt::SmoothTransformation));
    if(show_mark_) {
        QFont font;
        font.setPointSize(pixSize.width() / 15 > 5 ? pixSize.width() / 15 : 5);
        painter->setFont(font);
        painter->setPen(QColor(255, 143, 36));
        painter->drawText(offset + QPoint(pixSize.width() / 10,
                                          pixSize.width() * 9 / 10), mark_left_down_);
        font.setPointSize(pixSize.width() / 20 > 5 ? pixSize.width() / 20 : 5);
        painter->setFont(font);
        painter->setPen(QColor(168, 143, 110));
        painter->drawText(offset + QPoint(pixSize.width() / 10,
                                          pixSize.width() / 10), mark_left_top_);
        font.setPointSize(20);
        painter->setFont(font);
        painter->setPen(QColor(255, 143, 36));
        painter->drawText(offset + QPoint(pixSize.width() / 10,
                                          pixSize.width() * 4 / 10), mark_center_);
    }
}
最新文章 相关文章

使用C#判断文件是否为图片的多种方法

目录 0、常见的判断图片文件的方法 1. 根据文件扩展名判断 代码示例 优缺点 2. 通过文件头（Magic Number）判断 代码示例 优缺点 3. 使用 ImageSharp 判断文件是否为图

2024-10-18 23:26:39

QT 实现随机验证码功能

目录 1.界面实现效果 2.简介 3.使用1.界面实现效果以下是具体的项目需要用到的效果展示，用于验证字母。2.简介自定义CaptchaMovableLabel，继承自QLabel类：
中间的4个字母，就是Ca

2024-10-18 23:26:30

C# Winform截图指定控件范围内的图像的流程步骤

目录 一、函数输入 二、函数输出 三、使用示例一、函数输入输入有两个，参数一：需要截图的容器控件，参数二：保存截图的绝对路径路径<param name="control">控件名</param>
<param

2024-10-14 19:57:08

C++解决回调地狱问题的方法小结

目录1. 使用 Lambda 表达式和标准库 std::function2. 使用 std::future 和 std::promise3. 使用协程 (C++20)4. 使用异步框架总结“地狱回调”（Callback Hell）是指

2024-09-10 22:05:57

C语言报错：Buffer Overflow的原因和解决办法

目录简介什么是Buffer OverflowBuffer Overflow的常见原因如何检测和调试Buffer Overflow解决Buffer Overflow的最佳实践详细实例解析示例1：数组越界写入示例2：未检查输入长度

2024-09-10 22:05:55

C++报错：Segmentation Fault的解决方案

目录引言段错误的产生原因段错误的检测方法段错误的预防措施段错误的解决方案总结引言段错误（Segmentation Fault）是 C++ 编程中常见且令人头疼的错误之一。段错误通常发生在

2024-09-10 22:05:53

Qt中QPushButton组件的使用详解

QPushButton是Qt库中的一个重要组件，它是用户界面（UI）设计中常用的一个按钮控件。在Qt程序中，QPushButton用于创建可以在界面上点击响应操作的交互元素。它的主要作用包括：显示文

2024-09-10 22:05:51

Qt实现手动切换多种布局的完美方案

目录引言示例需求开发环境代码实现运行结果程序分析注意引言之前写了一个手动切换多个布局的程序，下面来记录一下。
程序运行效果如下：示例需求通过点击程序界面上不同的布局

2024-09-10 22:05:49

一篇文章详解Qt中如何访问数据库

目录前言1. 加载数据库驱动2. 创建数据库连接3. 执行SQL查询或命令4. 关闭数据库连接示例完整代码片段打开多个数据库使用建议总结 前言在Qt中访问数据库涉及到几个关键步骤

2024-09-10 22:05:47

Qt 编译配置 Protobuf 的详细步骤

目录步骤 1: 安装Protobuf步骤 2: 配置Qt项目步骤 3: 编译和运行项目 运行qmake以生成Makefile：注意事项在Qt项目中使用Protobuf（Protocol Buffers）可以有效地处理数据序列化和

2024-09-10 22:05:45

C++ STL iota 和 atoi 用法示例详解

目录一：功能二：用法一：功能 iota 是给定一个初始元素，然后依次对序列中每个元素进行递增++操作，详见代码一； atoi 是将字符串转换成整数；atol, atoll 将字符串转换成

2024-09-10 22:05:43

C语言中输出空格的五种方法

目录前言1. 直接在字符串中包含空格2. 使用 %s 和空格3. 使用 \t 输出制表符（Tab）4. 使用循环输出多个空格5. 使用格式控制符输出空格总结前言在C语言中，输出空格可以通过使用

2024-09-10 22:05:41

C语言文件操作入门指南

一、为什么使用文件在学习完结构体后，为了检验学习成果，我们写了一个通讯录的小程序，当通讯录运行起来的时候，可以给通讯录中增加、删除数据，此时数据是存放在内存中的，当程序退出

2024-09-10 22:05:39

Qt中暂停程序的几种方法小结

目录1. 使用 QThread::sleep示例代码：说明：优点：缺点：2. 使用 QTimer 和事件循环示例代码：说明：优点：缺点：3. 使用 QEventLoop 结合 QTimer示例代码：说明：优点：缺点：4. 使用 QPauseAnima

2024-09-10 22:05:35

C语言中实现自定义数据类型的输入输出的方法和技巧

目录C 语言中如何实现自定义数据类型的输入输出一、结构体数据类型的输入输出二、枚举数据类型的输入输出三、联合数据类型的输入输出四、使用指针实现复杂数据结构的输入输

2024-09-10 22:05:34

详解C/C++如何发送与接收Kafka消息

目录一、背景二、环境依赖安装三、编写kakfa生产者消费者3.1 生产者3.2 消费者3.3 编译运行3.3.1 编译生产者消费者3.3.2 运行验证3.4 SASL认证kakfa3.5 结束语一、背景在实

2024-09-10 22:05:32

C++传值、传址、传引用的区别和选择小结

目录传值传址传引用如何选择合适的参数传递方式在C++中，参数传递方式主要有三种：传值（pass by value）、传址（pass by address）、传引用（pass by reference）。每种方式都有其特定的使

2024-09-10 22:05:30

C++如何实现sha256算法

目录概述CHP_Sha256总结概述SHA-256，英文全称为Secure Hash Algorithm 256-bit，是一种广泛使用的密码散列函数，属于SHA-2家族。SHA-256算法由美国国家安全局（NSA）设计，并由美国国

2024-09-10 22:05:28

C语言中的断言函数assert详解

简介assert 是 C 语言中的一个宏，用于在程序运行时进行条件检查，主要用于调试目的。它在 <assert.h> 头文件中定义，用于验证程序中的假设条件是否成立，如果不成立，程序将打印错误

2024-09-10 22:05:26

C++之assert推荐用法及注意事项

目录1.引言2.简单示例3.推荐使用方法4.常见使用场景和注意事项4.1.检查参数的合法性4.2.assert不能使用改变环境的语句4.3.在未知的逻辑中添加assert(false)5.总结1.引言ass

2024-09-10 22:05:24

Qt中connect()函数及用法详解

目录一、基本概念二、用法1.旧版用法（Qt4和早期Qt5）2.新版用法（推荐）3.自动连接（无需使用connect()函数）4.Lambda表达式（Qt5.4）三、断开连接disconnect()1.为什么使用disconnect()2.

2024-09-10 22:05:23

深入解读C++ 内联函数inline|nullptr

目录一、inline关键字1.1 什么是内联函数？1.2 为什么会有内联函数？1.2.1 回顾宏1.2.2 宏的改进&ndash;内联函数1.3 内联函数的特性二、指针空值nullptr2.1 C和C++中NULL的含义

2024-09-10 22:05:21

vscode远程连接服务器(免密登录+远程开发)

目录1.获取服务器IP2.安装并且启用ssh服务3.在vscode中远程连接 4.实现免密登录vscode的远程连接功能十分方便，可以让我们在一个开发工具中实现完整的工作流，下面介绍如何在vs

2024-09-10 22:05:18

C++实现LRU缓存的操作方法

目录LRU的概念哈希表（unordered_map）主要特性常用操作双向链表（list）特性常用操作LRU缓存（C++）初始化状态LRU的概念LRU（Least Recently Used，最近最少使用）是一种常用的缓存淘汰策略，

2024-09-10 22:05:16

使用C语言生成图片的base64编码的代码实现

目录一、前言二、代码实操2.1 将二进制数据转为Base64编码2.2 实现图片的base64编码和解码一、前言Base64编码是一种广泛使用的编码方案，将任意二进制数据转换为可打印的ASCI

2024-09-10 22:05:14

C语言strcat函数详解：字符串追加的利器

目录一、strcat函数的简介二、strcat函数的使用三、strcat函数的注意事项四、strcat函数的模拟实现一、strcat函数的简介strcat函数用于将源字符串追加到目标字符串的末尾，并

2024-09-10 22:05:12

C++之thread_local变量的一些用法

目录1.C++ 的存储类型1.1.存储周期（Storage duration）1.2.存储类型说明符（Storage class specifiers）1.3.存储类型说明符与存储周期的关系2.thread_local简介3.thread_local 应

2024-09-10 22:05:10

c++栈内存和堆内存的基本使用小结

c++栈内存和堆内存的基本使用#include <iostream>// 定义一个简单的结构体struct Person { std::string name; int age;};int main() { // 栈内存分配 int a = 10; //

2024-09-10 22:05:08

C++11标准库 互斥锁 <mutex> 详解

目录<mutex>std::call_once函数例程:使用call_once实现的单例模式std::mutex类 -- 独占互斥锁成员函数std::recursive_mutex类 -- 递归互斥锁使用注意:描述:std::timed_mute

2024-09-10 22:05:06

C++实现字符串元音字母反转的两种方法

目录C++实现字符串元音字母反转的巧妙方法示例方法一：利用数据结构存储元音位置和字符并反转代码实现1. 如何在C++中存储数字和字符并支持翻转2. 判断字符是否在列表中3. 巧

2024-09-10 22:05:04

热点内容

c语言中fun用法详解
2020-05-31
C语言实现520表白代码 祝你表白成功!
2021-06-03
Qt图形图像开发之高性能曲线图模块QCustomplot库详细使用方法与实例(支持动、静曲线图
2020-05-26
C语言实战之浪漫烟花表白程序代码
2021-04-24
VS Code C/C++环境配置教程(无法打开源文件“xxxxxx.h”或者检测到 #include 错误,请
2020-11-01
VS2019如何添加头文件路径的方法步骤
2020-11-01
VS2019配置OpenCV时找不到Microsoft.Cpp.x64.user的解决方法
2020-05-26
C语言实现放烟花的程序
2021-02-22
c语言如何用if判断成绩等级？
2020-06-19
VSCode同时更改所有相同的变量名或类名的图文教程
2020-11-01
返回顶部
顶部