Przeglądarka i inspektor Lottie
Otwórz JSON Lottie, plik .lottie lub ZIP, aby przed integracją sprawdzić ruch i zasoby. Dopasuj wymagane obrazy i czcionki, a następnie sprawdź animację przy różnych pozycjach odtwarzania, szybkościach i tłach. Oryginalne pliki nie są zmieniane, a nowe pliki nie są tworzone ani zapisywane.
Co możesz zrobić
Otwórz plik i odtwórz
Wybierz animację w pliku JSON, .lottie lub ZIP i sprawdź ją, odtwarzając, wstrzymując lub zmieniając pozycję odtwarzania.
Dopasuj wymagane zasoby
Jeśli brakuje obrazów, czcionek lub innych zasobów, dodaj je z urządzenia. Możesz też wybrać właściwy plik, gdy jest kilku kandydatów.
Sprawdź na różnych tłach i z różną szybkością
Przełączaj przezroczyste, białe lub ciemne tło oraz zmieniaj szybkość odtwarzania, zapętlenie lub rozmiar wyświetlania. Oryginalne pliki nie są zmieniane.
Jak używać
Dodaj animacje i zasoby
Wybierz JSON Lottie, plik .lottie lub ZIP. Jeśli zawiera odwołania do zewnętrznych zasobów, dodaj również odpowiedni folder lub pliki zasobów.
Wybierz animację do sprawdzenia
Jeśli jest kilka animacji, wybierz tę do sprawdzenia. Jeśli pojawi się informacja o brakujących zasobach lub zduplikowanych kandydatach, wskaż odpowiednie pliki.
Sprawdź ruch i wygląd
Używaj przycisków odtwarzania, wstrzymywania i przewijania. W razie potrzeby zmień tło lub szybkość w sekcji „Ustawienia odtwarzania”, aby sprawdzić animację.
Przydatne, gdy
Sprawdź, czy przekazane dane działają
Otwórz otrzymaną animację, sprawdź jej ruch i upewnij się, że są dostępne wszystkie wymagane obrazy.
Sprawdź wygląd przed integracją
Wypróbuj jasne i ciemne tło oraz różne szybkości odtwarzania, aby ocenić, czy animacja pasuje do ekranu, na którym będzie używana.
Zależność między animacjami a zasobami
JSON, .lottie i ZIP
JSON Lottie zawiera dane animacji i kształtów. Pliki .lottie i ZIP mogą łączyć animacje i zasoby w jednym pakiecie.
Do wyświetlenia potrzebne są również wskazane zasoby
Jeśli obrazy, czcionki lub inne zasoby są osobnymi plikami, sprawdź ich nazwy i lokalizacje folderów. Przed odtwarzaniem rozwiąż brakujące zasoby i duplikaty.
Ustawienia odtwarzania służą do sprawdzania
Zmiany szybkości, zapętlenia, tła i rozmiaru wyświetlania dotyczą tylko podglądu. Ta funkcja nie edytuje ani nie zapisuje oryginalnych danych animacji.
Sprawdź także w środowisku, w którym animacja będzie używana
Motywy, stany interaktywne i funkcje właściwe dla odtwarzacza mogą różnić się od podstawowego sposobu wyświetlania animacji. Możliwość odtworzenia animacji tutaj nie gwarantuje identycznego wyglądu w każdej aplikacji.
Często zadawane pytania
Co zrobić, jeśli obrazy się nie wyświetlają?
W sekcji „Wskazane zasoby” sprawdź brakującą lub nieobsługiwaną zawartość. Dodaj obrazy z urządzenia i wybierz właściwy plik, jeśli jest kilku kandydatów. Dodawanie folderów z zachowaniem ich struktury ułatwia sprawdzanie dopasowań.
Czy mogę odtwarzać zwykły JSON lub same obrazy?
Potrzebujesz danych animacji w formacie Lottie. Dodanie zwykłego JSON lub samych obrazów nie pozwoli odtworzyć ich jako animacji.
Czy mogę zapisać plik ze zmienioną szybkością odtwarzania?
To narzędzie służy do sprawdzania. Nie zapisuje szybkości odtwarzania ani innych ustawień w oryginalnych danych i nie zapisuje ich jako nowego pliku.
Jak zobaczyć obszary poza ramką w oryginalnym rozmiarze?
W ustawieniach odtwarzania wybierz „Rozmiar oryginalny”, aby przewijać obszar wyświetlania i sprawdzać animację. Wróć do opcji „Dopasuj do ramki”, aby zobaczyć całą animację.
Czy wiele animacji jest łączonych w kolejności?
Nie. Wybierz animację do sprawdzenia i odtwarzaj je pojedynczo. Zmiana animacji przywraca domyślne ustawienia odtwarzania wybranej animacji.
Co zrobić, jeśli czcionki lub funkcje specjalne się nie wyświetlają?
Sprawdź odpowiednie pliki czcionek. W zależności od struktury eksportu dodanie zasobów może nadal nie wystarczyć do wyświetlenia zawartości. Sprawdź też widok w aplikacji, w której zamierzasz używać animacji, w tym motywy i stany interaktywne.
Dane wejściowe i wyniki
- Dane wejściowe
- JSON Lottie, .lottie lub ZIP. W razie potrzeby dodaj obrazy, czcionki lub inne zasoby.
- Sprawdzenie
- Ruch, wymiary, liczba klatek na sekundę, czas trwania i wskazane zasoby.
- Ustawienia odtwarzania
- Szybkość, zapętlenie, tło i rozmiar wyświetlania. Oryginalne dane nie ulegają zmianie.
- Wynik
- Tylko podgląd. Nie jest wykonywane tworzenie, konwersja ani pobieranie pliku.