한국어
Qt
 

애플리케이션이 시작될 때 Qt 리소스에서 Qml을 로드하는 경우, Qml뿐만 아니라 모든 이미지는 Qt리소스에서 로드된다.

로컬이나 네트웍 같은 곳에서 이미지를 로드해야 할 필요가 있을 경우 Image Provider를 사용하면 된다.

 

imageprovider.h

#ifndef IMAGEPROVIDER_H
#define IMAGEPROVIDER_H
 
#include <QQuickImageProvider>
 
class ImageProvider : public QObject, public QQuickImageProvider
{
   Q_OBJECT
  public:

 
   ImageProvider();
   ~ImageProvider();
   static ImageProvider * instance();
   QImage requestImage(const QString& id, QSize* size, const QSize& requestedSize);
   QPixmap requestPixmap(const QString& id, QSize* size, const QSize& requestedSize);
};

#endif // IMAGEPROVIDER_H

 

imageprovider.cpp

#include "imageProvider.h"
#include <QFile>
#include <QImage>
#include <QPixmap>
#include <QDebug>

ImageProvider *ImageProviderInstance;

ImageProvider::ImageProvider()
    :QQuickImageProvider(QQmlImageProviderBase::Image)
{
    
}

ImageProvider::~ImageProvider()
{
    
}

ImageProvider *ImageProvider::instance()
{
    if(ImageProviderInstance)
    {
        return ImageProviderInstance;
    }
    else
    {
        ImageProviderInstance = new ImageProvider;
        return ImageProviderInstance;
    }
}

QImage ImageProvider::requestImage(const QString& id, QSize* size, const QSize&    requestedSize)
{
    QImage image(id);
    QImage result;
    
    
    if (requestedSize.isValid()) {
        result = image.scaled(requestedSize, Qt::KeepAspectRatio);
    } else {
        result = image;
    }
    *size = result.size();
    return result;
}

QPixmap ImageProvider::requestPixmap(const QString& id, QSize* size, const QSize& requestedSize)
{
    QPixmap image(id);
    QPixmap result;
    
    
    if (requestedSize.isValid()) {
        result = image.scaled(requestedSize, Qt::KeepAspectRatio);
    } else {
        result = image;
    }
    *size = result.size();
    return result;
}

 

mainwindow.cpp 에 imageprovider객체 등록

 context->engine()->addImageProvider(QString("extern"), ImageProvider::instance());

 

Qml 애플리케이션

 Image {
    id: img
    x: 0
    y: 25
    width: 227
    height: 230
    anchors.horizontalCenter: parent.horizontalCenter
     source: "image://extern/"+path
    //doesn't find absolute path in windows source: "file://"+path
    fillMode: Image.PreserveAspectFit
}

 

참고: http://stackoverflow.com/questions/15865846/error-while-set-up-absolute-image-path-in-qml-qt-under-windows

 

 

 

 

이 글과 연관된 다른 글
  1. [2019/04/26] QML과 QtQuick 모듈 개념과 기본 타입들 by makersweb (1236)
  2. [2019/01/05] Qml 기본 컴포넌트 강좌 (2) by makersweb (1769)
  3. [2019/01/03] Qml 기본 컴포넌트 강좌 (1) by makersweb (2058)
  4. [2018/12/25] Qml과 C++로 구현하는 GUI어플리케이션 by makersweb (2587)
  5. [2018/04/06] Qml 및 C++개발시 유용한 팁 by makersweb (1715)
번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 5736
19 다국어 지원 어플리케이션 개발 file makersweb 2018.01.27 865
18 Qt 어플리에이션 전역에 폰트 설정 makersweb 2018.01.24 1137
17 Qt 3D Studio 시작하기 file makersweb 2018.01.11 975
16 QPA 플러그인과 HTML5 Backend file makersweb 2017.12.27 105
15 임의의 메모리 영역(QImage)에 QPainter를 이용하여 그리기 file makersweb 2017.12.19 764
14 QML에서 undefined를 확인하는 방법 makersweb 2017.11.29 336
13 QPA 플러그인과 EGLFS file makersweb 2017.11.21 1096
12 타임스탬프( timestamp) 유닉스 시간 makersweb 2017.10.19 543
11 Qt Logging Rule, Qt 프레임워크 로그 출력 makersweb 2017.01.13 1887
10 QString 문자열에서 숫자만 추출해서 QString으로 반환 makersweb 2017.01.10 1931
9 멀티 스레드환경, 스레드에 안전한 이벤트처리 makersweb 2016.10.27 2900
8 Ubuntu Linux에서 Qt Creator 설치 file makersweb 2016.03.06 6704
7 QtConcurrent를 이용하여 쓰레드를 만드는 방법과 MapReduce file makersweb 2016.01.24 5662
6 Qt 프로그래밍의 시작 makersweb 2015.10.25 7094
5 Qt의 스레드간 시그널 슬롯의 커넥션타입 makersweb 2015.10.24 4311
4 Qt의 시그널 슬롯 시스템 file makersweb 2015.10.20 7331
» Qt Image Provider를 이용한 Qml애플리케이션으로 이미지 제공 makersweb 2015.10.18 4081
2 Qml 사용자 ScrollBar 구현 file makersweb 2015.07.24 4683
1 z-order 를 컨트롤 하기위한 방법 makersweb 2015.05.13 4453