QML - Lesson 027. Adding QML in project based on QWidget

QQuickWidget, QML, C++, QWidget

When developing your application to Qt may happen a situation where required in an application written in QWidgets implement functional written in QML. To solve such a problem can be used QQuickWidget class that is used to render QML .

Write a simple hello world, which will draw the code written in QML widget that is placed in the window, based on QWidget . To make it look as follows:

Configuration of Pro file

To use this object class, you need to connect a Pro project file quickwidgets module. Also add a resource file, which will contain qml files, namely QmlLabel.qml file.

QT       += core gui quickwidgets

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = qmlwidget
TEMPLATE = app

DEFINES += QT_DEPRECATED_WARNINGS

SOURCES += main.cpp\
        widget.cpp

HEADERS  += widget.h

FORMS    += widget.ui

RESOURCES += \
    qml.qrc

widget.h

In the header file of the application window to include the header file of QQuickWidget and declare an object of this class.

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QQuickWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private:
    Ui::Widget* ui;
    QQuickWidget* m_quickWidget;
};

#endif // WIDGET_H

widget.cpp

The project was created with the help of interface designer, so the code will only be present in addition QQuickWidget object placement Grid Layout , which is responsible for the layout of the widgets in the window.

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    m_quickWidget = new QQuickWidget(this) ;
    m_quickWidget->setSource(QUrl("qrc:/QmlLabel.qml"));
    m_quickWidget->setResizeMode(QQuickWidget::SizeRootObjectToView);
    ui->gridLayout->addWidget(m_quickWidget, 1, 0);
}

Widget::~Widget()
{
    delete ui;
}

QmlLabel.qml

Content of the Hello World on the QML

import QtQuick 2.5
import QtQuick.Controls 2.1

Item {

    Text {
        id: text
        text: qsTr("Hello world")

        anchors.centerIn: parent
    }

}

Download project

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.
Support the author Donate

Comments

Only authorized users can post comments.
Please, Log in or Sign up
Donate

Hello, Dear Users of EVILEG!!!

If the site helped you, then support the development of the site financially, please.

You can do it by following ways:

Thank you, Evgenii Legotckoi

DK
April 1, 2020, 8:03 a.m.
Dmitry Kozhinov

C++ - Test 001. The first program and data types

  • Result:40points,
  • Rating points-8
A
March 30, 2020, 12:47 p.m.
Anna

C++ - Test 001. The first program and data types

  • Result:60points,
  • Rating points-1
A
March 29, 2020, 12:14 p.m.
Alexanderv66

C++ - Тест 003. Условия и циклы

  • Result:71points,
  • Rating points1
Last comments
March 27, 2020, 2:40 p.m.
Evgenij Legotskoj

Добрый день. В конце пятой статьи скачать можете.
March 27, 2020, 2:28 p.m.
mkdir _

Здравствуйте, а можно, пожалуйста, ссылку на целые исходники, если есть?
March 27, 2020, 4:36 a.m.
Evgenij Legotskoj

Скорее всего также, как и для установки всех остальных переменых в CMake, через использование set
March 27, 2020, 2:47 a.m.
Andrej Jankovich

Ошибка с ярлыками в Windows исправлена в версиии 1.4.0.4
March 26, 2020, 1:37 p.m.
Andrej Jankovich

но появятся ярлыки, сейчас поправим
Now discuss on the forum
April 2, 2020, 4:53 a.m.
Evgenij Legotskoj

хотя, если вниметльно посмотреть на метод lineNode, то скорее всего проблема в том, что ты создаешь материал в начале метода. Старый скорее всего не удаляется, пока не была удалена нода, а прост…
April 2, 2020, 2:48 a.m.
Evgenij Legotskoj

да нет, правильно код там написан. Может быть дело в том, что чего-то не хватает из dev библиотек, gstreamer тот же самый.
April 2, 2020, 2:46 a.m.
Evgenij Legotskoj

Я думаю, что это где-то описано, но в такой глубине документации и максимум в самых базовых вещах, то есть отдельно в классах этого не пишут, просто потому, что придётся писать для каждого класс…
I
April 1, 2020, 5:57 p.m.
Il'ja

спасибо за ответ! Попробую больше тестов, поищу зависимости. Если проблема решится, то отпишусь здесь :)
April 1, 2020, 4:37 p.m.
Docent

За это отвечает QSvgRender, перед тем как кинуть картинку на виджет её через QSvgRender в QPixMap прогнать надо. Делается это в методе ::render(&) "The QSvgRenderer class is used t…
EVILEG
About
Services
© EVILEG 2015-2019
Recommend hosting TIMEWEB