ru24.pro
Работа
Январь
2025
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
31

Разработать анимированную кастомную кнопку dart

0
Нужно сделать кнопку включения

Анимация:
1) исходной состояние круг 232 на 232 с белой границей и иконка по центру круга
2) при нажатии - иконка плавно пропадает и появляются элементы (сегменты по радиусу круга и т.д. см. в дизайне)
3) одна из стрелок начинает двигаться по кругу по часовой и в тот момент когда пересекает каждый сектор - он заполняется другим цветом
4) стрелка дойдя до начальной позиции и заполнив все сегменты, центральные элементы пропадают и появляется текст "ON" по центру круга
5) при очередном нажатии на кнопку - всё плавно исчезает и появляется начальное состояние (п.1)

и так до бесконечности...

Важно!!! корректная работоспособность, рабочая анимация, плавность, корректный переход состояний