2.7.1 在Apicloud studio中右鍵項(xiàng)目根目錄“模塊管理”
模塊管理
2.7.2 選擇模塊庫(kù)
選擇模塊庫(kù)
2.7.3 找到UIloading并點(diǎn)擊右上角的加號(hào)
點(diǎn)擊右上角的加號(hào)
2.7.4 編譯自定義loader并安裝
編譯自定義loader
2.7.5 將我們【2.6 AI+AE做一個(gè)簡(jiǎn)單的loading動(dòng)圖】 中制作的png序列放到image/middle_loading中
放到image/middle_loading中
2.7.5 封裝模塊的接口
js/common.js
function OpenLoadingMiddle() {
var activity = api.require('UILoading');
var content=[];
for(var i=0;i<50;i++){
content.push({frame: 'widget://image/middle_loading/'+i+'.png'})
}
activity.keyFrame({
rect: {
w: 34,
h: 34
},
styles: {
bg: 'rgba(0,0,0,0)',
corner: 5,
interval: 40,
frame: {
w: 34,
h: 34
}
},
content:content
});
}
function CloseLoadingMiddle() {
var uiloading = api.require('UILoading');
uiloading.closeKeyFrame();
}
2.7.6 調(diào)用一下試試
index.html
<script type="text/javascript" src="./script/common.js"></script>
<script type="text/javascript">
apiready = function () {
OpenLoadingMiddle();
setTimeout('CloseLoadingMiddle()', 3000)
}
</script>
2.7.7 同步到手機(jī)
效果圖
