css3animation安卓（css3动画animation属性大全）

本文目录一览：

• 1、安卓Svga动画安卓svg
• 2、如何解决css3动画在安卓机上卡顿现象

安卓Svga动画安卓svg

1、由于svg是矢量图文件，一般的图片查看工具无法打开，使用AdobeIllustrator可以查看而且能够再次编辑svg文件，还能导出保存为svg或其他格式的文件。svg文件还可以同过浏览器打开，如使用火狐浏览器就可以直接svg文件，不过有些浏览器可能要安装插件，其它的软件还有SVGDeveloper专业svg格式编辑软件。

2、SVGA（Super Video Graphics Array）动画，是一种基于SVG（Scalable Vector Graphics，可缩放矢量图形）的高效动画格式。它通过将动画数据编码为SVGA格式，实现了动画的高效压缩和快速播放。特点：高效性：SVGA动画采用高效的编码方式，大大减少了动画文件的大小，提高了播放效率。

3、You may replace Image or Text dynamically. To do this， you need to create a SVGADynamicEntity instance. （SVGAPlayer 支持动态图像和动态文本，要添加动态图像和动态文本，你需要创建一个 SVGADynamicEntity 对象，并传入 SVGDrawable 初始化方法。

4、svga毕竟是一个动画文件。首先，循环播放这个动画，svga制作的不合适有可能会造成收尾连接处会出现一些卡顿，观感上不是很好；其次，对于多样性的根据用户操作来实现个性化展示的还是需要依托于基础的js或者css来控制实现。

如何解决css3动画在安卓机上卡顿现象

1、建议用腾讯手机管家清理手机内存，内容包括缓存垃圾、系统垃圾、广告垃圾清理加速，达到优化空间的目的。空间优化了，自然卡顿也会得到改善。

2、总结解决CSS3动画卡顿方案尽量使用transform做动画，避免使用height，width，margin，padding等；原因是： 根据定义，CSS 的transform属性不会更改元素或它周围的元素的布局。transform属性会对元素的整体产生影响，它会对整个元素进行缩放、旋转、移动处理。

3、原因：CSS3新添加的Transform不会引起文档的重新布局。简而言之就是浏览器的主线程会计算样式布局等，然后交给GPU去渲染，在这个过程是浏览器将位图加载到 GPU 的内存是比较耗时的，而修改例如height的transition动画过程中，每一帧都对布局有影响从而浏览器会重新布局然后交给GPU重新渲染。

4、安卓手机良莠不齐，有些性能较差的手机是会卡的，可以用css3的transition解决。比如 div{ height：0； -webkit-transition： height .5s ease； }div.show{ height： 100px；}只要在原来需要slideDown的时候，改为为这个div添加 show的class即可。

5、即便是这些动画能够很快的响应，但大量的css页面会导致渲染卡顿，滑入时可能会有白屏/机器卡顿的现象。为了解决这些性能问题又必须要用到预加载或模拟动画。即便是这样，滑入滑出的动画在低端的安卓机器上还是有很多问题，如果获取服务端数据处理的方式不合适，卡顿白屏的现象会更严重。