Анимация внутри Shape фигуры


#1

Нужно анимировать фон фигуры - звезды:
На главном экране большая звезда, которая с анимацией должна заливаться фоном на определенный уровень снизу вверх в зависимости от процента выполнения задания.
Как лучше сделать это? Рисовать всё кодом через CAShapeLayer или как-то ещё?


#2

Не подойдет частичная заливка градиентом?


#3

Так в том и дело: анимация фона градиентом фигуры - это уже CA. Звезду то надо рисовать формулами ))) Есть вариант много разных кадров в Скетч анимировать, но это вроде шляпа. В любом случае, если мы просто загружаем имейдж, то он полностью закрасится (не звезда) весь фон. Вот если надо какую-то фигуру загасить отдельно, то СА… или я ошибаюсь? (Я исключаю много кадров имейджей со звездой, тут всё понятно)


#4

Посмотрите билиотеки про выставление оценки звездами. В некоторых сделана закраска звезды частично. Т.е. там получается идет картинка звезды, у которой только контур сделан, а внутренность прозрачная. И эта внутренность закрашивается частично. Думаю должно вам подойти.


#5

Помимо СА есть неплохое решение PaintCode. Туториал.

Правда не понятно пока как там анимацией - изучаю.


#6

В таком случае можете тогда смотреть и Lottie.


#7

совсем про неё забыл ))) - не люблю лишнии зависимости :slight_smile: