Как воспроизвести анимацию кольца активности закрытия watchOS с искрами на iOS?

Question

Как лучше всего воспроизвести анимацию кольца активности закрытия из watchOS 4 на iOS?Меня особенно интересует вращающийся эффект сверкания.

Вот еще один кадр анимации, о котором я говорю:

и здесь - это видео.

Возможно ли реализовать что-то подобное в Core Animation?

Answer 1

Здесь, в университете науки в Цюрихе, в лаборатории юзабилити, мы используем:

• эскиз или иллюстратор или designer.gravit.io для разработки эскизов svg.
• чем мы импортируем его после эффектов или в Haiku.ai для анимации
• и экспортируем его как .json для библиотеки анимации airbnbs Bodymovin илитакже известный как Лотти.Для этого доступны библиотеки для веб, Android и IOS.

Преимущество этого решения перед @bryanjclark «экспортировать его как серию изображений» состоит в том, что анимация четкая при любом разрешении (svg), это только один файл .json, и у вас естьполный контроль над его скоростью и кадрами.

В противном случае, если вы действительно хотите делать это только с кодом, ознакомьтесь с этой статьей, выполненной с OpenGL ES2.0 .

Или с примером AnimationCore в этом ответе SO.

Answer 2

Я почти уверен, что это предварительно отрендеренная анимация, а не что-то созданное на устройстве.(Если это , сгенерированное на устройстве, то это не то, к чему у вас будет доступ API).

Держу пари, что:

• дизайнер работалв таком инструменте, как AfterEffects,
• экспортировал его как серию изображений,
• , затем разработчики реализовали его, используя что-то вроде WKImageAnimatable

Вы можете видеть других разработчиков, использующих WKImageAnimatable для создания великолепных анимаций в своих приложениях WatchKit - например, приложение Cultured Code Things (посмотрите видео!) Имеет несколько действительно потрясающих небольших анимационных расцветов, которые (почти наверняка)) используйте WKImageAnimatable под капотом!