Foundation/QmlBlobSearch

This example requires Qt5 >= 5.9 setup for building.

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/foundation/blob.hpp>
#include <cvb/image.hpp>

#include "blob_result_model.hpp"

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

    QApplication app(argc, argv);

    Cvb::String path(Cvb::InstallPath() + CVB_LIT("tutorial/Foundation/Images/Blob/Microswitch.bmp"));
    // expand environment variables in path
    path = Cvb::ExpandPath(path);
    auto image = Cvb::Image::Load(path);

    Cvb::Foundation::BlobFilter filter;
    filter[Cvb::Foundation::BlobRangeFilter::Size] = Cvb::ValueRange<int>(100, 100000);
    auto blobResults = Cvb::Foundation::BinarizeAndSearchBlobs(image->Plane(0), Cvb::ValueRange<int>(0, 62), filter);

    BlobResultModel blobResultModel(blobResults);


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

    Cvb::UI::ImageController imageController;

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

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


    // refresh the image display through the controller object
    imageController.Refresh(std::move(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: view
        image : mainImage
        anchors.fill : parent

        Repeater
        {
            model : blobResultModel
            delegate: BoxLabel
            {
                imageView : view
                imageX : boundingBox.x
                imageY : boundingBox.y
                boxWidth : boundingBox.width
                boxHeight : boundingBox.height
                          
            }
        }
        Repeater
        {
            model : blobResultModel
            delegate: CenterLabel
            {
                imageView : view
                imageX : blobCenter.x
                imageY : blobCenter.y
                size : blobSize
                         
            }
        }
       
    }
}