腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

Lottie動(dòng)畫工具 v6.6.0

Lottie動(dòng)畫工具

投訴報(bào)錯(cuò)

源碼大?。?span>22.62MB
源碼語言：英文軟件
源碼類型：國(guó)外軟件
源碼授權(quán)：開源軟件
源碼類別：java源碼
應(yīng)用平臺(tái)：Java
更新時(shí)間：2024-11-12
網(wǎng)友評(píng)分：

360通過騰訊通過金山通過

22.62MB

詳情介紹

Lottie是適用于Android和iOS的移動(dòng)庫，它可以使用Bodymovin解析以json格式導(dǎo)出的Adobe After Effects動(dòng)畫，并在移動(dòng)設(shè)備上進(jìn)行原生渲染！

Lottie 在不需要對(duì)代碼進(jìn)行重寫的情況下讓工程師更加方便的創(chuàng)建更豐富的動(dòng)畫效果。有了 Lottie 你就不再需要使用 Gif 動(dòng)畫來展現(xiàn)效果。

目前，Lottie支持路徑修剪，蒙版、遮蓋等操作。此外還有一個(gè)可選的緩存機(jī)制，對(duì)那些頻繁使用的東西能夠更快加載。這款應(yīng)用的目標(biāo)就是幫助開發(fā)者和動(dòng)畫師能夠更輕松的為應(yīng)用創(chuàng)建動(dòng)畫，從而在整體上提升互動(dòng)因素。

lottie優(yōu)點(diǎn)

Lottie方法方案是由設(shè)計(jì)師出動(dòng)畫，導(dǎo)出為json，給前端播放。所以，使用Lottie方案的好處在于：

1、動(dòng)畫由設(shè)計(jì)使用專業(yè)的動(dòng)畫制作工具Adobe After Effects來實(shí)現(xiàn)，使動(dòng)畫實(shí)現(xiàn)更加方便，動(dòng)畫效果也更好；

2、前端可以方便的調(diào)用動(dòng)畫，并對(duì)動(dòng)畫進(jìn)行控制，減少前端動(dòng)畫工作量；

3、設(shè)計(jì)制作動(dòng)畫，前端展現(xiàn)動(dòng)畫，專業(yè)人做專業(yè)事，分工合理；

4、賣家秀即買家秀，還原程度百分之百；

5、使用lottie方案，json文件大小會(huì)比gif文件小很多，性能也會(huì)更好。

lottie不足

使用Lottie方案有以下不足之處：

1、lottie-web文件本身仍然比較大，lottie.js大小為513k，輕量版壓縮后也有144k，經(jīng)過gzip后，大小為39k。所以，需要注意lottie-web的加載。目前H5項(xiàng)目有離線包，PC項(xiàng)目也會(huì)上PWA，會(huì)對(duì)其進(jìn)行緩存，保證加載速度。

2、lottie動(dòng)畫其實(shí)可以理解為svg動(dòng)畫/canvas動(dòng)畫，不能給已存在的html添加動(dòng)畫效果；

3、動(dòng)畫json文件的導(dǎo)出，目前是將AE里面的參數(shù)一一導(dǎo)出成json內(nèi)容，如果設(shè)計(jì)師建了很多的圖層，可能仍然有json文件比較大（20kb）的問題。需要設(shè)計(jì)師遵循一定的規(guī)范。

4、有很少量的AE動(dòng)畫效果，lottie無法實(shí)現(xiàn)，有些是因?yàn)樾阅軉栴}，有些是沒有做。比如：描邊動(dòng)畫等。

更新日志

新功能

添加對(duì)減少運(yùn)動(dòng)標(biāo)記名稱的支持（#2451）

支持 GZIP 和 TGS 網(wǎng)絡(luò)下載 ( #2454 )

錯(cuò)誤修復(fù)

允許緩和值小于 0 且大于 1 ( #2457 )

修復(fù) LottieTask 中的內(nèi)存泄漏（#2465）

在設(shè)置非 Lottie drawable 并返回后阻止播放 ( #2468 )

設(shè)置新構(gòu)圖時(shí)尊重 LottieAnimationView 中的自動(dòng)播放（#2469）

當(dāng)已經(jīng)在主線程時(shí)同步調(diào)用 LottieTask ( #2470 )

當(dāng)系統(tǒng)比例改變時(shí)正確地重新調(diào)整位圖的比例（#2475）

動(dòng)畫工具 Lottie

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】