APICloud中下拉刷新的实现

        在我们进行移动应用开发时，在考虑到用户体验及功能实现时会用到下拉刷新功能，在APICloud中，我们可以使用pullRefreshLoop模块来实现下拉刷新效果，能够兼容ios和android，能够较好的实现下拉刷新效果。

1.在index.html中打开下拉刷新frame

api.openFrame({
    name: 'frm_main',
    url: './html/main.html',
    customRefreshHeader: 'pullRefreshLoop',
    bounces: true,
    rect: {
        x: 0,
        y: document.querySelector( 'header' ).offsetHeight,
        h: api.winHeight - document.querySelector( 'header' ).offsetHeight
    }
});

2.新建下拉刷新页面

apiready = function() {
        api.setCustomRefreshHeaderInfo({
            bgColor: '#f5f5f5', //（可选项）字符串类型；下拉刷新的背景设置，支持rgb、rgba、#，该背景大小同当前 window 或 frame 的宽高；默认：#C0C0C0
            image: { //JSON 对象类型；下拉刷新相关图片设置
                icon: 'widget://image/mx.png', //（可选项）字符串类型；下拉过程中的背景图片，图片规格为正方形，如50*50、100*100，为适配高清屏幕建议开发者传大小合适的图片，若不传则不显示
                borderColor: '#d13c2e', //字符串类型；下拉刷新的边线颜色
            }
        }, function() {
            //下拉刷新被触发，自动进入加载状态，使用 api.refreshHeaderLoadDone() 手动结束加载中状态
            setTimeout(function() {
                api.refreshHeaderLoadDone()
            }, 3000);
        });
    };

function fnRefreshHeaderLoading() {
   api.refreshHeaderLoading();
};