По тегу «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, вы начинаете с немного более структурированного набора элементов управления,...