Анимация SwiftUI: как чередовать повторяющуюся анимацию с задержкой

Анимация SwiftUI: как чередовать повторяющуюся анимацию с задержкой ⇐ IOS

Ответить

1 сообщение • Страница 1 из 1

Anonymous

Анимация SwiftUI: как чередовать повторяющуюся анимацию с задержкой

Цитата

Сообщение Anonymous » 05 янв 2024, 04:00

Пытаюсь реализовать следующую анимацию в SwiftUI, но это совершенно невозможно:

Подводя итог эффекту: повторяющийся импульс, оживляющий каждый сегмент с шахматной задержкой. Для каждого сегмента:
[*]Начиная с непрозрачности = 0,5, масштаб = 1. [*]Анимация с непрозрачностью = 1,0, масштабом = 1,3 [*]Кривая анимации начинается быстро с более длительным замедлением.
Кроме того, между каждым «импульсом» существует задержка.

Самое близкое к этому мне удалось с помощью SwiftUI — это постоянно повторяющаяся анимация с использованием модификатора .repeatForever. (Код ниже. Пока игнорируйте несоответствие во времени.)

Как добавить задержку между каждым циклом анимации?

Вот результат моего кода ниже:

импортировать SwiftUI структура ArrowShape : Форма { путь функции (в прямоугольнике: CGRect) -> Путь { вар путь = Путь() path.move(to: CGPoint(x: 0, y: 0)) path.addLine(to: CGPoint(x: rect.size.width, y: rect.size.height/2.0)) path.addLine(to: CGPoint(x: 0, y: rect.size.height)) Обратный путь } } Структурные стрелки: Просмотр { частный пустьarrowCount = 3 @State var Scale: CGFloat = 1,0 @State var Fade: Double = 0,5 var body: some View { ZStack { Цвет (красный: 29,0/255,0, зеленый: 161,0/255,0, синий: 224,0/255,0).edgesIgnoringSafeArea(.all) HStack{ ForEach(0..

1704416400

Anonymous


Пытаюсь реализовать следующую анимацию в SwiftUI, но это совершенно невозможно:
 

[img]https://i.stack.imgur.com/UvCZO.gif[/img]

 
Подводя итог эффекту: повторяющийся импульс, оживляющий каждый сегмент с шахматной задержкой. Для каждого сегмента:
  [*]Начиная с непрозрачности = 0,5, масштаб = 1. [*]Анимация с непрозрачностью = 1,0, масштабом = 1,3  [*]Кривая анимации начинается быстро с более длительным замедлением.  
Кроме того, между каждым «импульсом» существует задержка.
 
Самое близкое к этому мне удалось с помощью SwiftUI — это постоянно повторяющаяся анимация с использованием модификатора .repeatForever. (Код ниже. Пока игнорируйте несоответствие во времени.)
 
[b]Как добавить задержку между каждым циклом анимации?[/b]
 
Вот результат моего кода ниже:
 

[img]https://i.stack.imgur.com/wsmq1.gif[/img]

 импортировать SwiftUI структура ArrowShape : Форма {     путь функции (в прямоугольнике: CGRect) -> Путь {         вар путь = Путь()         path.move(to: CGPoint(x: 0, y: 0))         path.addLine(to: CGPoint(x: rect.size.width, y: rect.size.height/2.0))         path.addLine(to: CGPoint(x: 0, y: rect.size.height))         Обратный путь     } } Структурные стрелки: Просмотр {     частный пустьarrowCount = 3     @State var Scale: CGFloat = 1,0     @State var Fade: Double = 0,5     var body: some View {         ZStack {             Цвет (красный: 29,0/255,0, зеленый: 161,0/255,0, синий: 224,0/255,0).edgesIgnoringSafeArea(.all)             HStack{                 ForEach(0..