Qt Android. QML уроки #17. Анимация клика по элементу списка в стиле Material Design

Подписаться 4,1 тыс.

Просмотров 4,4 тыс.

50% 1

Программный код урока доступен на сайте: evileg.com/ru/...
QML не предоставляет анимацию взаимодействий кликов в стиле Material Design для Android по умолчанию, но это легко настраивается с помощью примитивов Rectangle. Анимация заключается в том, чтобы в одном родительском объекте Rectangle, при клике, необходимо второй дочерний объект Rectangle растянуть на всю область родительского. При этом дочерний объект будет растягиваться в течении определённого времени и выглядеть будет как расширяющийся круг.
Qt Уроки: evileg.com/ru/...
PyQt5 Уроки: evileg.com/ru/...
Django Уроки: evileg.com/ru/...
QML Уроки: evileg.com/ru/...

Опубликовано:

2 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 5

@Sergey_Komarov 7 лет назад

Уроки хорошие. Продолжай в том же духе! Но этот пример мне не особо понравился. А точнее подход должен быть другой. Это же QML))) У тебя должно на colorRect быть 2 стэйта, а также Transition из состояние " не нажатого" в "нажатый". И это исправит 1 недочёт. Если подержать 0.3 секунды то "имитация нажатия" пропадает, хотя должна быть там пока не отпустишь палец(или со смартфона или с мышки)

@меджикнеджик 8 лет назад

Спасибо за урок. Кстати, что касается Material design, считаю важным упомянуть о существовании готовой библиотеки от разработчиков PapyrOS github.com/papyros/qml-material

@EVILEG 8 лет назад

+Саша Данилов, Благодарю за отзыв. Да. Хорошая библиотека, но я пока не берусь за неё, поскольку есть очень много моментов с QML, которые стоит изучить самому, а потом уже браться за готовые либы. Принципы анимации в QML и т.д.