Qml Advanced Controls

1. Введение

Данный проект представляет собой модуль с набором продвинутых элементов управления Qml, который обладает следующими характеристиками:

• Полностью адаптивные элементы управления, автоматически отображающиеся в зависимости от свойств модели и других параметров.
• Плоский дизайн с детализированными настройками внешнего вида.
• Реализован на основе технологий QtQuick Canvas и QtQuick Control2.
• Все элементы управления реализованы в одном файле .qml, что позволяет использовать их как в составе модуля, так и отдельно.

2. Использование

Для использования модуля можно следовать следующим шагам:

1. Скопируйте папку AdControl в каталог проекта и добавьте её в файл ресурсов qrc.
2. В файле .pro добавьте путь к папке AdControl в переменную QML_IMPORT_PATH, чтобы получить синтаксическую подсветку при использовании модуля AdControl. Пример:

QML_IMPORT_PATH += ./

3. В main.cpp добавьте префикс пути qrc к файлу AdControl с помощью метода addImportPath() класса QQmlApplicationEngine. Это позволит системе загрузить исходные файлы модуля AdControl. Пример:

QQmlApplicationEngine engine;
engine.addImportPath(QStringLiteral("qrc:/"));

4. В файле QML импортируйте модуль AdControl и объявите необходимые элементы управления. Пример:

import AdControl 1.0

AdButton {
    text: "AdButton"
    height: 40
    anchors.centerIn: parent
}

3. Замечания

При первом добавлении модуля в проект может возникнуть ошибка компиляции из-за неправильного распознавания модуля QtCreator. В этом случае выполните следующие шаги:

• Убедитесь, что модуль AdControl правильно добавлен в проект.
• Выполните команду qmake в QtCreator для обновления зависимостей файлов.
• В QtCreator выберите «Инструменты — QML — Переустановить модель кода» для повторного импорта QML-модулей.
• Перестройте проект в QtCreator, чтобы выполнить повторную компиляцию.

4. Элементы управления

4.1 Формы (Forms)

• AdButton: кнопка с текстом.
• AdCheckButton: чекбокс с текстом.
• AdRadioButton: радиокнопка с текстом.
• AdIconButton: иконка с кнопкой.
• AdSwitchButton: переключатель с текстом.
• AdComboBox: комбинированный список.
• AdNumberInput: числовой ввод.
• AdTextInput: текстовый ввод.
• AdCalendar: календарь.

4.2 Всплывающие окна (Popups)

• AdDialog: диалоговое окно.
• AdMenu: меню.
• AdToast: тост.
• AdTooltip: подсказка.

4.3 Графики (Charts)

• AdMapChart: карта.
• AdBarChart: гистограмма.
• AdLineChart: линейный график.
• AdPieChart: круговая диаграмма.
• AdWavyProgress: волнистый прогресс.
• AdCircularProgress: круговой прогресс.
• AdLineProgress: линейный прогресс.

4.4 Утилиты (Utils)

• AdSideNavigationBar: боковая панель навигации.
• AdBulletinBoard: доска объявлений.
• AdScrollText: прокручиваемый текст.
• AdBusyIndicator: индикатор занятости.
• AdFloatingItem: плавающий элемент.

4.5 Представления (Views)

• AdTableView: таблица.
• AdTabView: вкладки.