Різниця між неявною та явною анімаціями в SwiftUI

Hallo vrijgezellen en getrouwden, Лео вчора. Сьогодні давайте поговоримо про те, чого я дізнався минулого тижня, а саме про неявну та явну анімацію в SwiftUI.

Знаю, знаю… Ви думаєте: «Знову цей хлопець говорить про анімацію в SwiftUI», але тримайтеся міцніше, я впевнений, що сьогодні ви дізнаєтеся щось дуже цікаве.

Останнім часом я багато думав про написання метапрограмування, і я не говорю про нові макроси Swift. Я багато думаю про те, що ваше ставлення як розробника має набагато більше значення, ніж ваші навички в наших щоденних завданнях. Я впевнений, що я був би не найкращою людиною, про яку можна було б говорити, оскільки мені знадобилося більше десяти років, щоб відчути себе зрілим, коли говорив про навички м’якого спілкування, але я думаю, що тепер я цілком готовий до цього. Мені комфортно.

Одна річ, яка була й залишається сьогодні, — це розмовляти англійською цілий день на своїй роботі. Я відчуваю себе таким обмеженим, оскільки мій словниковий запас англійської мови обмежений порівняно з моєю рідною мовою, але це не заважає мені робити все можливе, щоб передавати свої ідеї та переконатися, що всі розуміють те, що я говорю.

Я писав про нові речі, такі як нові вирази в Swift 5.9, а також багато говорив про нові інструменти, такі як Judo. Одне, чим я можу поділитися щодо своїх останніх знахідок, це те, що чим більше я дізнаюся, тим впевненіший у своєму незнанні. Там є чому навчитися.

Я думаю, що це буде продовжено в іншій статті, оскільки ця про анімацію.

Більше ніяких балачок, давайте пожвавитися! Але спочатку...

Картина дня

Картина, яку я вибрав сьогодні, називається «Селянський танок», твір Пітера Брейгеля Старшого 1568 року.

Пітер Брейгель Старший був видатним фламандським художником 16-го століття, відомим своїми яскравими кольоровими пейзажами та сценами із селянського життя. Його унікальна точка зору та мистецький талант знаменують перехід між періодами Ренесансу та Бароко.

Його шедеври, такі як «Мисливці на снігу» та «Селянське весілля», демонструють глибоке розуміння людської природи та сільського життя того часу. Його твори залишили тривалу спадщину, надихаючи митців і письменників покоління.

Я вибрав цю картину через анімацію, яку художник намагався відобразити на ній. Всі танцюють, тому рухаються. Подобаються наші погляди в цій статті!

Проблема – помилка телепортації анімації в SwiftUI

Ви намагаєтеся анімувати вигляд, але деякі частини продовжують стрибати, тоді як інші анімуються правильно.

Щоб зрозуміти цю проблему, нам спочатку потрібно знати, що таке транзакція в SwiftUI. Давайте швидко розглянемо її.

Що таке транзакція в SwiftUI?

Транзакції в SwiftUI – це значення, які містять контекст, який SwiftUI повинен розуміти під час обробки змін поточного стану. Вони особливо важливі, оскільки містять функцію анімації, яка використовується для обчислення інтерполяції. По суті, транзакції надають інформацію, необхідну SwiftUI для виконання анімації та інших залежних від стану змін у програмі.

Трансакції генеруються щоразу, коли змінюється стан у програмі SwiftUI. Вони створюються залежно від того, чи зміна стану ініційована явними чи неявними оголошеннями анімації, а потім поширюються через необхідну ієрархію перегляду.

Трансакції неявно передаються вниз по ієрархії перегляду, як значення середовища. Їх генерація та відправка прив’язані до розташування та логіки явної та неявної анімації. Важливо зазначити, що транзакції не можуть бути створені або відправлені самі по собі; це супровідна інформація для змін стану.

За ними можна спостерігати та керувати ними за допомогою модифікатора .transaction у SwiftUI. Наприклад, ви можете використовувати його для моніторингу та друку функції анімації або керування тим, як і коли створюється нова транзакція. Хіба мета цієї статті — представити цей модифікатор, але, можливо, в майбутньому!

У контексті анімації в SwiftUI транзакція містить параметри анімації для змін стану та передається до представлень, на які впливають ці зміни стану. Коли відбувається зміна стану, анімовані компоненти (зазвичай відповідають протоколу Animatable) отримують контекст (транзакцію) цієї зміни стану, отримують функцію кривої анімації з транзакції та використовують її для обчислення інтерполяції анімації.

Тепер, коли ви вже знаєте, що таке транзакція, давайте налаштуємо код для сьогоднішнього прикладу.

Се...