Duang！又來新貨啦！
APP設(shè)計(jì)中，我們在很多地方都會(huì)用到Loading，全屏加載要Loading，下拉刷新要Loading，上滑加載也要Loading...
所以今天就給大家分享一下我臨摹一些好玩的效果自己做的Loading，相比較高冷的GIF圖，我的Loading們可是能一鍵復(fù)制，隨意修改的源文件（所有組件都是可以修改的）喲。當(dāng)然，如果你愿意發(fā)揮你的聰明才智，分分鐘擼一個(gè)你自己的也不是不闊以！(☆_☆)
原型效果預(yù)覽
在線預(yù)覽地址：http://www.xiaopiu.com/h5/byId?type=project&id=58fda5094fc138923433df7d
我要怎么用？
方法一：引用「Loading合集」組件庫，編輯項(xiàng)目時(shí)可以從右側(cè)公用組件庫中拖拽使用。
方法二：直接點(diǎn)擊編輯項(xiàng)目「Loading合集」，找到想要的Loading效果，跨瀏覽器Tab復(fù)制到自己的項(xiàng)目中。
備注：如果想要修改顏色再用，一定要記得切換到「原始態(tài)」進(jìn)行修改喲！這樣會(huì)對(duì)所有狀態(tài)生效。
動(dòng)效怎么做的？?
動(dòng)效都是通過組件「狀態(tài)」做的。?
1. 創(chuàng)建狀態(tài)：分析每個(gè)Loading在動(dòng)畫過程中會(huì)有多少種形態(tài)，就依次創(chuàng)建多個(gè)「狀態(tài)」；?
2. 調(diào)整時(shí)間：調(diào)整狀態(tài)間的動(dòng)畫時(shí)間和曲線（非必需，依具體效果而定）；
3. 添加事件：給每個(gè)狀態(tài)添加「定時(shí)」事件切換到相應(yīng)狀態(tài)，連接成動(dòng)畫。
我分享的「Loading合集」中每個(gè)Loading都是由一個(gè)小動(dòng)效和文案「Loading」組成的，雙擊后選中小動(dòng)效組件可以看到它的所有狀態(tài)和事件，就可以好好琢磨啦！~^_^o~
源文件鏈接
原型預(yù)覽：http://www.xiaopiu.com/h5/byId?type=project&id=58fda5094fc138923433df7d
原型下載：http://www.xiaopiu.com/square?searchText=Loading%E5%90%88%E9%9B%86
組件庫引用：http://www.xiaopiu.com/square/contr?sort=new&libPop=contr&libId=58ff2eb74c07899660ef8104
其它「資源分享系列」鏈接
歡迎大家對(duì)我們的原型提出建議，對(duì)后面分享內(nèi)容有哪些期待和想法也可以跟我們交流喲！
如果你覺得還不錯(cuò)，就點(diǎn)個(gè)贊吧！哈哈，給我一點(diǎn)更下去的動(dòng)力！～動(dòng)力！～動(dòng)力！～
