Qt QML

приложение

argv);

QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

return app.exec();
}

width: 640
height: 480
title: qsTr("Hello World")

окно размером 640х480 с заголовком "Hello World".
Внутри окна создаёт элемент MainForm, задав для MainForm весь внутренний размер окна,
при нажатии мышкой на MainForm в консоль будет выводится сообщение "Clicked on background. Text: ...".

property alias textEdit: textEdit

width: 360
height: 360

TextEdit {
id: textEdit
text: qsTr("Enter some text...")
verticalAlignment: Text.AlignVCenter
anchors.top: parent.top
anchors.horizontalCenter: parent.horizontalCenter
anchors.topMargin: 20
Rectangle {
anchors.fill: parent
anchors.margins: -10
color: "transparent"
border.width: 1
}
}
}

Rectangle, область обработки событий мышки MouseArea.
Внутри формы поле ввода текста TextEdit, размеры рисуются отдельным, вставленным внутрь, прямоугольником Rectangle.

и запущен "движок" работы с QML),
файлы *.qml - это для

C++, который затем может быть изменен из C++ кода
QQuickView является

вызова QQmlComponent::create() - новый экземпляр компонента

доступен через QQuickView::rootObject()
object является экземпляром класса Item из MyItem.qml

Item = C++ класс QQuickItem. Приводим к классу

height: 100

Rectangle {
anchors.fill: parent

QObject *rect = object->findChild("rect");
if (rect) rect->setProperty("color", "red");

Дочерние объекты можно искать с помощью QObject::findChild(), используя свойство QObject::objectName

Дочерних элементов с одним и тем же именем может быть несколько - QObject::findChildren()

someNumber: 100
}

"Property value:" property("someNumber").toInt();
object->setProperty("someNumber", 100);
someNumber может быть установлено или прочитано

{
console.log("Got message:", msg)

Код пишется на Javascript.

= "Hello from C++";
QMetaObject::invokeMethod(object, "myQmlFunction",
Q_RETURN_ARG(QVariant, returnedValue),

Функции (или методы) могут быть вызваны из C++ с использованием QMetaObject::InvokeMethod().
Параметры метода и возвращаемых значений, переданные из QML, всегда переводятся в тип QVariant.

item
width: 100; height: 100

signal qmlSignal(string msg)

Все сигналы QML автоматически доступны для C++, и могут быть подключены к использованию QObject::connect(), как и любой сигнал Qt C++.
любой сигнал C++ может быть получен с помощью объекта QML с использованием обработчиков сигналов:

компонент QML с сигналом qmlSignal.
сигнал подключается к слоту cppSlot() на C++ с помощью QObject::connect().
Метод cppSlot() вызывается всякий раз по сигналу qmlSignal

void cppSlot(const QString &msg) {
qDebug()

int main(int argc, char *argv[]) {
QGuiApplication app(argc, argv);

QQuickView view(QUrl::fromLocalFile("MyItem.qml"));
QObject *item = view.rootObject();

MyClass myClass;
QObject::connect(item, SIGNAL(qmlSignal(QString)), &myClass, SLOT(cppSlot(QString)));

view.show();
return app.exec();
}

100; height: 100

signal qmlSignal(var anObject)

MouseArea {

тип объектов QML в качестве параметров? Тогда в QML вместо типа необходимо задать слово var, а в C++ использовать QVariant

void cppSlot(const QVariant &v) {
qDebug()

QGuiApplication app(argc, argv);

QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

QQmlApplicationEngine еще способ

У QQmlApplicationEngine есть метод rootObjects() - список корневых объектов
то есть корневых объектов несколько, а не один, как у QQuickView

width: 640
height: 480
title: qsTr("Hello World")

lst.count();
qDebug()

QQmlProperty::read(object, "width").toInt();
qDebug()

(mainForm) {
QObject *textEdit1 = mainForm->findChild("textEdit1");

Для этого зададим имя objectName: "mainForm" для MainForm в main.qml и имя objectName: "textEdit1" для TextEdit в MainForm.ui.qml. Теперь мы сможем искать его по этому имени

right, top, verticalCenter, и bottom

id: rect1
}
Rectangle {
id: rect2
anchors.left: rect1.right
}

rect1.bottom
}

{
id: rect3;
x: 150
}

текст.
Для элементов без текста - это линия top
anchors.fill устанавливает

и элементом.
Можно указать для каждого якоря через leftMargin, rightMargin,

property alias txfPath: txfPath
property alias btnSelect: btnSelect

text: qsTr("Path to Source:")
anchors.left: parent.left

anchors.left: text1.right
anchors.leftMargin: 20

anchors.right: parent.right
anchors.top: parent.top

title: "Please choose a Path to Source"

true
width: 640
height: 480
title: qsTr("Hello

MainForm {
anchors.fill: parent

btnSelect.onClicked: {
fileDialog.open();
}

fileDialog.onAccepted: {
console.log("Accepted: " + fileDialog.fileUrls);
for (var i = 0; i < fileDialog.fileUrls.length; ++i)
txfPath.text = fileDialog.fileUrls[i];
}
}
}

открываем диалог, а по второму, если директория была выбрана, мы

http://doc.qt.io/qt-5/qml-qtquick-dialogs-filedialog.html