한국어
Qt
 

QML 에서 기본적으로 이미지를 표시하려면 Image 아이템을 사용하면된다. 로컬 파일 시스템이나 웹에 있는 이미지도 훌륭하게 표시할 수 있다. 애플리케이션이 시작될 때 Qt 리소스에서 Qml을 로드하는 경우, Qml뿐만 아니라 모든 이미지는 Qt리소스에서 로드된다.

 

자주는 아니지만 RGB 데이터를 표시해야 하는 경우가 있다. 이런 이미지를 화면에 나타내야 할 필요가 있을 경우 QQuickImageProvider 를 서브클래싱하고 QImage 를 제공하여 QML에서 표시할 수 있다.

 

아래 예제는 QQuickImageProvider 를 이용한 이미지 표시 방법을 보여준다.

 

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

 

 

 

 

번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 85337
176 가상키보드(Qt Virtual Keyboard)를 사용하는 방법 [32] file makersweb 2019.05.03 219948
175 콘솔에서 사용자 입력받기 file makersweb 2020.03.22 51788
174 QString 문자열 다루기 예제 운영자 2019.01.26 39601
173 Windows에서 Qt 설치 따라하기 file makersweb 2019.10.14 30790
172 Qt의 시그널 슬롯 시스템 file makersweb 2015.10.20 23428
171 QThread 소개 및 예제 makersweb 2019.12.25 19229
170 QtCreator Design으로 GUI만들기 (QML로 만드는 Hello World -2) [1] file makersweb 2019.05.26 14766
169 초보자를 위한 첫번째 프로젝트 - QML로 만드는 Hello World file makersweb 2018.03.16 14356
168 Qt 프로그래밍의 시작 makersweb 2015.10.25 14322
167 Qml과 C++로 구현하는 GUI어플리케이션 file makersweb 2018.12.25 13827
166 QML과 QtQuick 모듈 개념과 기본 타입들 makersweb 2019.04.26 13321
165 Windows에서 라즈베리파이3용 Qt5.10.0 크로스컴파일 [20] file makersweb 2018.02.23 12713
164 Qt의 오픈소스 라이센스 소개 file makersweb 2019.12.15 12377
163 Qml 기본 컴포넌트 강좌 (1) file makersweb 2019.01.03 11975
162 QtSerialPort를 사용한 시리얼(Serial)통신 [3] makersweb 2019.05.21 11753
161 Qt Installer Framework - 패키징, 설치프로그램 제작 file makersweb 2018.10.14 11598
160 Qt 응용프로그램 배포(windows) file makersweb 2018.10.10 11163
159 Ubuntu Linux에서 Qt Creator 설치 file makersweb 2016.03.06 10647
158 Qt의 스레드간 시그널 슬롯의 커넥션타입 [1] makersweb 2015.10.24 10101
157 QML 강좌 - 동적 Listing (ListView) file makersweb 2019.06.01 10029