Trong thế giới phát triển ứng dụng di động, việc sử dụng hoạt hình có thể tăng cường đáng kể kinh nghiệm người dùng. Lotie, một thư viện hoạt hình mã nguồn mở được phát triển bởi Airbnb, cho phép các nhà phát triển tích hợp các hoạt hình chất lượng cao một cách liên tục vào ứng dụng bản địa phản ứng. Bài này khám phá cách thiết kế và thực hiện các hoạt hình tùy chỉnh bằng cách sử dụng các ứng dụng các ứng dụng tự động học phản xạ tự động.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Tôi không biết.

Lotie là thư viện làm cho các tập tin hoạt hình được xuất ra như JSON từ Adobe After effects bằng bổ sung Cơ thể. Những hoạt hình này nhẹ nhàng, dễ dàng và dễ tùy chỉnh, khiến chúng lý tưởng cho ứng dụng di động. Với Lôtie, các nhà phát triển có thể thêm hoạt họa phức tạp mà không cần tăng kích cỡ ứng dụng hay hiệu suất thỏa hiệp đáng kể.

Bắt đầu với Lô - ti - ốt trong bản địa phản ứng

Để kết hợp được gọi là BAR với dự án bản địa phản ứng của bạn hãy theo những bước sau:

  • Cài đặt thư viện phản ứng của người bản địa khá lâu vào thư viện của hãng Lotie dùng npm hoặc len.
  • Nhập thành phần của hãng hãng hãng cứu thương vào mã tự trị phản ứng của anh.
  • Tải tập tin hoạt hình JSON của bạn.
  • Vẽ thành phần hoạt hình trong ứng dụng của bạn.

Chẳng hạn, cài đặt thư viện với:

Và sau đó sử dụng nó như sau:

Tiếp theo, thêm thành phần hoạt hình:

Hoạt hình tự chọn

Tạo ra hoạt hình theo phong tục bao gồm thiết kế chúng trong Adobe After effects và xuất khẩu như JSON sử dụng bodymovin. Đây là một số mẹo:

  • Giữ hoạt hình nhẹ hơn để làm việc tốt hơn.
  • Dùng đồ họa véc tơ cho khả năng xác thực.
  • Hãy sắp xếp thời gian hoạt hình cẩn thận để xem hiệu ứng mịn.
  • Hoạt hình trên các thiết bị khác nhau để đảm bảo sự tương thích.

Xuất khẩu các hoạt hình từ sau các hiệu ứng

Cài đặt bổ sung Cơ chế Dữ liệu Cơ thể vào Sau Phản ứng. Một khi bạn đã sẵn sàng, hãy xuất nó như là tập tin JSON qua bổ sung. Tập tin JSON này có thể nhập vào ứng dụng Tự động để vẽ với Lotie.

Tùy chỉnh hoạt hình trong bản địa phản ứng

Bạn có thể điều chỉnh hoạt hình bằng cách điều khiển các tính chất như tốc độ, tiến bộ và hướng. Chẳng hạn, để đặt tốc độ:

Tính linh hoạt này cho phép bạn tạo ra giao diện tương tác và hấp dẫn người dùng phù hợp với nhu cầu của ứng dụng.

Kết luận

Kết hợp hoạt hình tùy chỉnh với Lô- căng- tơ trong bản địa phản ứng làm tăng cường sự thu hút thị giác và sự gắn kết người dùng với ứng dụng di động của bạn. Bằng cách thiết kế hoạt họa nhẹ, có thể mở rộng trong A- đô-la Sau- tác động và nhập chúng vào dự án của bạn, bạn có thể tạo ra các giao diện động mà nổi bật. Thí nghiệm với các hoạt hình và tùy chỉnh tùy chọn nâng cao kinh nghiệm người dùng của ứng dụng.