Публикации по теме 'lottie'
Как использовать анимацию Lottie в проектах React Native
Чтобы использовать Lottie в проекте React Native, вы можете использовать библиотеку lottie-react-native . Вот пошаговая инструкция, как это сделать:
Установите библиотеку lottie-react-native с помощью yarn или npm:
// Using yarn
yarn add lottie-react-native
// Using npm
npm install lottie-react-native --save
Для lottie-react-native ‹= 5.1.4 также необходимо установить пакет [email protected] :
npm install [email protected]
Перейдите в папку с iOS и запустите:
cd ios..
Быстрая установка для Lottie с помощью React и React Native
Если вы здесь, то наверняка уже слышали о Лотти. Это отличный фреймворк от сотрудников AirBnB, который позволяет легко создавать легкие SVG-анимации в After Effects для использования в веб-приложениях и т. Д.
Вот как вы можете быстро настроить его как для React, так и для React Native, используя библиотеки react-lottie и lottie-react-native соответственно. Есть и другие способы использования Lottie, но мы сосредоточимся здесь только на этих двух библиотеках.
Это не касается..
Почему я отказываюсь от анимации целевой страницы
С первой версии моего сайта у меня всегда была анимация на лендинге. Я использовал его, чтобы продемонстрировать свой характер, свои способности и дать людям понять, что сайт уникален, а не просто еще один квадратный сайт.
Анимация была создана с помощью Lottie — замечательной библиотеки анимации от airbnb. Он может анализировать анимацию Adobe After Effects, экспортированную в формате JSON, и отображать ее изначально. Это означает, что анимацию легче создавать, и она имеет очень..
Вопросы по теме 'lottie'
Lottie Animation не работает на iOS
Я использую Lottie для анимации в приложении Xamarin Forms. Анимация отлично работает на Android, но не отображается на iOS.
Я инициализировал AnimationViewRenderer в AppDelegate и использовал v2.4.0. Кроме того, я попытался вручную настроить...
679 просмотров
schedule
15.07.2023
Запуск анимации Lottie при прокрутке
В настоящее время я создаю веб-сайт, используя полностраничные js и анимацию лотереи. Теперь я пытаюсь запустить анимацию, когда пользователь прокручивает раздел с анимацией. Вот что я пробовал: (обратите внимание, что я новичок в js)...
1975 просмотров
schedule
17.04.2022
Анимация Lottie на холсте fabricjs
Можно ли загрузить анимацию Lottie на холст fabricjs ?
Я пробовал следующие образцы
bodymovin.loadAnimation({
wrapper: animateElement, // div element
loop: true,
animType: 'canvas', //...
859 просмотров
schedule
30.10.2022
Тип или пространство имен «Droid» не существует в Lottie.Forms
Я использую Xamarin.Forms с Android и iOS. Попытка заставить анимацию Lottie работать, но последняя версия Lottie (2.5.4), поддерживающая .NET Standard 2.0, выдает ошибку сборки в проекте Android:
The type or namespace name 'Droid' does not exist...
1532 просмотров
schedule
14.02.2023
Анимация не отображается, lottie-react-native
У меня есть собственное представление с реакцией, в котором есть lottie анимация, но lottie анимация не отображается вообще, экран просто желтый (цвет фона охватывающего представления), пожалуйста, что может быть не так, ниже мой код
import...
2742 просмотров
schedule
23.05.2023
Установка ограничений на анимацию Lottie — swift
Я новичок в кодировании в Swift (и новичок в кодировании в целом) - и борюсь с применением ограничений к анимации Lottie .
Мне удалось расположить его по центру экрана, но я не могу заставить анимационный кадр изменить свой размер в соответствии с...
2501 просмотров
schedule
25.04.2023
Автоматическая отмена Lottie Animation в Android
Я использую анимацию лотереи внутри моего recyclerView. Вот мой источник
if (story.isRead)
lottieAnimationView.setAnimation("story_archive_gray.json");
else...
665 просмотров
schedule
27.12.2022
можно ли совместить две анимации во фреймворке Lottie
Быстрая версия - 5, а версия Lottie - 3.1.1.
Я хочу показать два файла Json с анимацией с Lottie, таким образом, первая анимация исчезает, а после этого она исчезает, а вторая исчезает, и мне нужно взять цикл и сделать это в бесконечном цикле....
2095 просмотров
schedule
08.05.2023
файл lottie не появляется
Я пытаюсь использовать файлы lottie в своем проекте, я много раз пробовал, но никто не работал. ничего не появляется мой код ниже, я пробовал два способа 1- lottieAnimation() , 2- `setupAnimation () также я пробовал через UIView, я желаю вашей...
520 просмотров
schedule
29.07.2023
Анимация Lottie останавливается, когда я нажимаю на другой элемент панели вкладок
Я использую анимацию Lottie в своем приложении и стараюсь, чтобы анимация работала в фоновом режиме, когда я выхожу из приложения и снова открываю его (не закрывая принудительно).
Я смог сделать это успешно, но проблема в том, что анимация...
1231 просмотров
schedule
25.10.2022
Доступ к методам при использовании response-bodymovin для зацикливания сегментов анимации
Я использую пакет response-bodymovin ( https://www.npmjs.com/package/react-bodymovin ), чтобы встроить анимацию Bodymovin, но я хотел зациклить часть анимации после того, как она проигралась один раз.
Я вижу, что использовать HTML-версию Bodymovin...
350 просмотров
schedule
09.05.2022
Lottie Animation JSON не может найти цвет
Итак, у меня есть следующий json (это анимация для Лотти). Я пытаюсь найти, где находится цвет самой анимации, я не могу его найти. Любая помощь будет по-настоящему оценена! Чтобы просмотреть анимацию в браузере, нажмите здесь . JSON для этого...
1031 просмотров
schedule
17.01.2023
Lottie Android - Как играть с позиции на позицию и повторять по диапазону?
Я нашел эту кнопку Lottie Play/Pause , но я не знаю, как показать состояние воспроизведения, когда мой аудиоплеер поставлен на паузу, показать состояние паузы и повторить с анимацией эквалайзера в нем (см. предварительный просмотр лотереи), когда...
2244 просмотров
schedule
03.09.2022
SwiftUI + Lottie iOS - Воспроизведение анимации OnTapGesture
Я последовал примеру MengTo о том, как заставить анимацию Lottie воспроизводиться в SwiftUI. ( https://www.youtube.com/watch?v=fVehE3Jf7K0 ) Однако , Мне было интересно, может ли кто-нибудь помочь мне понять, как изначально представить первый кадр...
1046 просмотров
schedule
10.09.2022
проблема с загрузкой лотти-веб-анимации vuejs
поэтому я пытаюсь имитировать это перо кода https://codepen.io/airnan/pen/ZLVJmq но когда я пытаюсь загрузить ту же анимацию с помощью пакета lottie-web npm, все работает отлично до последней анимации. Потом все запутывается. Я пытаюсь понять это,...
1588 просмотров
schedule
12.05.2023
iOS: WKWebView не загружает локальные файлы JS сразу
Я загружаю два файла JS в метод WKWebView через loadHTMLstring . Сценарии встроены в приложение, поэтому вызов HTTP не выполняется. Первый скрипт загружается в тег head . Второй встроенный. Это для веб-плеера Lottie:...
428 просмотров
schedule
30.06.2023
Анимация Lottie не имеет частей в iOS, но отлично работает в html и Android.
Я сделал анимацию корабля с движущимся флагом и волнами в After Effects и экспортировал ее в JSON с помощью Bodymovin. Я использовал эффект волновой деформации для флага и волн, но, поскольку Лотти не поддерживает этот эффект, я исправил его,...
191 просмотров
schedule
16.05.2022
