QML 26

QML

Qt Quick Particles: системы частиц в QML

Введение Системы частиц — способ создать визуально насыщенные эффекты (искры, дождь, дым, конфетти при успешном действии) из большого количества простых, однотипных элементов, движущихся по заданным правилам. Qt Quick…

QML

Shader-эффекты глубже: кастомные визуальные переходы между экранами

Введение Основной цикл статей про Qt Widgets/QML (статья 89) уже касался базовых shader-эффектов через ShaderEffect. В этой статье углубимся в применение shader-эффектов специально для визуальных переходов между экранами…

QML

SpringAnimation и физически реалистичные анимации

Введение Линейные и даже easing-анимации (NumberAnimation с заданной кривой) всё равно следуют заранее предопределённой, статичной траектории изменения значения. SpringAnimation — особый тип анимации в Qt Quick, имитирующий физику…

QML

PathAnimation: анимация по произвольной траектории

Введение Обычные анимации позиции изменяют координаты по прямой линии между начальным и конечным значением. PathAnimation позволяет анимировать движение элемента вдоль произвольной, заранее заданной кривой траектории — дугой, петлёй,…

QML

Качество анимаций: 60 FPS и оптимизация рендеринга Qt Quick

Введение Плавность анимации напрямую влияет на воспринимаемое пользователем качество интерфейса — анимация, «заикающаяся» из-за пропущенных кадров, выглядит значительно хуже, чем более простая, но стабильно плавная. В статье разберём,…

QML

Анимированные переходы между экранами (StackView, transitions)

Введение StackView — стандартный компонент Qt Quick Controls для организации навигации между экранами по принципу стека (новый экран «накладывается» сверху, возврат снимает верхний экран) — аналогично навигации в…

QML

Lottie-анимации в Qt Quick: интеграция сторонних библиотек

Введение Lottie — популярный формат векторных анимаций (на основе JSON), экспортируемых из Adobe After Effects и широко используемых в мобильной и веб-разработке для сложных, профессионально созданных дизайнерами анимаций…

QML

Skeleton-загрузка и микро-анимации для отзывчивого интерфейса

Введение Пока данные загружаются (с сервера, из базы данных, из медленного хранилища), пустой экран или статичный индикатор загрузки создают ощущение «зависшего» приложения. Skeleton-загрузка — показ упрощённых, анимированных placeholder-блоков,…

QML

Параллакс-эффекты и многослойная анимация фона

Введение Параллакс-эффект — визуальная техника, при которой разные слои фона движутся с разной скоростью относительно друг друга при скролле или другом взаимодействии, создавая иллюзию глубины и трёхмерности на…

QML

Тестирование и отладка анимаций в Qt Quick Profiler

Введение В заключительной статье цикла и всего расширенного плана статей разберём инструмент, упомянутый в нескольких предыдущих статьях — QML Profiler (часть Qt Creator), специально предназначенный для диагностики проблем…