新年第一天上班,沒想到就立春了,俗話說,一年之計在於春,全新的 17 年開始啦,來,收拾下心情,投入到工作中,擼起袖子,就是幹!
就在前幾天,airbnb 開源了乙個專案叫做 lottie,我個人覺得這個專案簡直碉堡了!
怎麼樣?這些可不是簡單的移動、縮放、旋轉就搞得定的,可能有些人思考了之後大概有以下實現思路:
就沒有更好的實現方式了麼?
而 airbnb 開源的這個專案完美的解決以上難題,我們來看下整個流程是什麼樣的。
假設我們要做乙個引導頁面的歡迎動畫,這個一般設計師會用 adobe 旗下的 after effects (簡稱 ae)來做個動畫出來,設計師用 ae 做個動畫比工程師用**去實現乙個動畫要快的多的多,調整起來也很方便,之後 ae 上有一款外掛程式叫做 bodymovin,這個外掛程式也比較屌,可以直接根據 ae 上的動畫檔案匯出 json 檔案,這個 json 檔案描述了該動畫的一些關鍵點的座標以及運動軌跡,之後我們在專案中引用 lottie 開源庫,在布局檔案中簡單的加上這麼一句就完美的實現了。
lottieanimationview
android:id="@+id/animation_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
或者**中這樣使用:
lottieanimationview animationview = findviewbyid(r.id.animation_view);有了這個庫,我們可以充分發揮我們的想象力,很簡單方便的就實現了一套很酷炫的動畫,最重要的是,這個庫是跨平台的,支援 android、ios 以及 reactnative,共用一套 json 動畫描述檔案。animationview.setanimation("hello-world.json");
animationview.loop(true);
其實 facebook 前段時間開源了乙個類似的庫叫做 keyframes,也是跨平台的,但是 littie 比 keyframes 支援的特性更多,而且據 airbnb 官方部落格介紹,以後對讓這個庫支援更多的特性與功能,不得不說,真乃良心!
這個專案碉堡了
新年第一天上班,沒想到就立春了,俗話說,一年之計在於春,全新的 17 年開始啦,來,收拾下心情,投入到工作中,擼起袖子,就是幹!就在前幾天,airbnb 開源了乙個專案叫做 lottie,我個人覺得這個專案簡直碉堡了!怎麼樣?這些可不是簡單的移動 縮放 旋轉就搞得定的,可能有些人思考了之後大概有以下...
小公尺2真的碉堡了?
小公尺2代1999的 真的碉堡了麼?事實真的是如此嗎?小公尺2手機為什麼看起來價效比那麼高?答案是,那是 事實上,到了十月中旬你也不一定能夠買到,可以想象首次發售一定是限定很少的數量,然後幾分鐘內搶光。之後第二輪 第三輪 第四輪,等到絕大多數能夠隨時以1999元的 買到時至少已經是6個月之後的事情了...
碉堡了!大學各系女生對初夜的描述!
數學系 我希望看到令我滿意的彈性係數 化學系 兩種有機物的結合很奇妙,但氣味也太難聞了吧?物理系 雖然總功率是零,但是我的流量遠遠大於你的流量 外語系 oh,yes yes yes oh。歷史系 我經常思考,古人是怎麼避孕的?體育系 我會在上面做劈腿等分解動作,等你領悟了,就開始做全套動作 經濟系 ...