По тегу «QtQuick Controls» найдено постов: 17
посты 1 – 17

Добавлено 9 сентября 2022 в 19:50
Создание консоли JS
В качестве небольшого примера мы создадим JS-консоль. Нам нужно поле ввода, где пользователь может вводить свои выражения JavaScript, и в идеале должен быть список выходных результатов. Поскольку это должно больше походить на десктопное приложение, мы...
Добавлено 29 мая 2022 в 08:40
Работа с TableView в QML и изменение ширины столбцов
Построение пользовательских интерфейсов с помощью QML дает много свободы. Но также это сталкивает разработчика с проблемами, о существовании которых он, возможно, даже не задумывался. В данной статье мы рассмотрим создание пользовательского интерфейса,...
Добавлено 15 мая 2022 в 09:14
Использование плагина FileIO
Теперь мы можем использовать наш новый плагин для доступа к каким-либо данным. В этом примере мы получим некоторые данные о городах в формате JSON и отобразим их в таблице. Мы построим это как два проекта: один для плагина расширения (называемого fileio),...
Добавлено 21 апреля 2022 в 13:33
Градиенты Canvas в QML
Canvas может заполнять фигуры цветом, а также градиентами или изображениями. onPaint: { var ctx = getContext("2d") var gradient = ctx.createLinearGradient(100,0,100,200) gradient.addColorStop(0, "blue") gradient.addColorStop(0.5,...
Добавлено 13 апреля 2022 в 18:46
Удобный API элемента Canvas
Для операций с прямоугольниками в Canvas предоставляется удобный API, который рисует напрямую и не требует вызова обводки или заливки. import QtQuick Canvas { id: root width: 120; height: 120 onPaint: { var ctx = getContext("2d")...
Добавлено 13 апреля 2022 в 18:30
Элемент Canvas
Одной из сильных сторон QML является его близость к экосистеме Javascript. Это позволяет нам повторно использовать существующие решения из мира Интернета и сочетать их с производительностью визуальных элементов QML. Однако иногда мы хотим повторно использовать...
Добавлено 12 апреля 2022 в 13:14
Резюме к главе об архитектуре модель-представление-делегат
В этой главе мы рассмотрели модели, представления и делегаты. Для каждой записи данных в модели представление создает экземпляр делегата, визуализирующего эти данные. Это отделяет данные от представления. Модель может быть одним целым числом, где переменная...
Добавлено 12 апреля 2022 в 12:54
Продвинутые методы использования архитектуры модель-представление-делегат
PathView Элемент PathView является наиболее гибким представлением в Qt Quick, но также и самым сложным. Он позволяет создать представление, в котором элементы располагаются по произвольному пути. По тому же пути можно детально контролировать такие...
Добавлено 11 апреля 2022 в 20:48
Делегаты в QML
Когда дело доходит до использования моделей и представлений в пользовательском интерфейсе, делегат играет огромную роль в создании внешнего вида и поведения. Поскольку каждый элемент модели визуализируется через делегата, то, что на самом деле видно пользователю,...
Добавлено 3 апреля 2022 в 23:38
Основные модели в QML
Самый простой способ визуализации данных из модели – использование элемента повторителя Repeater. Он используется для создания массива элементов и легко комбинируется с позиционером для заполнения части пользовательского интерфейса. Repeater использует...
Добавлено 3 апреля 2022 в 22:13
Концепция паттерна модель-представление
Распространенный шаблон при разработке пользовательских интерфейсов заключается в том, чтобы представление данных отделялось от визуализации. Это позволяет отображать одни и те же данные по-разному в зависимости от того, какую задачу выполняет пользователь....
Добавлено 3 апреля 2022 в 21:47
Модель - представление - делегат
Как только количество данных выходит за рамки тривиального, хранить копию данных вместе с представлением уже невозможно. Это означает, что уровень представления, который видит пользователь, должен быть отделен от уровня данных, фактического контента....
Добавлено 22 марта 2022 в 23:20
Резюме к главе QtQuick Controls
В данной главе мы рассмотрели Qt Quick Controls 2. Этот модуль предлагает набор элементов, обеспечивающих концепции, более высокоуровневые, чем базовые элементы QML. В большинстве сценариев, используя Qt Quick Controls 2, вы сэкономите память и повысите...
Добавлено 22 марта 2022 в 22:54
Стиль Imagine
Одна из целей Qt Quick Controls – отделить логику элемента управления от его внешнего вида. Для большинства стилей реализация внешнего вида состоит из сочетания кода QML и графических ресурсов. Однако, используя стиль Imagine, можно настроить внешний...
Добавлено 20 марта 2022 в 17:05
Распространенные патерны UI с использованием Qt Quick Controls
Существует ряд распространенных шаблонов построения пользовательских интерфейсов, которые можно реализовать с помощью Qt Quick Controls. В этом разделе мы попытаемся продемонстрировать, как можно построить некоторые из наиболее распространенных. Вложенные...
Добавлено 15 марта 2022 в 05:35
Приложение просмотрщика изображений на QML
Давайте рассмотрим более крупный пример использования Qt Quick Controls. Для этого мы создадим простой просмотрщик изображений. Сначала мы создадим его для десктопных компьютеров, используя стиль Fusion, а затем выполним его рефакторинг для мобильных...
Добавлено 14 марта 2022 в 09:54
Введение в компоненты управления Qt Quick Controls
Использование Qt Quick с нуля дает вам примитивные графические и интерактивные элементы, из которых вы можете создавать свои пользовательские интерфейсы. Используя Qt Quick Controls, вы начинаете с немного более структурированного набора элементов управления,...