Cvb/QmlImageDisplay

This example requires Qt5 >= 5.9 setup for building.

You may build it with Ubuntu 18.04's default Qt5 after installing:

• qt5-default
• qtdeclarative5-dev
• qml-module-qtquick2

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

#include <iostream>









#include <QApplication>
#include <QQuickView>
#include <QQmlContext>
#include <QIcon>




#include <cvb/ui/image_view_item.hpp>



#include <cvb/image.hpp>

int main(int argc, char* argv[])
{
  try
  {

    QApplication app(argc, argv);

    // register QML components for an image display
    Cvb::UI::ImageViewItem::Register();

    QQuickView view;
    view.setResizeMode(QQuickView::SizeRootObjectToView);
    view.setIcon(QIcon(":/qttutorial.png"));
    auto context = view.rootContext();
    // create a controller object to communicate with QML
    Cvb::UI::ImageController imageController;
    context->setContextProperty("mainImage", &imageController);

    // load main QML file
    view.setSource(QUrl::fromLocalFile("../main.qml"));


    // load the image
    Cvb::ImagePtr image = Cvb::Image::Load(Cvb::InstallPath() + CVB_LIT("tutorial/ClaraRGB.bmp"));

    // refresh the image display through the controller object
    imageController.Refresh(image);

    view.resize(640, 480);
    view.show();



    return app.exec();
  }
  catch (const std::exception& error)
  {
    std::cout << error.what() << std::endl;
  }
}

UI definition using QML.

import QtQuick 2.3
import CvbQuick 1.0 as CvbQuick


Rectangle 
{ 

    CvbQuick.ImageView
    {
        id: imageView
        image : mainImage
        anchors.fill : parent
        uploadMode : CvbQuick.UploadMode.Viewport
       
    }

    Text 
    {
        text: "Cursor: " 
        + String(imageView.hoverPosition) 
        + "\nPixel: " 
        + String(imageView.hoverPixel) 
        + "\nZoom: " 
        +  String(imageView.zoomFactor.toFixed(2))
        anchors.horizontalCenter: parent.horizontalCenter
        font.pointSize: 15
        font.bold: true
        color : "white"
        style: Text.Outline
        styleColor: "black"
    }
    
    
}