2. 程式人生 > 其它 >QT-實現圖片瀏覽器

QT-實現圖片瀏覽器

阿新 • • 發佈：2021-07-13

摘錄自：https://www.cnblogs.com/lifexy/p/9057046.html

painter.cpp

#include "painter.h"

painter::painter()
  :Paint(10 , 10 , 810 , 810)
  ,Alloffset(0 , 0)
  ,label(QString::fromLocal8Bit("100%") , this)
  ,BigButton(QString::fromLocal8Bit("放大") , this)
  ,LittleButton(QString::fromLocal8Bit("縮小") , this)
  ,LiftButton(QString::fromLocal8Bit(
 
"向左") , this)
  ,RightButton(QString::fromLocal8Bit("向右") , this)
  ,UpButton(QString::fromLocal8Bit("向上") , this)
  ,DownButton(QString::fromLocal8Bit("向下") , this)
  ,ResetButton(QString::fromLocal8Bit("還原") , this)
  ,OpenButton(QString::fromLocal8Bit("開啟檔案") , this)
{
    ratio = 1.0;
    action 
 
= painter::None;

    BigButton.setGeometry(822 , 10 ,60 ,25);    // x y w h
    connect(&BigButton , SIGNAL(clicked()) , this , SLOT(onBigClicked()));

    LittleButton.setGeometry(822 , 40 , 60 ,25);
    connect(&LittleButton , SIGNAL(clicked()) , this , SLOT(onLittleClicked()));

    LiftButton.setGeometry(
 
822,70,60,25);
    connect(&LiftButton,SIGNAL(clicked()),this,SLOT(OnLiftClicked()));

    RightButton.setGeometry(822,100,60,25);
    connect(&RightButton,SIGNAL(clicked()),this,SLOT(OnRightClicked()));

    UpButton.setGeometry(822,130,60,25);
    connect(&UpButton,SIGNAL(clicked()),this,SLOT(onUpClicked()));

    DownButton.setGeometry(822,160,60,25);
    connect(&DownButton,SIGNAL(clicked()),this,SLOT(onDownClicked()));

    ResetButton.setGeometry(822,190,60,25);
    connect(&ResetButton,SIGNAL(clicked()),this,SLOT(onResetClicked()));

    OpenButton.setGeometry(822,220,60,25);
    connect(&OpenButton,SIGNAL(clicked()),this,SLOT(onOpenClicked()));

    label.move(840 , 260);
    resize(890 , 850);

    this->setWindowTitle(QString::fromLocal8Bit("圖片瀏覽器"));
}

void painter::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    QPainter painter(this);
    painter.setRenderHints(QPainter::SmoothPixmapTransform | QPainter::Antialiasing | QPainter::TextAntialiasing);  //渲染
    //painter.drawRect(Paint.x() - 1 , Paint.y() - 1 , Paint.width() + 1 , Paint.height() + 1);
    painter.drawRect(Paint.x(), Paint.y(), Paint.width(), Paint.height());//畫框

    if(image.isNull())
    {
        return;
    }

    int NowW = ratio * pixW;
    int NowH = ratio * pixH;

    if(action == painter::Shrink)
    {
        ratio -= (0.05 * ratio);
        if(ratio < 0.018)
        {
            ratio = 0.01;
        }

        /*顯示比例*/
        QString str;
        str.sprintf("%.0f%",ratio*100);
        label.setText(str) ;
        qDebug()<<QString::fromLocal8Bit("縮小:")<<ratio;
    }

    else if(action == painter::Amplification)
    {
        ratio += 0.05 * ratio;
        if(ratio>4.5){
            ratio = 5.000;
        }

        /*顯示比例*/
        QString str;
        str.sprintf("%.0f%",ratio*100);
        label.setText(str);
        qDebug()<<QString::fromLocal8Bit("放大:")<<ratio;
    }

    if(action == painter::Amplification || action == painter::Shrink || action == painter::Reset)
    {
        qDebug() << "111";
        NowW = ratio *pixW;
        NowH = ratio *pixH;

        crtPix= pix.scaled(NowW, NowH,Qt::KeepAspectRatio,Qt::SmoothTransformation); //重新裝載

        action=painter::None;
    }

    if(action==painter::Move)                    //移動
    {
        int offsetx=Alloffset.x()+offset.x();
        Alloffset.setX(offsetx);

        int offsety=Alloffset.y()+offset.y();
        Alloffset.setY(offsety);
        action=painter::None;
    }

    if(abs(Alloffset.x())>=(Paint.width()/2 + NowW/2 -10))    //限制X偏移值
    {
        if(Alloffset.x()>0)
            Alloffset.setX(Paint.width()/2 + NowW/2 -10);
        else
         Alloffset.setX(-Paint.width()/2 + -NowW/2 +10);

    }
    if(abs(Alloffset.y())>=(Paint.height()/2 + NowH/2 -10))    //限制Y偏移值
    {
        if(Alloffset.y()>0)
            Alloffset.setY(Paint.height()/2 + NowH/2 -10);
        else
         Alloffset.setY(-Paint.height()/2 + -NowH/2 +10);

    }

    int x = Paint.width()/2 + Alloffset.x() -NowW/2;
    if(x<0)
        x=0;

    int y = Paint.height()/2 + Alloffset.y() -NowH/2;
    if(y<0)
        y=0;

    int  sx = NowW/2 - Paint.width()/2 - Alloffset.x();
    if(sx<0)
        sx=0;

    int  sy = NowH/2 - Paint.height()/2 - Alloffset.y();
    if(sy<0)
        sy=0;

    int w =(NowW - sx)>Paint.width()? Paint.width() : (NowW - sx);
    if(w>(Paint.width()-x))
        w = Paint.width()-x;

    int h =(NowH - sy)>Paint.height()? Paint.height() : (NowH - sy);
    if(h>(Paint.height()-y))
        h = Paint.height()-y;

    painter.drawTiledPixmap(x+Paint.x(),y+Paint.y(),w,h,crtPix,sx,sy);             //繪畫圖形
}

bool painter::event(QEvent *event)
{
    static bool press = false;
    static QPoint PreDot;

    if(event->type() == QEvent::MouseButtonPress)
    {
        QMouseEvent *mouse = dynamic_cast<QMouseEvent*>(event);
        //判斷蘇表左鍵按下且實在繪圖區域內
        if(mouse->button() == Qt::LeftButton && Paint.contains(mouse->pos()))
        {
            press = true;
            //QApplication::setOverrideCursor(Qt::OpenHandCursor);            // 設定滑鼠樣式
            this->setCursor(Qt::OpenHandCursor);

            PreDot = mouse->pos();
        }
        qDebug() << "event press";
    }

    else if(event->type() == QEvent::MouseButtonRelease)
    {
        QMouseEvent *mouse = dynamic_cast<QMouseEvent*>(event);

        //判斷滑鼠左鍵是否釋放
        if(mouse->button() == Qt::LeftButton && press)
        {
            QApplication::setOverrideCursor(Qt::ArrowCursor);
            press = false;
        }
        qDebug() << "event relesae";
    }

    if(event->type() == QEvent::MouseMove)
    {
        //按下拖動才能實現
        if(press)
        {
            QMouseEvent *mouse = dynamic_cast<QMouseEvent*>(event);

            offset.setX(mouse->x() - PreDot.x());
            offset.setY(mouse->y() - PreDot.y());
            PreDot = mouse->pos();
            action = painter::Move;

            this->update();
        }

        qDebug() << "event move";
    }
    return QWidget::event(event);
}

void painter::wheelEvent(QWheelEvent* event)     //滑鼠滑輪事件
{
    if(event->delta()>0) {      //上滑,縮小
        action=painter::Shrink;
        this->update();
    } else {                    //下滑,放大
        action=painter::Amplification;
        this->update();
    }
    event->accept();
}

void painter::onLittleClicked()
{
    action=painter::Amplification;
    this->update();
}

void painter::onOpenClicked()
{
    QString str = QFileDialog::getOpenFileName(this,
                                 "open",
                                 "E:",
                                 "img (*.png *.jpg)");

    if(!str.isNull())
    {
       image.load(str);
       pix = pix.fromImage(image);

       crtPix = pix;
       pixW = image.width();            //圖片寬
       pixH = image.height();           //圖片高
       qDebug()<<str<<pixW<<pixH;
       this->setWindowTitle(QStringLiteral("image read") + "(" + str + ")");
       onResetClicked();
    }
}

void  painter::onBigClicked()
{
    action=painter::Shrink;
    this->update();
}

void painter::onUpClicked()
{
    action=painter::Move;
    offset.setX(0);
    offset.setY(-20);

    this->update();
}

void painter::onDownClicked()
{
    action=painter::Move;
    offset.setX(0);
    offset.setY(20);
    this->update();
}

void painter::onResetClicked()
{
    action=painter::Reset;
    Alloffset.setX(0);
    Alloffset.setY(0);
    ratio = 1.000;
    label.setText("100%");
    this->update();
}

void painter::OnLiftClicked()
{
    action=painter::Move;
    offset.setX(-20);
    offset.setY(0);

    this->update();
}

void painter::OnRightClicked()
{
    action=painter::Move;
    offset.setX(20) ;
    offset.setY(0) ;

    this->update();
}

painter.h

#ifndef PAINTER_H
#define PAINTER_H

#include <QWidget>
#include <QtGui>
#include <QLabel>
#include <QPushButton>
#include <QComboBox>
#include <QApplication>
#include <QFileDialog>
#include <QImage>

class painter : public QWidget
{
    Q_OBJECT
private :
    QPixmap  pix;
    QPixmap  crtPix;
    int action;          //動作(放大,縮小,移動...)
    int pixW;            //圖片寬
    int pixH;            //圖片高

    QRect Paint;         //繪畫區域

    QImage image;        //開啟的圖片


    float ratio;              //縮放比例
    QPoint offset;           //一次的圖片偏移值
    QPoint Alloffset;          //總偏移
    QLabel label;

    QPushButton  BigButton;
    QPushButton  LittleButton;
    QPushButton  LiftButton;
    QPushButton  RightButton;
    QPushButton  UpButton;
    QPushButton  DownButton;
    QPushButton  ResetButton;
    QPushButton  OpenButton;

    void AddComboItem(QComboBox* cmbo);
    bool event(QEvent * event);
    void wheelEvent(QWheelEvent* e);     //滑鼠滑輪事件
private slots:
    void onUpClicked();
    void onDownClicked();
    void onResetClicked();
    void OnLiftClicked();
    void OnRightClicked();
    void onLittleClicked();
    void onBigClicked();

    void onOpenClicked();

    void paintEvent(QPaintEvent *event);

public:
    explicit painter();

   enum  Type {
       None          = 0,
       Amplification ,
       Shrink,
       Lift,
       Right,
       Up,
       Down,
       Move,
       Reset
   };

signals:

};

#endif // PAINTER_H

主要通過滑鼠事件與定義的事件相關聯，並通過重寫painterEvent實現相關操作。實現縮小放大，移動的邏輯跟我上篇相似。

相關推薦

QT-實現圖片瀏覽器

摘錄自：https://www.cnblogs.com/lifexy/p/9057046.html painter.cpp #include \"painter.h\" painter::painter()

QT實現圖片輪播

本文例項為大家分享了QT實現圖片輪播的具體程式碼，供大家參考，具體內容如下

Qt實現圖片圓角

技術標籤：QtPython # 壓縮圖片為指定寬高 def scaled_pixmap(self, src, width, height): h = width if height == 0 else height

QT實現滾動輪播顯示圖片（支援兩種滾動模式切換，間隔時間設定，按鈕尺寸設定，縮放比自適應）

廢話不多說，直接上程式碼和效果圖 兩種切換效果 #include <QWidget> #include <QButtonGroup>

Qt 實現配置 OpenCV 環境，並實現開啟圖片與呼叫攝像頭

一、說明 所用QT版本：5.9.1 電腦配置：win10，64位系統 呼叫的是編譯好的：OpenCV-MinGW-Build-4.1.0（稍後放連結）

Qt-QPainter實現圖片的繪圖、平移、縮放、旋轉、扭曲

相關資料： https://download.csdn.net/download/zhujianqiangqq/85500981     csdn程式碼包下載

QT-QGraphicsView實現圖片放大、縮小、滑鼠拖動、以滑鼠點放大縮小

相關資源： https://download.csdn.net/download/zhujianqiangqq/85502024   CSDN程式碼包下載 .pro

java實現圖片加水印效果

圖片加水印程式碼，這些程式碼不常用，但是用到的時候需要注意的地方也挺多的，每次都重寫比較麻煩，記下來備忘。程式碼是圖片加水印的一般流程，可根據實際專案需要自行修改。

java實現圖片滑動驗證(包含前端程式碼)

前言 1、下面是一個效果展示； 2、先抱怨一下，在部落格上面的抄襲真的非常嚴重，為了實現一個圖片滑動驗證，我搜索了挺久的資料，不過內容翻來覆去就是同樣的內容，千篇一律，作者還各不相同；內容相同我就不多說了

Android實現圖片一邊的三角形邊框效果

在每一個圖片的某一側都可以展示出一個三角形的邊框檢視，就是咱們的三角形標籤檢視。這個檢視在電商類APP當中比較常用，使用過ebay的同學應該都還記得有些商品的左上角或者右上角都會顯示一個三角形的邊框，用於給人

Android屬性動畫實現圖片從左到右逐漸消失

前言：dp/dip代表獨立畫素，dpi代表螢幕每英寸畫素點的個數，px與dp的轉換公式為: px = dp *(dpi / 160)

Java如何實現圖片的疊加與拼接操作

關於Java實現圖片的疊加與拼接的文章網路上確實很多，碰巧小編開發工作中也遇到這些問題，就做了簡要的梳理，作為筆記以備不時之需。

Python實現圖片識別加翻譯功能

Python使用百度AI介面實現圖片識別加翻譯 python誕生30週年 # encoding:utf-8 import requests

用openCV和Python 實現圖片對比,並標識出不同點的方式

最近專案中需要實現兩組圖片對比，並能將兩者的區別標識出來。 在網上搜索一大堆找到一篇大神的文章，最終實現該功能，在這裡記錄下：

python 實現圖片上傳介面開發 並生成可以訪問的圖片url

版本：python3.7 功能，開發一個使用者訪問的頁面，支援圖片上傳，並將其儲存在伺服器。

Python+OpenCV 實現圖片無損旋轉90°且無黑邊

0. 引言 有如上一張圖片，在以往的影象旋轉處理中，往往得到如圖所示的圖片。

python實現圖片二值化及灰度處理方式

我就廢話不多說了，直接上程式碼吧！ 整合環境：win10 pycharm #!/usr/bin/env python3.5.2

Python tkinter實現圖片標註功能(完整程式碼)

.tkinter tkinter是Python下面向tk的圖形介面介面庫，可以方便地進行圖形介面設計和互動操作程式設計。tkinter的優點是簡單易用、與Python的結合度好。tkinter在Python 3.x下預設整合，不需要額外的安裝操作；不足之

Python實現圖片批量加入水印程式碼例項

這篇文章主要介紹了Python實現圖片批量加入水印程式碼例項,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

python實現圖片插入文字

本文例項為大家分享了python圖片插入文字的具體程式碼，供大家參考，具體內容如下