Базовое создание приложение Qt Quick 2.0
Harrix IT Qt, QtQuick 0 комментариев 294 просмотров
В статье описывается создание базового приложения QML через Qt Quick 2.0.
В качестве среды для разработки используется Qt 5.0.1 for Windows 32-bit (MinGW 4.7). Скачать можно тут http://qt-project.org/downloads.
У меня на старом сайте была статья для Qt 4.7.4, но с появлением Qt5 возникли некоторые моменты, которые лучше описать в новой статье.
Содержание
-
Создание Qt Quick 2.0 приложения
-
Создание файла ресурсов
-
Редактирование исходников
-
Исходники
-
Набор dll для exe файла
Создание Qt Quick 2.0 приложения
Эта статья для последующих статей о приложениях на Qt Quick.
-
1Создаем приложение: File → New File or Project.... Там слева выбираем Applications, с справа Qt Quick 2 Apllication (Built-in Elements). Потом жмем внизу кнопку Choose....
-
2В следующем окне выбираем название нашего проекта (без пробелов и русских букв). Например, в нашем случае это "Example".
-
3В следующем окне у Вас должна стоять галочка у Desktop.
-
4В следующем окне можно ничего не менять. И жмем кнопку Finish.
Создание файла ресурсов
-
5По папке с проектом в Qt Creator щелкаем правой кнопкой и идем к пункту Add New...
-
6Выбираем слева Qt, а справа Qt Resource file.
-
7Назовем его res.
-
8Следующее окно без изменений.
В результате получим файл res.qrc
-
9Добавим префикс. Для этого щелкнем по кнопке Add, а там щелкнуть Add Prefix.
-
10Измените текст префикса на qml. В эту папку ресурса будем скидывать все наши qml документы.
-
11Добавим наш главный QML файл. Для этого щелкнем по кнопке Add, а там щелкнуть Add files.
-
12И выберем наш файл main.qml. Этот файл находится: папка проекта, в ней папка qml, а в ней папка с названием проекта. То есть неполный путь в нашем случае имеет вид: Example\qm\Example, а в моем случае полный пусть имеет вид: C:\Qt\Example\qml\Example. И файл добавится к ресурсам нашего приложения:
Теперь не нужно будет таскать с приложением qml файлы, а они вшьются в exe файл.
Редактирование исходников
-
13Теперь немного изменим исходники. Перейдем к редактированию файла main.cpp.
Он имеет пока вид:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
#include <QtGui/QGuiApplication> #include "qtquick2applicationviewer.h"
int main(int argc, char *argv[]) { QGuiApplication app(argc, argv);
QtQuick2ApplicationViewer viewer; viewer.setMainQmlFile(QStringLiteral("qml/Example/main.qml")); viewer.showExpanded();
return app.exec(); } |
Поменяем его на такой вид:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
#include <QtGui/QGuiApplication> #include "qtquick2applicationviewer.h" #include <QUrl> #include <QDebug> #include <QQmlContext> #include <QQuickItem>
int main(int argc, char *argv[]) { QGuiApplication app(argc, argv);
QtQuick2ApplicationViewer viewer; viewer.setSource(QUrl("qrc:/qml/qml/Example/main.qml")); viewer.showExpanded();
return app.exec(); } |
Мы добавили модули QUrl, QDebug, QQmlContext, QQuickItem. По сути нам нужен только первый, но для нормальных приложений потребуются потом и оставшиеся.
Строчку:
|
1 |
viewer.setMainQmlFile(QStringLiteral("qml/Example/main.qml")); |
заменили на:
|
1 |
viewer.setSource(QUrl("qrc:/qml/qml/Example/main.qml")); |
Теперь мы берем главный qml файл из ресурсов, а не с диска.
-
14Запускаем наше приложение.
Исходники
Скачать исходники можете здесь: Example3.rar
Набор dll для exe файла
Скачать набор нужных dll для exe файла Вы можете тут: Набор dll для QtQuick 2.0 из Qt 5.0.1 for Windows 32-bit (MinGW 4.7).
«Набор dll для QtQuick 2.0 из Qt 5.0.1 for Windows 32-bit (MinGW 4.7) »Qt Quick 2.0 и C++. Простой пример связки.
Рекомендую статьи:
-
Набор dll для QtQuick 2.0 из Qt 5.0.2 for Windows 32-bit (MinGW 4.7)
-
FAQ по Qt
-
Проблема с названием qml файлов в QtQuick 2
-
Баг в QtQuick 2.0 с несколькими qml файлами, или Qt5 работает по другому
-
Проблема с размером иконок ico в exe приложениях (только 32x32)
-
Соответствие include в Qt5 и Qt4 в QtQuick приложениях
-
Видео в QtQuick 2.0
-
Как сослаться на элемент в папке с программой в QtQuick 2.0
-
Qt Quick 2.0 и C++. Краткая инструкция
-
Qt Quick 2.0 и C++. Простой пример