SlideShare a Scribd company logo
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
UIAttachmentBehavio
ur
UICollisionBehaviour
UISnapBehaviour
UIFieldBehaviourUIPushBehaviour
Компоненты
UIDynamicAnimator
UIGravityBehaviour
UIAttachmentBehavio
ur
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

More Related Content

PPTX
Design in motion动效设计(交互设计新前沿)
PPTX
Motion design exploring
PDF
Viral Game Swatch
PPTX
Material design- sujeet kumar mehta
PDF
Smart Transitions in User Interface Design
PPTX
Human Activity Recognition in Android
PPTX
Security System Powerpoint 3
PDF
Motion recognition with Android devices
Design in motion动效设计(交互设计新前沿)
Motion design exploring
Viral Game Swatch
Material design- sujeet kumar mehta
Smart Transitions in User Interface Design
Human Activity Recognition in Android
Security System Powerpoint 3
Motion recognition with Android devices
Ad

Motion Design For Developers