Добавил:
Только когда поступишь в технический вуз поймешь на сколько ты гуманитарий Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Дополнительные материалы.pdf
Скачиваний:
0
Добавлен:
07.06.2025
Размер:
12.29 Mб
Скачать

РАЗРАБОТКА НА QT ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ

СОЗДАНИЕ СОБСТВЕННЫХ QML-КОМПОНЕНТОВ

Возможность переиспользования кода

Исключение дублируемости кода

Повышение читаемости кода

Облегчение поддержки кода

РАЗРАБОТКА НА QT ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ

СОЗДАНИЕ СОБСТВЕННЫХ QML-КОМПОНЕНТОВ

TypeName.qml

»Буквенно-цифровые символы или подчеркивания

»Название с заглавной буквы

Импорт из другой директории import "../assets"

Создать TypeName.qml

Описать компонент

Импортировать путь к файлу

Использовать тип TypeName

doc.qt.io/qt-5/qtqml-documents-definetypes.html

РАЗРАБОТКА НА QT ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ

ПРИМЕР СОБСТВЕННОЙ КНОПКИ

//assets/Button.qml import QtQuick 2.6

Rectangle { id: root

signal clicked()

MouseArea { anchors.fill: parent; onClicked: root.clicked() }

}

//pages/ButtonPage.qml import "../assets"

Button {

anchors.centerIn: parent

width: parent.width / 2; height: parent.height / 2 color: "gray"

onClicked: console.log("Button clicked")

}

РАЗРАБОТКА НА QT ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ

ПРИМЕР ФАЙЛОВ ИЗ ОДНОЙ ДИРЕКТОРИИ

// CustomButton.qml Rectangle {

width: 100; height: 100 color: "red"

MouseArea { anchors.fill: parent

onClicked: console.log("Clicked!")

}

}

// application.qml Column {

CustomButton { } Button {

x: 100

width: 100; height: 50 color: "blue"

}

}