Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. [SOLVED] QML Camera - take a Square photo
Forum Updated to NodeBB v4.3 + New Features

[SOLVED] QML Camera - take a Square photo

Scheduled Pinned Locked Moved QML and Qt Quick
26 Posts 2 Posters 9.2k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • guidupasG guidupas

    Hi @p3c0 . I am trying to implement it with QQuickImageProvider but I am not understanding why it is not working. My code is below. If you could help me.

    caminhoimagens.h

    #ifndef MANIPULAIMAGEM_H
    #define MANIPULAIMAGEM_H
    
    #include <QObject>
    #include <QImage>
    #include <QQuickImageProvider>
    
    class manipulaImagem : public QObject, public QQuickImageProvider
    {
        Q_OBJECT
    
        Q_PROPERTY(QString imagem READ imagem WRITE setImagem NOTIFY imagemChanged)
    
    public:
        manipulaImagem();
    
        QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize);
    
        QString imagem() const;
        void setImagem(const QString &imagem_caminho);
    
    private:
        QString p_imagem;
    
    signals:
        void imagemChanged();
    };
    
    #endif // MANIPULAIMAGEM_H
    

    manipulaimagem.cpp

    #include "manipulaimagem.h"
    
    #include <QDebug>
    
    manipulaImagem::manipulaImagem() : QQuickImageProvider(QQuickImageProvider::Image)
    {
    
    }
    
    QImage manipulaImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
    {
        qDebug() << p_imagem;
    
        QImage imagemr(p_imagem);
    
        return imagemr;
    }
    
    QString manipulaImagem::imagem() const
    {
        return p_imagem;
    }
    
    void manipulaImagem::setImagem(const QString imagem_caminho)
    {
        if (imagem_caminho != p_imagem) {
            p_imagem = imagem_caminho;
            emit imagemChanged();
        }
    }
    

    main.cpp

    #include <QGuiApplication>
    #include <QQmlApplicationEngine>
    
    #include <QtQml>
    
    #include "manipulaxml.h"
    #include "caminhoimagens.h"
    #include "manipulaimagem.h"
    
    int main(int argc, char *argv[])
    {
        QGuiApplication app(argc, argv);
    
        qmlRegisterType<manipulaXml>("ManipXML", 1, 0, "ManipulaXML");
        qmlRegisterType<caminhoImagens>("PathImagens", 1, 0, "CaminhoImagens");
        qmlRegisterType<manipulaImagem>("ManipImagem", 1, 0, "ManipulaImagem");
    
        manipulaImagem *forneceImagem = new manipulaImagem();
        QQmlApplicationEngine engine;
        engine.addImageProvider("provedorImagem", forneceImagem);
        engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    
        return app.exec();
    }
    

    QML

    Camera {
                    id: camera
    
                    captureMode: Camera.CaptureStillImage
    
                    imageCapture {
                        onImageCaptured: {
                            manipulaImagem.imagem = preview.toString();
    
                            console.log(preview.toString());
    
                            previewImage.source = "image://provedorImagem/fotoPerfil"
                        }
                    }
                }
    
                VideoOutput {
                    id: viewfinder
                    
                    visible: true
    
                    focus: visible
    
                    anchors.top: parent.top
    
                    width: parent.width
                    height: parent.width
    
                    source: camera
                    
                    fillMode: VideoOutput.PreserveAspectCrop
          }
    
    Rectangle {
            id: previewRectangle
    
            visible: false
    
            anchors.fill: parent
    
            Image {
                id: previewImage
    
                fillMode: Image.PreserveAspectFit
    
                anchors.top: parent.top
    
                width: parent.width
                height: parent.width
            }
    }
    

    The response for this code is:
    qml: image://camera/preview_1
    ""
    QFSFileEngine::open: No file name specified
    qrc:/CriarPerfil.qml:983:9: QML Image: Failed to get image from provider: image://provedorimagem/fotoPerfil

    p3c0P Offline
    p3c0P Offline
    p3c0
    Moderators
    wrote on last edited by
    #10

    @guidupas What does preview.toString() return ? Is it the actual image data or file name ?

    157

    1 Reply Last reply
    0
    • guidupasG Offline
      guidupasG Offline
      guidupas
      wrote on last edited by guidupas
      #11

      @p3c0 Hello!

      When I use console.log it returns the same result for both options:

      console.log(preview.toString());
      console.log(preview);
      

      The result is:
      qml: image://camera/preview_1

      But there is something wrong when I pass values to the Q_PROPERTY(QString imagem READ imagem WRITE setImagem NOTIFY imagemChanged). No matter what I pass it returns me an empty string.

      manipulaImagem.imagem = "AER";
      manipulaImagem.imagem = preview;
      manipulaImagem.imagem = preview.toString();
      

      All the options above returns the result:
      ""

      But I could not find what is missing.

      Att.
      Guilherme Cortada Dupas

      p3c0P 1 Reply Last reply
      0
      • guidupasG guidupas

        @p3c0 Hello!

        When I use console.log it returns the same result for both options:

        console.log(preview.toString());
        console.log(preview);
        

        The result is:
        qml: image://camera/preview_1

        But there is something wrong when I pass values to the Q_PROPERTY(QString imagem READ imagem WRITE setImagem NOTIFY imagemChanged). No matter what I pass it returns me an empty string.

        manipulaImagem.imagem = "AER";
        manipulaImagem.imagem = preview;
        manipulaImagem.imagem = preview.toString();
        

        All the options above returns the result:
        ""

        But I could not find what is missing.

        p3c0P Offline
        p3c0P Offline
        p3c0
        Moderators
        wrote on last edited by
        #12

        @guidupas That is the url with image id. You can now get the imageProvider from QML engine using that url. Cast QQmlImageProviderBase to QQuickImageProvider. Then you can use requestImage to get that actual camera image from image id. Once you get this image on C++ side perform operations and return it.

        157

        1 Reply Last reply
        0
        • guidupasG Offline
          guidupasG Offline
          guidupas
          wrote on last edited by guidupas
          #13

          @p3c0 Hello!

          I am trying to resolve this problem by 2 ways:

          First:

          QImage manipulaImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
          {
              QUrl caminhoImagem(id);
          
              QString imageId = caminhoImagem.path().remove(0, 1);
          
              QImage imagem1(id);
          
              if(imagem1.isNull())
              {
                  qDebug() << "Erro";
              }
              else
              {
                  qDebug() << "OK";
              }
          
              return imagem1;
          }
          

          I call this method from QML using a image provider: previewImage.source = "image://ProvedorImagens/" + preview;
          In this function using QImage imagem1(id) or QImage imagem1(imageId), both return me a NULL image.
          It returns me message: QML Image: Failed to get image from provider: image://provedorimagens/image://camera/preview_1

          The other way is another function:

          QImage manipulaImagem::recortarFotoPerfil(const QString &imagem)
          {
              QUrl caminhoImagem(imagem);
              QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
              QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
              QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
          
              QSize imageSize;
              QString imageId = caminhoImagem.path().remove(0, 1);
              QImage imagem1 = imageProvider->requestImage(imageId, &imageSize, imageSize);
              imagem1 = imageProvider->requestImage(imageId, &imageSize, imageSize);
          
              if(imagem1.isNull())
              {
                  qDebug() << "Erro";
              }
              else
              {
                  qDebug() << "OK";
              }
          
              return imagem1;
          }
          

          This function gets the image but when I return it I receive a message:
          Error: Cannot assign QImage to QUrl

          I call this function directly from QML:
          previewImage.source = manipulaImagem.recortarFotoPerfil(preview);

          I think you told me to use something like the second way but I cannot return the image to QML.

          Att.
          Guilherme Cortada Dupas

          p3c0P 1 Reply Last reply
          0
          • guidupasG guidupas

            @p3c0 Hello!

            I am trying to resolve this problem by 2 ways:

            First:

            QImage manipulaImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
            {
                QUrl caminhoImagem(id);
            
                QString imageId = caminhoImagem.path().remove(0, 1);
            
                QImage imagem1(id);
            
                if(imagem1.isNull())
                {
                    qDebug() << "Erro";
                }
                else
                {
                    qDebug() << "OK";
                }
            
                return imagem1;
            }
            

            I call this method from QML using a image provider: previewImage.source = "image://ProvedorImagens/" + preview;
            In this function using QImage imagem1(id) or QImage imagem1(imageId), both return me a NULL image.
            It returns me message: QML Image: Failed to get image from provider: image://provedorimagens/image://camera/preview_1

            The other way is another function:

            QImage manipulaImagem::recortarFotoPerfil(const QString &imagem)
            {
                QUrl caminhoImagem(imagem);
                QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
            
                QSize imageSize;
                QString imageId = caminhoImagem.path().remove(0, 1);
                QImage imagem1 = imageProvider->requestImage(imageId, &imageSize, imageSize);
                imagem1 = imageProvider->requestImage(imageId, &imageSize, imageSize);
            
                if(imagem1.isNull())
                {
                    qDebug() << "Erro";
                }
                else
                {
                    qDebug() << "OK";
                }
            
                return imagem1;
            }
            

            This function gets the image but when I return it I receive a message:
            Error: Cannot assign QImage to QUrl

            I call this function directly from QML:
            previewImage.source = manipulaImagem.recortarFotoPerfil(preview);

            I think you told me to use something like the second way but I cannot return the image to QML.

            p3c0P Offline
            p3c0P Offline
            p3c0
            Moderators
            wrote on last edited by
            #14

            @guidupas Returning a QImage wont work where QUrl is expected. Make this Image available for the image provider that your registered and then return this image from requestImage or requestPixmap.

            157

            1 Reply Last reply
            0
            • guidupasG Offline
              guidupasG Offline
              guidupas
              wrote on last edited by
              #15

              @p3c0 Hello!

              The problem is exactly that, all my attempts to make the image available for the image provider fail. I have tried using a Q_PROPERTY and a QImage member inside the class, but my provider always returns a null image when I try to access it to return.

              Att.
              Guilherme Cortada Dupas

              p3c0P 1 Reply Last reply
              0
              • guidupasG guidupas

                @p3c0 Hello!

                The problem is exactly that, all my attempts to make the image available for the image provider fail. I have tried using a Q_PROPERTY and a QImage member inside the class, but my provider always returns a null image when I try to access it to return.

                p3c0P Offline
                p3c0P Offline
                p3c0
                Moderators
                wrote on last edited by
                #16

                @guidupas But you already have the QImage (as per this error Error: Cannot assign QImage to QUrl in class manipulaImagem) as well as QQuickImageProvider instance. Is it not possible to send the image using this instance ?

                157

                1 Reply Last reply
                0
                • guidupasG Offline
                  guidupasG Offline
                  guidupas
                  wrote on last edited by
                  #17

                  @p3c0 I thing it can be possible but I am not figuring out how. Take a look at this code and I think you will understand what I am talking about.

                  .h

                  #ifndef MANIPULAIMAGEM_H
                  #define MANIPULAIMAGEM_H
                  
                  #include <QObject>
                  #include <QImage>
                  #include <QQuickImageProvider>
                  #include <QQmlEngine>
                  #include <QQmlContext>
                  
                  class manipulaImagem : public QObject, public QQuickImageProvider
                  {
                      Q_OBJECT
                  
                  public slots:
                      QString recortarFotoPerfil(const QString &imagem, QRect rectRecorte);
                  
                  public:
                      manipulaImagem(QObject *parent = 0);
                  
                      QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize);
                  
                  private:
                      void alocaImagem(const QString &imagem, QRect rectRecorte);
                  
                      QImage imagemEditada;
                  };
                  
                  #endif // MANIPULAIMAGEM_H
                  
                  

                  .cpp

                  #include "manipulaimagem.h"
                  
                  #include <QDebug>
                  
                  manipulaImagem::manipulaImagem(QObject *parent) : QQuickImageProvider(QQmlImageProviderBase::Image)
                  {
                  
                  }
                  
                  QImage manipulaImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
                  {
                      if(imagemEditada.isNull())
                      {
                          qDebug() << "Request image: (image is null)";
                      }
                      else
                      {
                          qDebug() << "Request image: image is OK";
                      }
                  
                      return imagemEditada;
                  }
                  
                  void manipulaImagem::alocaImagem(const QString &imagem, QRect rectRecorte)
                  {
                      QUrl caminhoImagem(imagem);
                      QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                      QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                      QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
                  
                      QSize imageSize;
                      QString imageId = caminhoImagem.path().remove(0, 1);
                      imagemEditada = imageProvider->requestImage(imageId, &imageSize, imageSize);
                  
                      if(imagemEditada.isNull())
                      {
                          qDebug() << "Loading image failed";
                      }
                      else
                      {
                          qDebug() << "Loading image OK";
                      }
                  }
                  
                  QString manipulaImagem::recortarFotoPerfil(const QString &imagem, QRect rectRecorte)
                  {
                      this->alocaImagem(imagem, rectRecorte);
                  
                      QString a = "image://ProvedorImagens/imagemEditada";
                  
                      if(imagemEditada.isNull())
                      {
                          qDebug() << "Imagem is null";
                      }
                      else
                      {
                          qDebug() << "Imagem is loaded";
                      }
                  
                      return a;
                  }
                  

                  .qml

                  ManipulaImagem {
                          id: manipulaImagem
                  }
                  
                  Camera {
                                  id: camera
                  
                                  captureMode: Camera.CaptureStillImage
                  
                                  imageCapture {
                                      onImageCaptured: {
                                          previewImage.source = manipulaImagem.recortarFotoPerfil(preview, viewfinder.mapRectToSource(Qt.rect(viewfinder.x, viewfinder.y, viewfinder.width, viewfinder.height)));
                                      }
                                  }
                              }
                  
                  Rectangle {
                          id: previewRectangle
                  
                          visible: false
                  
                          anchors.fill: parent
                  
                          Image {
                              id: previewImage
                  
                              fillMode: Image.PreserveAspectFit
                              
                              anchors.top: parent.top
                  
                              width: parent.width
                              height: parent.width
                          }
                      }
                  

                  Now take a look at the output:

                  Loading image OK
                  Imagem is loaded
                  Request image: (image is null)
                  QML Image: Failed to get image from provider: image://provedorimagens/imagemEditada

                  How you can see when I call the functions the image is not null, but when I try to return the QImage using the provider it cant return the image. I dont know why but for the image provider the image is null.

                  Att.
                  Guilherme Cortada Dupas

                  p3c0P 1 Reply Last reply
                  0
                  • guidupasG guidupas

                    @p3c0 I thing it can be possible but I am not figuring out how. Take a look at this code and I think you will understand what I am talking about.

                    .h

                    #ifndef MANIPULAIMAGEM_H
                    #define MANIPULAIMAGEM_H
                    
                    #include <QObject>
                    #include <QImage>
                    #include <QQuickImageProvider>
                    #include <QQmlEngine>
                    #include <QQmlContext>
                    
                    class manipulaImagem : public QObject, public QQuickImageProvider
                    {
                        Q_OBJECT
                    
                    public slots:
                        QString recortarFotoPerfil(const QString &imagem, QRect rectRecorte);
                    
                    public:
                        manipulaImagem(QObject *parent = 0);
                    
                        QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize);
                    
                    private:
                        void alocaImagem(const QString &imagem, QRect rectRecorte);
                    
                        QImage imagemEditada;
                    };
                    
                    #endif // MANIPULAIMAGEM_H
                    
                    

                    .cpp

                    #include "manipulaimagem.h"
                    
                    #include <QDebug>
                    
                    manipulaImagem::manipulaImagem(QObject *parent) : QQuickImageProvider(QQmlImageProviderBase::Image)
                    {
                    
                    }
                    
                    QImage manipulaImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
                    {
                        if(imagemEditada.isNull())
                        {
                            qDebug() << "Request image: (image is null)";
                        }
                        else
                        {
                            qDebug() << "Request image: image is OK";
                        }
                    
                        return imagemEditada;
                    }
                    
                    void manipulaImagem::alocaImagem(const QString &imagem, QRect rectRecorte)
                    {
                        QUrl caminhoImagem(imagem);
                        QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                        QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                        QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
                    
                        QSize imageSize;
                        QString imageId = caminhoImagem.path().remove(0, 1);
                        imagemEditada = imageProvider->requestImage(imageId, &imageSize, imageSize);
                    
                        if(imagemEditada.isNull())
                        {
                            qDebug() << "Loading image failed";
                        }
                        else
                        {
                            qDebug() << "Loading image OK";
                        }
                    }
                    
                    QString manipulaImagem::recortarFotoPerfil(const QString &imagem, QRect rectRecorte)
                    {
                        this->alocaImagem(imagem, rectRecorte);
                    
                        QString a = "image://ProvedorImagens/imagemEditada";
                    
                        if(imagemEditada.isNull())
                        {
                            qDebug() << "Imagem is null";
                        }
                        else
                        {
                            qDebug() << "Imagem is loaded";
                        }
                    
                        return a;
                    }
                    

                    .qml

                    ManipulaImagem {
                            id: manipulaImagem
                    }
                    
                    Camera {
                                    id: camera
                    
                                    captureMode: Camera.CaptureStillImage
                    
                                    imageCapture {
                                        onImageCaptured: {
                                            previewImage.source = manipulaImagem.recortarFotoPerfil(preview, viewfinder.mapRectToSource(Qt.rect(viewfinder.x, viewfinder.y, viewfinder.width, viewfinder.height)));
                                        }
                                    }
                                }
                    
                    Rectangle {
                            id: previewRectangle
                    
                            visible: false
                    
                            anchors.fill: parent
                    
                            Image {
                                id: previewImage
                    
                                fillMode: Image.PreserveAspectFit
                                
                                anchors.top: parent.top
                    
                                width: parent.width
                                height: parent.width
                            }
                        }
                    

                    Now take a look at the output:

                    Loading image OK
                    Imagem is loaded
                    Request image: (image is null)
                    QML Image: Failed to get image from provider: image://provedorimagens/imagemEditada

                    How you can see when I call the functions the image is not null, but when I try to return the QImage using the provider it cant return the image. I dont know why but for the image provider the image is null.

                    p3c0P Offline
                    p3c0P Offline
                    p3c0
                    Moderators
                    wrote on last edited by p3c0
                    #18

                    @guidupas Strange.. According to the order of the execution of the code, imagemEditada should not be null when the image is requested by Image element. May be I'm too missing something.

                    157

                    1 Reply Last reply
                    0
                    • guidupasG Offline
                      guidupasG Offline
                      guidupas
                      wrote on last edited by
                      #19

                      @p3c0 I found the error. I am targeting the wrong pointer. Actually I need to connect the provider pointer im main.cpp and I am creating a new pointer to the provider.

                      Att.
                      Guilherme Cortada Dupas

                      p3c0P 1 Reply Last reply
                      0
                      • guidupasG Offline
                        guidupasG Offline
                        guidupas
                        wrote on last edited by
                        #20

                        @p3c0 Could you take a look at this topic? I need some help to do exactly that connection between the provider pointer with a signal that send to it the QImage.
                        https://forum.qt.io/topic/60383/connecting-qquickimageprovider

                        Att.
                        Guilherme Cortada Dupas

                        1 Reply Last reply
                        0
                        • guidupasG guidupas

                          @p3c0 I found the error. I am targeting the wrong pointer. Actually I need to connect the provider pointer im main.cpp and I am creating a new pointer to the provider.

                          p3c0P Offline
                          p3c0P Offline
                          p3c0
                          Moderators
                          wrote on last edited by p3c0
                          #21

                          @guidupas said:

                          @p3c0 I found the error. I am targeting the wrong pointer. Actually I need to connect the provider pointer im main.cpp and I am creating a new pointer to the provider.

                          Well then pass the right pointer ?

                          To use signals and slots you will need the right pointer too.

                          157

                          1 Reply Last reply
                          0
                          • guidupasG Offline
                            guidupasG Offline
                            guidupas
                            wrote on last edited by guidupas
                            #22

                            @p3c0 I found the right pointer. It is in the main.cpp
                            Now, how can I connect a slot inside this pointer to a signal in processaImagem.cpp?
                            main.cpp

                            #include <QGuiApplication>
                            #include <QQmlApplicationEngine>
                            
                            #include <QtQml>
                            
                            #include "manipulaxml.h"
                            #include "caminhoimagens.h"
                            #include "manipulaimagem.h"
                            
                            int main(int argc, char *argv[])
                            {
                                QGuiApplication app(argc, argv);
                            
                                qmlRegisterType<manipulaXml>("ManipXML", 1, 0, "ManipulaXML");
                                qmlRegisterType<caminhoImagens>("PathImagens", 1, 0, "CaminhoImagens");
                                qmlRegisterType<manipulaImagem>("ManipImagem", 1, 0, "ManipulaImagem");
                            
                                QQmlApplicationEngine engine;
                            
                                manipulaImagem *imageProvider = new manipulaImagem;
                                engine.addImageProvider("ProvedorImagens", imageProvider);
                            
                                engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
                            
                                return app.exec();
                            }
                            

                            Att.
                            Guilherme Cortada Dupas

                            p3c0P 1 Reply Last reply
                            0
                            • guidupasG guidupas

                              @p3c0 I found the right pointer. It is in the main.cpp
                              Now, how can I connect a slot inside this pointer to a signal in processaImagem.cpp?
                              main.cpp

                              #include <QGuiApplication>
                              #include <QQmlApplicationEngine>
                              
                              #include <QtQml>
                              
                              #include "manipulaxml.h"
                              #include "caminhoimagens.h"
                              #include "manipulaimagem.h"
                              
                              int main(int argc, char *argv[])
                              {
                                  QGuiApplication app(argc, argv);
                              
                                  qmlRegisterType<manipulaXml>("ManipXML", 1, 0, "ManipulaXML");
                                  qmlRegisterType<caminhoImagens>("PathImagens", 1, 0, "CaminhoImagens");
                                  qmlRegisterType<manipulaImagem>("ManipImagem", 1, 0, "ManipulaImagem");
                              
                                  QQmlApplicationEngine engine;
                              
                                  manipulaImagem *imageProvider = new manipulaImagem;
                                  engine.addImageProvider("ProvedorImagens", imageProvider);
                              
                                  engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
                              
                                  return app.exec();
                              }
                              
                              p3c0P Offline
                              p3c0P Offline
                              p3c0
                              Moderators
                              wrote on last edited by
                              #23

                              @guidupas Don't register the manipulaImagem class. Instead set it as a context property too as you already have that instance.
                              manipulaImagem *imageProvider = new manipulaImagem
                              In this way you access the same instance from QML for both Image and as context property.

                              157

                              1 Reply Last reply
                              0
                              • guidupasG Offline
                                guidupasG Offline
                                guidupas
                                wrote on last edited by
                                #24

                                Answering my own question
                                Problem solved. Here is the solution step by step:

                                1 - Create a class that inherits from QQuickImageProvider and QObject and inside it create a Image member (QImage) that is the image to be provided.

                                class provedorImagem : public QObject, public QQuickImageProvider
                                

                                Implement the virtual requestImage method. This is the method that will return the image to Qml

                                QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize)
                                

                                Create a method to load the provider’s image to return

                                void provedorImagem::carregaImagem(QImage imagemRecebida)
                                {
                                    imagem = imagemRecebida;
                                }
                                

                                Now set it as the engine image provider in the main.cpp file

                                provedorImagem *provedorImg = new provedorImagem;
                                engine.rootContext()->setContextProperty("ProvedorImagem", provedorImg);
                                

                                2 - Create another class that inherits from QObject.

                                class processaImagem : public QObject
                                

                                Inside this class you must implement a method that will get the image from camera provider, perform the image modifications and return the modified image.
                                PS: The p_caminhoImagem is a property that I created inside the processaImagem class that receives the camera preview path.

                                QImage processaImagem::carregaImagem()
                                {
                                    QUrl caminhoImagem(p_caminhoImagem);
                                    QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                                    QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                                    QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
                                
                                
                                    QSize imageSize;
                                    QString imageId = caminhoImagem.path().remove(0, 1);
                                    QImage imagem = imageProvider->requestImage(imageId, &imageSize, imageSize);
                                
                                    if(imagem.isNull())
                                    {
                                        imagem = QImage();
                                    }
                                    else
                                    {
                                        //Perform the modifications
                                    }
                                
                                    return imagem;
                                }
                                

                                3 - Now is the main part. The image requestImage provider method must receive the modified image from the processaImagem class to provide it to QML. To do it the provider class pointer must be accessible to the QML file, so, in the main.cpp file just make the pointer available to QML as a property

                                engine.rootContext()->setContextProperty("ProvedorImagem", provedorImg);
                                

                                and register the processaImagem class as a QML type

                                qmlRegisterType<processaImagem>("ProcessaImagemQml", 1, 0, "ProcessaImagem");
                                

                                Now we link it inside the QML file

                                ProvedorImagem.carregaImagem(processaImagem.carregaImagem());
                                

                                4 - It is done. Now just request the image from the provider:

                                imagemPreview.source = "image://provedor/imagemEditada_" + camera.numeroImagem.toString();
                                

                                Here is the entire code:

                                main.cpp

                                #include <QGuiApplication>
                                #include <QQmlApplicationEngine>
                                
                                #include <QtQml>
                                
                                #include "processaimagem.h"
                                #include "provedorimagem.h"
                                
                                int main(int argc, char *argv[])
                                {
                                    QGuiApplication app(argc, argv);
                                
                                    qmlRegisterType<processaImagem>("ProcessaImagemQml", 1, 0, "ProcessaImagem");
                                
                                    QQmlApplicationEngine engine;
                                
                                    provedorImagem *provedorImg = new provedorImagem;
                                
                                    engine.rootContext()->setContextProperty("ProvedorImagem", provedorImg);
                                
                                    engine.addImageProvider("provedor", provedorImg);
                                
                                    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
                                
                                    return app.exec();
                                }
                                

                                main.qml

                                import QtQuick 2.4
                                import QtQuick.Window 2.2
                                import QtQuick.Controls 1.3
                                import QtMultimedia 5.4
                                
                                import ProcessaImagemQml 1.0
                                
                                Window {
                                    visible: true
                                
                                    width: 360
                                    height: 640
                                
                                    maximumHeight: 640
                                    minimumHeight: 640
                                
                                    maximumWidth: 360
                                    minimumWidth: 360
                                
                                    title: "Camera Preview Test"
                                
                                    Rectangle {
                                        id: principal
                                
                                        anchors.fill: parent
                                
                                        ProcessaImagem {
                                            id: processaImagem
                                
                                            caminhoImagem: camera.caminhoPreview
                                            caminhoSalvar: camera.caminhoSalvar
                                            rectRecorte: camera.rectRecorte
                                            tamanhoImagem: camera.tamanhoImagem
                                            anguloOrientacaoCamera: camera.orientation
                                            posicaoCamera: camera.position
                                
                                            onCaminhoImagemChanged: {
                                                rectRecorte = cameraView.mapRectToSource(Qt.rect(cameraView.x, cameraView.y, cameraView.width, cameraView.height));
                                                tamanhoImagem = Qt.size(cameraView.sourceRect.width, cameraView.sourceRect.height);
                                                ProvedorImagem.carregaImagem(processaImagem.carregaImagem());
                                            }
                                
                                            onCaminhoSalvarChanged: {
                                                removeImagemSalva();
                                            }
                                        }
                                
                                        Rectangle {
                                            id: cameraRectangle
                                
                                            width: parent.width
                                            height: parent.width
                                
                                            anchors.top: parent.top
                                
                                            color: "lightGrey"
                                
                                            visible: true
                                
                                            Camera {
                                                id: camera
                                
                                                property string caminhoPreview: ""
                                                property string caminhoSalvar: ""
                                                property int numeroImagem: 0
                                
                                                captureMode: Camera.CaptureStillImage
                                
                                                imageCapture {
                                                    onImageCaptured: {
                                                        camera.caminhoPreview = preview;
                                
                                                        camera.stop();
                                
                                                        imagemPreview.source = "image://provedor/imagemEditada_" + camera.numeroImagem.toString();
                                
                                                        camera.numeroImagem = camera.numeroImagem + 1;
                                
                                                        imagemPreviewRectangle.visible = true;
                                
                                                        cameraRectangle.visible = false;
                                                    }
                                
                                                    onImageSaved: {
                                                        camera.caminhoSalvar = path;
                                                    }
                                                }
                                            }
                                
                                            VideoOutput {
                                                id: cameraView
                                
                                                visible: true
                                
                                                focus: visible
                                
                                                anchors.fill: parent
                                
                                                source: camera
                                                orientation: camera.orientation
                                                fillMode: VideoOutput.PreserveAspectCrop
                                            }
                                        }
                                
                                        Rectangle {
                                            id: imagemPreviewRectangle
                                
                                            width: parent.width
                                            height: parent.width
                                
                                            anchors.top: parent.top
                                
                                            color: "lightGrey"
                                
                                            visible: false
                                
                                            Image {
                                                id: imagemPreview
                                
                                                fillMode: Image.PreserveAspectFit
                                                
                                                anchors.fill: parent
                                            }
                                        }
                                
                                        Rectangle {
                                            id: controleRectangle
                                
                                            width: parent.width
                                            height: parent.height - cameraRectangle.height
                                
                                            color: "grey"
                                
                                            anchors.top: cameraRectangle.bottom
                                
                                            Button {
                                                id: tirarFotoButton
                                
                                                text: "Tirar foto"
                                
                                                anchors.left: parent.left
                                                anchors.top: parent.top
                                
                                                onClicked: {
                                                    camera.imageCapture.capture();
                                                }
                                            }
                                
                                            Button {
                                                id: novaFotoButton
                                
                                                text: "Tirar nova foto"
                                
                                                anchors.right: parent.right
                                                anchors.top: parent.top
                                
                                                onClicked: {
                                                    camera.start();
                                
                                                    imagemPreviewRectangle.visible = false;
                                
                                                    cameraRectangle.visible = true;
                                                }
                                            }
                                        }
                                    }
                                }
                                

                                processaimagem.h

                                #ifndef PROCESSAIMAGEM_H
                                #define PROCESSAIMAGEM_H
                                
                                #include <QObject>
                                #include <QImage>
                                #include <QQmlEngine>
                                #include <QQmlContext>
                                #include <QQuickImageProvider>
                                #include <QFile>
                                
                                #include "provedorimagem.h"
                                
                                class processaImagem : public QObject
                                {
                                    Q_OBJECT
                                
                                    Q_PROPERTY(QString caminhoImagem READ caminhoImagem WRITE setCaminhoImagem NOTIFY caminhoImagemChanged)
                                    Q_PROPERTY(QString caminhoSalvar READ caminhoSalvar WRITE setCaminhoSalvar NOTIFY caminhoSalvarChanged)
                                    Q_PROPERTY(QRect rectRecorte READ rectRecorte WRITE setRectRecorte NOTIFY rectRecorteChanged)
                                    Q_PROPERTY(QSize tamanhoImagem READ tamanhoImagem WRITE setTamanhoImagem NOTIFY tamanhoImagemChanged)
                                    Q_PROPERTY(int anguloOrientacaoCamera READ anguloOrientacaoCamera WRITE setAnguloOrientacaoCamera NOTIFY anguloOrientacaoCameraChanged)
                                    Q_PROPERTY(int posicaoCamera READ posicaoCamera WRITE setPosicaoCamera NOTIFY posicaoCameraChanged)
                                
                                public slots:
                                    QImage carregaImagem();
                                    void removeImagemSalva();
                                
                                public:
                                    processaImagem(QObject *parent = 0);
                                
                                    QString caminhoImagem() const;
                                    void setCaminhoImagem(const QString valor);
                                
                                    QString caminhoSalvar() const;
                                    void setCaminhoSalvar(const QString valor);
                                
                                    QRect rectRecorte() const;
                                    void setRectRecorte(const QRect valor);
                                
                                    QSize tamanhoImagem() const;
                                    void setTamanhoImagem(const QSize valor);
                                
                                    int anguloOrientacaoCamera() const;
                                    void setAnguloOrientacaoCamera(const int valor);
                                
                                    int posicaoCamera() const;
                                    void setPosicaoCamera(const int valor);
                                
                                private:
                                    QString p_caminhoImagem = "";
                                    QString p_caminhoSalvar = "";
                                    QRect p_rectRecorte = QRect(0, 0, 0, 0);
                                    QSize p_tamanhoImagem = QSize(0, 0);
                                    int p_anguloOrientacaoCamera = 0;
                                    int p_posicaoCamera = 0;
                                
                                signals:
                                    void caminhoImagemChanged();
                                    void caminhoSalvarChanged();
                                    void rectRecorteChanged();
                                    void tamanhoImagemChanged();
                                    void anguloOrientacaoCameraChanged();
                                    void posicaoCameraChanged();
                                };
                                
                                #endif // PROCESSAIMAGEM_H
                                

                                processaimagem.cpp

                                #include "processaimagem.h"
                                
                                #include <QDebug>
                                
                                processaImagem::processaImagem(QObject *parent)
                                {
                                
                                }
                                
                                QImage processaImagem::carregaImagem()
                                {
                                    QUrl caminhoImagem(p_caminhoImagem);
                                    QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                                    QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                                    QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
                                
                                
                                    QSize imageSize;
                                    QString imageId = caminhoImagem.path().remove(0, 1);
                                    QImage imagem = imageProvider->requestImage(imageId, &imageSize, imageSize);
                                
                                    if(imagem.isNull())
                                    {
                                        qDebug() << "Erro ao carregar a imagem";
                                        imagem = QImage();
                                    }
                                    else
                                    {
                                        if((p_anguloOrientacaoCamera == 90) || (p_anguloOrientacaoCamera == 270))
                                        {
                                            int larguraImagem = p_tamanhoImagem.width();
                                            int alturaImagem = p_tamanhoImagem.height();
                                
                                            p_tamanhoImagem.setWidth(alturaImagem);
                                            p_tamanhoImagem.setHeight(larguraImagem);
                                
                                            int recorteX = p_rectRecorte.x();
                                            int recorteY = p_rectRecorte.y();
                                            int recorteLargura = p_rectRecorte.width();
                                            int recorteAltura = p_rectRecorte.height();
                                
                                            p_rectRecorte.setRect(recorteY, recorteX, recorteAltura, recorteLargura);
                                
                                            if(imagem.size().width() > imagem.size().height())
                                            {
                                                QTransform rotacao;
                                                rotacao.rotate(360 - p_anguloOrientacaoCamera);
                                                imagem = imagem.transformed(rotacao);
                                
                                                qDebug() << "Rodou";
                                            }
                                        }
                                
                                        if(imagem.width() != p_tamanhoImagem.width())
                                        {
                                            imagem = imagem.scaled(p_tamanhoImagem);
                                        }
                                
                                        imagem = imagem.copy(p_rectRecorte);
                                    }
                                
                                    return imagem;
                                }
                                
                                void processaImagem::removeImagemSalva()
                                {
                                    QFile::remove(p_caminhoSalvar);
                                }
                                
                                QString processaImagem::caminhoImagem() const
                                {
                                    return p_caminhoImagem;
                                }
                                
                                void processaImagem::setCaminhoImagem(const QString valor)
                                {
                                    if (valor != p_caminhoImagem)
                                    {
                                        p_caminhoImagem = valor;
                                        emit caminhoImagemChanged();
                                    }
                                }
                                
                                QString processaImagem::caminhoSalvar() const
                                {
                                    return p_caminhoSalvar;
                                }
                                
                                void processaImagem::setCaminhoSalvar(const QString valor)
                                {
                                    if (valor != p_caminhoSalvar)
                                    {
                                        p_caminhoSalvar = valor;
                                        emit caminhoSalvarChanged();
                                    }
                                }
                                
                                QRect processaImagem::rectRecorte() const
                                {
                                    return p_rectRecorte;
                                }
                                
                                void processaImagem::setRectRecorte(const QRect valor)
                                {
                                    bool alterou = false;
                                
                                    if (valor.x() != p_rectRecorte.x())
                                    {
                                        p_rectRecorte.setX(valor.x());
                                        alterou = true;
                                    }
                                
                                    if (valor.y() != p_rectRecorte.y())
                                    {
                                        p_rectRecorte.setY(valor.y());
                                        alterou = true;
                                    }
                                
                                    if (valor.width() != p_rectRecorte.width())
                                    {
                                        p_rectRecorte.setWidth(valor.width());
                                        alterou = true;
                                    }
                                
                                    if (valor.height() != p_rectRecorte.height())
                                    {
                                        p_rectRecorte.setHeight(valor.height());
                                        alterou = true;
                                    }
                                
                                    if(alterou)
                                    {
                                        emit rectRecorteChanged();
                                    }
                                }
                                
                                QSize processaImagem::tamanhoImagem() const
                                {
                                    return p_tamanhoImagem;
                                }
                                
                                void processaImagem::setTamanhoImagem(const QSize valor)
                                {
                                    bool alterou = false;
                                
                                    if (valor.width() != p_tamanhoImagem.width())
                                    {
                                        p_tamanhoImagem.setWidth(valor.width());
                                        alterou = true;
                                    }
                                
                                    if (valor.height() != p_tamanhoImagem.height())
                                    {
                                        p_tamanhoImagem.setHeight(valor.height());
                                        alterou = true;
                                    }
                                
                                    if(alterou)
                                    {
                                        emit tamanhoImagemChanged();
                                    }
                                }
                                
                                int processaImagem::anguloOrientacaoCamera() const
                                {
                                    return p_anguloOrientacaoCamera;
                                }
                                
                                void processaImagem::setAnguloOrientacaoCamera(const int valor)
                                {
                                    if (valor != p_anguloOrientacaoCamera)
                                    {
                                        p_anguloOrientacaoCamera = valor;
                                        emit anguloOrientacaoCameraChanged();
                                    }
                                }
                                
                                int processaImagem::posicaoCamera() const
                                {
                                    return p_posicaoCamera;
                                }
                                
                                void processaImagem::setPosicaoCamera(const int valor)
                                {
                                    if (valor != p_posicaoCamera)
                                    {
                                        p_posicaoCamera = valor;
                                        emit posicaoCameraChanged();
                                    }
                                }
                                

                                provedorimagem.h

                                #ifndef PROVEDORIMAGEM_H
                                #define PROVEDORIMAGEM_H
                                
                                #include <QObject>
                                #include <QImage>
                                #include <QQuickImageProvider>
                                
                                class provedorImagem : public QObject, public QQuickImageProvider
                                {
                                    Q_OBJECT
                                
                                public:
                                    provedorImagem();
                                
                                    QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize);
                                
                                public slots:
                                    void carregaImagem(QImage imagemRecebida);
                                
                                private:
                                    QImage imagem;
                                };
                                
                                #endif // PROVEDORIMAGEM_H
                                

                                provedorimagem.cpp

                                #include "provedorimagem.h"
                                
                                #include <QDebug>
                                
                                provedorImagem::provedorImagem() : QQuickImageProvider(QQuickImageProvider::Image)
                                {
                                
                                }
                                
                                QImage provedorImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
                                {
                                    if(imagem.isNull())
                                    {
                                        qDebug() << "Erro ao prover a imagem";
                                    }
                                
                                    return imagem;
                                }
                                
                                void provedorImagem::carregaImagem(QImage imagemRecebida)
                                {
                                    imagem = imagemRecebida;
                                }
                                

                                Att.
                                Guilherme Cortada Dupas

                                p3c0P 1 Reply Last reply
                                0
                                • guidupasG guidupas

                                  Answering my own question
                                  Problem solved. Here is the solution step by step:

                                  1 - Create a class that inherits from QQuickImageProvider and QObject and inside it create a Image member (QImage) that is the image to be provided.

                                  class provedorImagem : public QObject, public QQuickImageProvider
                                  

                                  Implement the virtual requestImage method. This is the method that will return the image to Qml

                                  QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize)
                                  

                                  Create a method to load the provider’s image to return

                                  void provedorImagem::carregaImagem(QImage imagemRecebida)
                                  {
                                      imagem = imagemRecebida;
                                  }
                                  

                                  Now set it as the engine image provider in the main.cpp file

                                  provedorImagem *provedorImg = new provedorImagem;
                                  engine.rootContext()->setContextProperty("ProvedorImagem", provedorImg);
                                  

                                  2 - Create another class that inherits from QObject.

                                  class processaImagem : public QObject
                                  

                                  Inside this class you must implement a method that will get the image from camera provider, perform the image modifications and return the modified image.
                                  PS: The p_caminhoImagem is a property that I created inside the processaImagem class that receives the camera preview path.

                                  QImage processaImagem::carregaImagem()
                                  {
                                      QUrl caminhoImagem(p_caminhoImagem);
                                      QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                                      QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                                      QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
                                  
                                  
                                      QSize imageSize;
                                      QString imageId = caminhoImagem.path().remove(0, 1);
                                      QImage imagem = imageProvider->requestImage(imageId, &imageSize, imageSize);
                                  
                                      if(imagem.isNull())
                                      {
                                          imagem = QImage();
                                      }
                                      else
                                      {
                                          //Perform the modifications
                                      }
                                  
                                      return imagem;
                                  }
                                  

                                  3 - Now is the main part. The image requestImage provider method must receive the modified image from the processaImagem class to provide it to QML. To do it the provider class pointer must be accessible to the QML file, so, in the main.cpp file just make the pointer available to QML as a property

                                  engine.rootContext()->setContextProperty("ProvedorImagem", provedorImg);
                                  

                                  and register the processaImagem class as a QML type

                                  qmlRegisterType<processaImagem>("ProcessaImagemQml", 1, 0, "ProcessaImagem");
                                  

                                  Now we link it inside the QML file

                                  ProvedorImagem.carregaImagem(processaImagem.carregaImagem());
                                  

                                  4 - It is done. Now just request the image from the provider:

                                  imagemPreview.source = "image://provedor/imagemEditada_" + camera.numeroImagem.toString();
                                  

                                  Here is the entire code:

                                  main.cpp

                                  #include <QGuiApplication>
                                  #include <QQmlApplicationEngine>
                                  
                                  #include <QtQml>
                                  
                                  #include "processaimagem.h"
                                  #include "provedorimagem.h"
                                  
                                  int main(int argc, char *argv[])
                                  {
                                      QGuiApplication app(argc, argv);
                                  
                                      qmlRegisterType<processaImagem>("ProcessaImagemQml", 1, 0, "ProcessaImagem");
                                  
                                      QQmlApplicationEngine engine;
                                  
                                      provedorImagem *provedorImg = new provedorImagem;
                                  
                                      engine.rootContext()->setContextProperty("ProvedorImagem", provedorImg);
                                  
                                      engine.addImageProvider("provedor", provedorImg);
                                  
                                      engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
                                  
                                      return app.exec();
                                  }
                                  

                                  main.qml

                                  import QtQuick 2.4
                                  import QtQuick.Window 2.2
                                  import QtQuick.Controls 1.3
                                  import QtMultimedia 5.4
                                  
                                  import ProcessaImagemQml 1.0
                                  
                                  Window {
                                      visible: true
                                  
                                      width: 360
                                      height: 640
                                  
                                      maximumHeight: 640
                                      minimumHeight: 640
                                  
                                      maximumWidth: 360
                                      minimumWidth: 360
                                  
                                      title: "Camera Preview Test"
                                  
                                      Rectangle {
                                          id: principal
                                  
                                          anchors.fill: parent
                                  
                                          ProcessaImagem {
                                              id: processaImagem
                                  
                                              caminhoImagem: camera.caminhoPreview
                                              caminhoSalvar: camera.caminhoSalvar
                                              rectRecorte: camera.rectRecorte
                                              tamanhoImagem: camera.tamanhoImagem
                                              anguloOrientacaoCamera: camera.orientation
                                              posicaoCamera: camera.position
                                  
                                              onCaminhoImagemChanged: {
                                                  rectRecorte = cameraView.mapRectToSource(Qt.rect(cameraView.x, cameraView.y, cameraView.width, cameraView.height));
                                                  tamanhoImagem = Qt.size(cameraView.sourceRect.width, cameraView.sourceRect.height);
                                                  ProvedorImagem.carregaImagem(processaImagem.carregaImagem());
                                              }
                                  
                                              onCaminhoSalvarChanged: {
                                                  removeImagemSalva();
                                              }
                                          }
                                  
                                          Rectangle {
                                              id: cameraRectangle
                                  
                                              width: parent.width
                                              height: parent.width
                                  
                                              anchors.top: parent.top
                                  
                                              color: "lightGrey"
                                  
                                              visible: true
                                  
                                              Camera {
                                                  id: camera
                                  
                                                  property string caminhoPreview: ""
                                                  property string caminhoSalvar: ""
                                                  property int numeroImagem: 0
                                  
                                                  captureMode: Camera.CaptureStillImage
                                  
                                                  imageCapture {
                                                      onImageCaptured: {
                                                          camera.caminhoPreview = preview;
                                  
                                                          camera.stop();
                                  
                                                          imagemPreview.source = "image://provedor/imagemEditada_" + camera.numeroImagem.toString();
                                  
                                                          camera.numeroImagem = camera.numeroImagem + 1;
                                  
                                                          imagemPreviewRectangle.visible = true;
                                  
                                                          cameraRectangle.visible = false;
                                                      }
                                  
                                                      onImageSaved: {
                                                          camera.caminhoSalvar = path;
                                                      }
                                                  }
                                              }
                                  
                                              VideoOutput {
                                                  id: cameraView
                                  
                                                  visible: true
                                  
                                                  focus: visible
                                  
                                                  anchors.fill: parent
                                  
                                                  source: camera
                                                  orientation: camera.orientation
                                                  fillMode: VideoOutput.PreserveAspectCrop
                                              }
                                          }
                                  
                                          Rectangle {
                                              id: imagemPreviewRectangle
                                  
                                              width: parent.width
                                              height: parent.width
                                  
                                              anchors.top: parent.top
                                  
                                              color: "lightGrey"
                                  
                                              visible: false
                                  
                                              Image {
                                                  id: imagemPreview
                                  
                                                  fillMode: Image.PreserveAspectFit
                                                  
                                                  anchors.fill: parent
                                              }
                                          }
                                  
                                          Rectangle {
                                              id: controleRectangle
                                  
                                              width: parent.width
                                              height: parent.height - cameraRectangle.height
                                  
                                              color: "grey"
                                  
                                              anchors.top: cameraRectangle.bottom
                                  
                                              Button {
                                                  id: tirarFotoButton
                                  
                                                  text: "Tirar foto"
                                  
                                                  anchors.left: parent.left
                                                  anchors.top: parent.top
                                  
                                                  onClicked: {
                                                      camera.imageCapture.capture();
                                                  }
                                              }
                                  
                                              Button {
                                                  id: novaFotoButton
                                  
                                                  text: "Tirar nova foto"
                                  
                                                  anchors.right: parent.right
                                                  anchors.top: parent.top
                                  
                                                  onClicked: {
                                                      camera.start();
                                  
                                                      imagemPreviewRectangle.visible = false;
                                  
                                                      cameraRectangle.visible = true;
                                                  }
                                              }
                                          }
                                      }
                                  }
                                  

                                  processaimagem.h

                                  #ifndef PROCESSAIMAGEM_H
                                  #define PROCESSAIMAGEM_H
                                  
                                  #include <QObject>
                                  #include <QImage>
                                  #include <QQmlEngine>
                                  #include <QQmlContext>
                                  #include <QQuickImageProvider>
                                  #include <QFile>
                                  
                                  #include "provedorimagem.h"
                                  
                                  class processaImagem : public QObject
                                  {
                                      Q_OBJECT
                                  
                                      Q_PROPERTY(QString caminhoImagem READ caminhoImagem WRITE setCaminhoImagem NOTIFY caminhoImagemChanged)
                                      Q_PROPERTY(QString caminhoSalvar READ caminhoSalvar WRITE setCaminhoSalvar NOTIFY caminhoSalvarChanged)
                                      Q_PROPERTY(QRect rectRecorte READ rectRecorte WRITE setRectRecorte NOTIFY rectRecorteChanged)
                                      Q_PROPERTY(QSize tamanhoImagem READ tamanhoImagem WRITE setTamanhoImagem NOTIFY tamanhoImagemChanged)
                                      Q_PROPERTY(int anguloOrientacaoCamera READ anguloOrientacaoCamera WRITE setAnguloOrientacaoCamera NOTIFY anguloOrientacaoCameraChanged)
                                      Q_PROPERTY(int posicaoCamera READ posicaoCamera WRITE setPosicaoCamera NOTIFY posicaoCameraChanged)
                                  
                                  public slots:
                                      QImage carregaImagem();
                                      void removeImagemSalva();
                                  
                                  public:
                                      processaImagem(QObject *parent = 0);
                                  
                                      QString caminhoImagem() const;
                                      void setCaminhoImagem(const QString valor);
                                  
                                      QString caminhoSalvar() const;
                                      void setCaminhoSalvar(const QString valor);
                                  
                                      QRect rectRecorte() const;
                                      void setRectRecorte(const QRect valor);
                                  
                                      QSize tamanhoImagem() const;
                                      void setTamanhoImagem(const QSize valor);
                                  
                                      int anguloOrientacaoCamera() const;
                                      void setAnguloOrientacaoCamera(const int valor);
                                  
                                      int posicaoCamera() const;
                                      void setPosicaoCamera(const int valor);
                                  
                                  private:
                                      QString p_caminhoImagem = "";
                                      QString p_caminhoSalvar = "";
                                      QRect p_rectRecorte = QRect(0, 0, 0, 0);
                                      QSize p_tamanhoImagem = QSize(0, 0);
                                      int p_anguloOrientacaoCamera = 0;
                                      int p_posicaoCamera = 0;
                                  
                                  signals:
                                      void caminhoImagemChanged();
                                      void caminhoSalvarChanged();
                                      void rectRecorteChanged();
                                      void tamanhoImagemChanged();
                                      void anguloOrientacaoCameraChanged();
                                      void posicaoCameraChanged();
                                  };
                                  
                                  #endif // PROCESSAIMAGEM_H
                                  

                                  processaimagem.cpp

                                  #include "processaimagem.h"
                                  
                                  #include <QDebug>
                                  
                                  processaImagem::processaImagem(QObject *parent)
                                  {
                                  
                                  }
                                  
                                  QImage processaImagem::carregaImagem()
                                  {
                                      QUrl caminhoImagem(p_caminhoImagem);
                                      QQmlEngine *engine = QQmlEngine::contextForObject(this)->engine();
                                      QQmlImageProviderBase *imageProviderBase = engine->imageProvider(caminhoImagem.host());
                                      QQuickImageProvider *imageProvider = static_cast<QQuickImageProvider*>(imageProviderBase);
                                  
                                  
                                      QSize imageSize;
                                      QString imageId = caminhoImagem.path().remove(0, 1);
                                      QImage imagem = imageProvider->requestImage(imageId, &imageSize, imageSize);
                                  
                                      if(imagem.isNull())
                                      {
                                          qDebug() << "Erro ao carregar a imagem";
                                          imagem = QImage();
                                      }
                                      else
                                      {
                                          if((p_anguloOrientacaoCamera == 90) || (p_anguloOrientacaoCamera == 270))
                                          {
                                              int larguraImagem = p_tamanhoImagem.width();
                                              int alturaImagem = p_tamanhoImagem.height();
                                  
                                              p_tamanhoImagem.setWidth(alturaImagem);
                                              p_tamanhoImagem.setHeight(larguraImagem);
                                  
                                              int recorteX = p_rectRecorte.x();
                                              int recorteY = p_rectRecorte.y();
                                              int recorteLargura = p_rectRecorte.width();
                                              int recorteAltura = p_rectRecorte.height();
                                  
                                              p_rectRecorte.setRect(recorteY, recorteX, recorteAltura, recorteLargura);
                                  
                                              if(imagem.size().width() > imagem.size().height())
                                              {
                                                  QTransform rotacao;
                                                  rotacao.rotate(360 - p_anguloOrientacaoCamera);
                                                  imagem = imagem.transformed(rotacao);
                                  
                                                  qDebug() << "Rodou";
                                              }
                                          }
                                  
                                          if(imagem.width() != p_tamanhoImagem.width())
                                          {
                                              imagem = imagem.scaled(p_tamanhoImagem);
                                          }
                                  
                                          imagem = imagem.copy(p_rectRecorte);
                                      }
                                  
                                      return imagem;
                                  }
                                  
                                  void processaImagem::removeImagemSalva()
                                  {
                                      QFile::remove(p_caminhoSalvar);
                                  }
                                  
                                  QString processaImagem::caminhoImagem() const
                                  {
                                      return p_caminhoImagem;
                                  }
                                  
                                  void processaImagem::setCaminhoImagem(const QString valor)
                                  {
                                      if (valor != p_caminhoImagem)
                                      {
                                          p_caminhoImagem = valor;
                                          emit caminhoImagemChanged();
                                      }
                                  }
                                  
                                  QString processaImagem::caminhoSalvar() const
                                  {
                                      return p_caminhoSalvar;
                                  }
                                  
                                  void processaImagem::setCaminhoSalvar(const QString valor)
                                  {
                                      if (valor != p_caminhoSalvar)
                                      {
                                          p_caminhoSalvar = valor;
                                          emit caminhoSalvarChanged();
                                      }
                                  }
                                  
                                  QRect processaImagem::rectRecorte() const
                                  {
                                      return p_rectRecorte;
                                  }
                                  
                                  void processaImagem::setRectRecorte(const QRect valor)
                                  {
                                      bool alterou = false;
                                  
                                      if (valor.x() != p_rectRecorte.x())
                                      {
                                          p_rectRecorte.setX(valor.x());
                                          alterou = true;
                                      }
                                  
                                      if (valor.y() != p_rectRecorte.y())
                                      {
                                          p_rectRecorte.setY(valor.y());
                                          alterou = true;
                                      }
                                  
                                      if (valor.width() != p_rectRecorte.width())
                                      {
                                          p_rectRecorte.setWidth(valor.width());
                                          alterou = true;
                                      }
                                  
                                      if (valor.height() != p_rectRecorte.height())
                                      {
                                          p_rectRecorte.setHeight(valor.height());
                                          alterou = true;
                                      }
                                  
                                      if(alterou)
                                      {
                                          emit rectRecorteChanged();
                                      }
                                  }
                                  
                                  QSize processaImagem::tamanhoImagem() const
                                  {
                                      return p_tamanhoImagem;
                                  }
                                  
                                  void processaImagem::setTamanhoImagem(const QSize valor)
                                  {
                                      bool alterou = false;
                                  
                                      if (valor.width() != p_tamanhoImagem.width())
                                      {
                                          p_tamanhoImagem.setWidth(valor.width());
                                          alterou = true;
                                      }
                                  
                                      if (valor.height() != p_tamanhoImagem.height())
                                      {
                                          p_tamanhoImagem.setHeight(valor.height());
                                          alterou = true;
                                      }
                                  
                                      if(alterou)
                                      {
                                          emit tamanhoImagemChanged();
                                      }
                                  }
                                  
                                  int processaImagem::anguloOrientacaoCamera() const
                                  {
                                      return p_anguloOrientacaoCamera;
                                  }
                                  
                                  void processaImagem::setAnguloOrientacaoCamera(const int valor)
                                  {
                                      if (valor != p_anguloOrientacaoCamera)
                                      {
                                          p_anguloOrientacaoCamera = valor;
                                          emit anguloOrientacaoCameraChanged();
                                      }
                                  }
                                  
                                  int processaImagem::posicaoCamera() const
                                  {
                                      return p_posicaoCamera;
                                  }
                                  
                                  void processaImagem::setPosicaoCamera(const int valor)
                                  {
                                      if (valor != p_posicaoCamera)
                                      {
                                          p_posicaoCamera = valor;
                                          emit posicaoCameraChanged();
                                      }
                                  }
                                  

                                  provedorimagem.h

                                  #ifndef PROVEDORIMAGEM_H
                                  #define PROVEDORIMAGEM_H
                                  
                                  #include <QObject>
                                  #include <QImage>
                                  #include <QQuickImageProvider>
                                  
                                  class provedorImagem : public QObject, public QQuickImageProvider
                                  {
                                      Q_OBJECT
                                  
                                  public:
                                      provedorImagem();
                                  
                                      QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize);
                                  
                                  public slots:
                                      void carregaImagem(QImage imagemRecebida);
                                  
                                  private:
                                      QImage imagem;
                                  };
                                  
                                  #endif // PROVEDORIMAGEM_H
                                  

                                  provedorimagem.cpp

                                  #include "provedorimagem.h"
                                  
                                  #include <QDebug>
                                  
                                  provedorImagem::provedorImagem() : QQuickImageProvider(QQuickImageProvider::Image)
                                  {
                                  
                                  }
                                  
                                  QImage provedorImagem::requestImage(const QString &id, QSize *size, const QSize &requestedSize)
                                  {
                                      if(imagem.isNull())
                                      {
                                          qDebug() << "Erro ao prover a imagem";
                                      }
                                  
                                      return imagem;
                                  }
                                  
                                  void provedorImagem::carregaImagem(QImage imagemRecebida)
                                  {
                                      imagem = imagemRecebida;
                                  }
                                  
                                  p3c0P Offline
                                  p3c0P Offline
                                  p3c0
                                  Moderators
                                  wrote on last edited by
                                  #25

                                  @guidupas That is what I said in earlier post :). Please make the post as solved if done.

                                  157

                                  1 Reply Last reply
                                  0
                                  • guidupasG Offline
                                    guidupasG Offline
                                    guidupas
                                    wrote on last edited by
                                    #26

                                    @p3c0 Yes, but was not easy to figure out how to send the image to the provider.

                                    By the way, thank you for all the help.

                                    Att.
                                    Guilherme Cortada Dupas

                                    1 Reply Last reply
                                    0

                                    • Login

                                    • Login or register to search.
                                    • First post
                                      Last post
                                    0
                                    • Categories
                                    • Recent
                                    • Tags
                                    • Popular
                                    • Users
                                    • Groups
                                    • Search
                                    • Get Qt Extensions
                                    • Unsolved