Edge Animate中使用preloader

Posted on Edited on In ,

前天开始动手玩Edge Animate，简单排了一些动画上去，体积一旦开始大了，打开页面加载的时候，难免要等一会，于是想起在Flash开发时常用的preloader的做法，正在想基于H5的Edge如何方便的实现这个部分，然后就看到了在界面右侧的一个部分。

[![](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-08-29%252520%2525E4%2525B8%25258B%2525E5%25258D%25258810.36.31.png)](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-08-29%252520%2525E4%2525B8%25258B%2525E5%25258D%25258810.36.31.png)
点击了这个edit按钮后，进入如下界面
[![](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-08-29%252520%2525E4%2525B8%25258B%2525E5%25258D%25258810.38.08.png)](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-08-29%252520%2525E4%2525B8%25258B%2525E5%25258D%25258810.38.08.png)
左面的insert preloader clip-art中，是Edge已经自定义好的一些gif图片，可以在预加载时候显示，我随便选了个转圈圈的，之后可以发现，被选定的gif，可以切换成任何在你项目中的图片资源，这样就可以实现自定义了。
[![](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-08-29%252520%2525E4%2525B8%25258B%2525E5%25258D%25258810.40.48.png)](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-08-29%252520%2525E4%2525B8%25258B%2525E5%25258D%25258810.40.48.png)
只是目前尚未发现可以自定义实现代码逻辑的部分，希望未来可以开辟这个部分的功能，毕竟Flash的preloader们借助强大的AS已经演化得相当复杂了。
另外，几天来玩Edge的一些问题和希望：
问题1: TypeKit字体在我的ipad和iphone上，都是忽隐忽现，不知道什么原因，是加载web font时不稳定么？
问题2: 在某次附加Dropdown Shadow滤镜后，出现Chrome下崩溃的情况。
希望：
1 实现Mask。
2 实现曲线轨迹动画编辑。
3 引入可以附加自定义模块的功能。
[demo](http://hector.ziki.me/xb/minisite/welcomeScreen.html)