https://gker.net/tags/lottie/ Recent content in Lottie on 个人记录 | 随心所意，记录点滴 Hugo zh-cn Sun, 26 Feb 2017 18:39:56 +0800 https://gker.net/post/10003/ Sun, 26 Feb 2017 18:39:56 +0800 https://gker.net/post/10003/ <ul> <li>7个月前（2016.7）airbnb开源了一款开源动画框架 <strong><a href="https://github.com/airbnb/lottie-android" target="_blank" rel="noopener">lottie</a></strong></li> <li><strong>Lottie</strong>支持<a href="https://github.com/airbnb/lottie-android" target="_blank" rel="noopener">Android</a>、<a href="https://github.com/airbnb/lottie-ios" target="_blank" rel="noopener">iOS</a>、<a href="https://github.com/airbnb/lottie-react-native" target="_blank" rel="noopener">ReactNative</a>三个平台</li> <li><strong>Lottie</strong>官网为<a href="http://airbnb.design/introducing-lottie/" target="_blank" rel="noopener">http://airbnb.design/</a></li> <li><strong>Lottie</strong>的作用是把<a href="https://www.adobe.com/products/aftereffects.html" target="_blank" rel="noopener">Adobe After Effects</a>导出的json文件渲染为动画</li> <li>AE导出json时应该使用<a href="https://github.com/bodymovin/bodymovin" target="_blank" rel="noopener">Bodymovin</a>插件</li> <li><strong>Lottie</strong>目前支持API 14及以上的系统，早期只支持到API16。</li> <li><strong>Lottie</strong>最大的优势就是美术做好的动画，无需工程师用代码再实现一遍了。其体积又比帧动画或gif小很多，大大解放了工程师的劳动力。</li> </ul> <blockquote> <p>以下是Lottie性能的官方的说明：</p> </blockquote> <ul> <li>如果没有mask和mattes，那么性能和内存非常好，没有bitmap创建，大部分操作都是简单的cavas绘制。</li> <li>如果存在mattes，将会创建2～3个bitmap。bitmap在动画加载到window时被创建，被window删除时回收。所以不宜在RecyclerView中使用包涵mattes或者mask的动画，否则会引起bitmap抖动。除了内存抖动，mattes和mask中必要的bitmap.eraseColor()和canvas.drawBitmap()也会降低动画性能。对于简单的动画，在实际使用时性能不太明显。</li> <li>如果在列表中使用动画，推荐使用缓存LottieAnimationView.setAnimation(String, CacheStrategy) 。</li> </ul> <blockquote> <p>以下是Lottie官方示例效果：</p> </blockquote> <p><a href="https://github.com/airbnb/lottie-android/blob/master/gifs/Example2.gif" target="_blank" rel="noopener"><p class="markdown-image"> <img src="https://github.com/airbnb/lottie-android/raw/master/gifs/Example2.gif" alt="" /> </p></a></p> <p><a href="https://github.com/airbnb/lottie-android/blob/master/gifs/Example3.gif" target="_blank" rel="noopener"><p class="markdown-image"> <img src="https://github.com/airbnb/lottie-android/raw/master/gifs/Example3.gif" alt="" /> </p></a></p> <p><a href="https://github.com/airbnb/lottie-android/blob/master/gifs/Community%202_3.gif" target="_blank" rel="noopener"><p class="markdown-image"> <img src="https://github.com/airbnb/lottie-android/raw/master/gifs/Community%202_3.gif" alt="" /> </p></a></p> <p><a href="https://github.com/airbnb/lottie-android/blob/master/gifs/Example4.gif" target="_blank" rel="noopener"><p class="markdown-image"> <img src="https://github.com/airbnb/lottie-android/raw/master/gifs/Example4.gif" alt="" /> </p></a></p> https://gker.net/post/10000/ Wed, 01 Aug 2007 13:51:14 +0800 https://gker.net/post/10000/ <h1 id="个人记录网建设初衷">个人记录网建设初衷 <a href="#%e4%b8%aa%e4%ba%ba%e8%ae%b0%e5%bd%95%e7%bd%91%e5%bb%ba%e8%ae%be%e5%88%9d%e8%a1%b7" class="anchor">🔗</a></h1><ul> <li>自2007年毕业工作以来，起初使用notepad记录工作心得。</li> <li>2008年伊始，对比了多家博客，采用百度空间开始记录博客，可惜百度空间于2012年关闭。</li> <li>2012-2017年期间使用印象笔记,可惜其较为封闭，不方便共享于众网友同仁。</li> <li>2017年开始了，鉴于百度空间关闭的前车之鉴，所以自建博客，用以共勉。</li> <li>2020年了，改用hugo，使用静态网站。</li> </ul>