Motion Design for Developers

UIKit Dynamics

План

• Понятие Motion Design

• UIKit Dynamics

• Core Animations

• Сторонние инструменты

Основы Motion Design

• Фичическе свойства (масса, сила трения, гравитация)

• Импульсное движение (easy in/easy out)

• Траектории

• Тайминг

Gravity

Collision detection

Motion Behaviours

Инструменты разработчика• UIView Animations и Core Animations

• UIKit Dynamics

• Сторонние инструменты и библиотеки

UIKit Dynamics

UIKit Dynamics

• 2d система анимациия с физическим движком

• Декларативная и совместимая

• Не заменяет Core Animation или UIView Animations

КомпонентыUIDynamicAnimator

КомпонентыUIDynamicAnimator

UIGravityBehaviour UIAttachmentBehaviour

UICollisionBehaviour

UISnapBehaviour

UIFieldBehaviourUIPushBehaviour

КомпонентыUIDynamicAnimator

UIGravityBehaviour UIAttachmentBehaviour

UICollisionBehaviour

UIDynamicGroupUIDynamicItem

UISnapBehaviour

UIFieldBehaviour

UIDynamicItemBehaviour

UIPushBehaviour

Collision Behaviour

• Bounds Types: Rectangle, Ellipse, Custom Path

• Только выпуклые фигуры

• Сложные коллизии через UIDynamicItemGroup

Forces

• Силы моделируются как вектор: длинна и направление

• UIPushBehaviour реализует силы

• Конечные и бесконечные

Физические поля

• Гравитация - это линейное физическое поле которое связывает вектор движения с каждой точкой объекта

UIFieldBehaviour• UIFieldBehaviour может быть добавлен к региону вашей вьюхи

• UIGravityBehaviour это UIFieldBehaviour

• Хорошо настраиваемая физическая среда

Виды полей

Бесполезный пример

Полезный пример

UIAttachmentBehaviour• Расстояние

• Настраиваемые затухание и частота

UIAttachmentBehaviour• LimitAttachment

• Ведет себя похоже на веревку между объектами

• Точка прикрепления относительно каждого объекта

UIAttachmentBehaviour• FixedAttachment

• Точка прикрепления относительно reference view

• Нет движения между объектами

• Применяется для объектов, которые потом распадаются на части

UIAttachmentBehaviour• PinAttachment

• Точка прикрепления относительно reference view

• Могут вращаться вокруг этой точки

• Радиус вращения регулируется

UISnapBehaviour

• Настройка затухания

• Настройка точки

Комбинирование

Demo

UIKit Dynamics и AutoLayout