apicloud开发总结

最新推荐文章于 2019-01-30 09:34:00 发布

撑伞的鱼

最新推荐文章于 2019-01-30 09:34:00 发布

阅读量873

点赞数

CC 4.0 BY-SA版权

分类专栏：每周工作整理文章标签： apicloud apicloud监听事件

本文链接：https://blog.youkuaiyun.com/Street_Partners/article/details/84206149

每周工作整理专栏收录该内容

19 篇文章

订阅专栏

初识apicloud、开发app的学习总结

一、apicloud常用事件
1.api.setRefreshHeaderInfo：执行下拉操作。哪个页面加载此功能，下拉刷新功能就在哪个页面。

api.setRefreshHeaderInfo({
        visible: true,
        loadingImg: 'widget://image/xxxx.png',
        bgColor: '#f0f0f0',
        textColor: '#888',
        textDown: '下拉刷新...',
        textUp: '松开刷新...',
        showTime: true
}, function(ret, err) {
console.log(“执行此方法”);
});

2.将任意一个自定义事件广播出去，这个事件能在任何页面通过addEventListener监听收到。

api.sendEvent({
      name: 'myEvent',
      extra: {key1:'value1', key2:'value2'}
});

api.addEventListener({
   name: 'myEvent'
}, function(ret){
      if(ret && ret.value){
       var value = ret.value;
        alert(value.key1 + ' , ' + value.key2);
    }
});

3.关闭当前页面，api.coloseWin();
返回来源页面打开，api.openwin();

4.发送给别的页面数据

 var p{
	"key":123
	}
api.sendEvent({
		   name:'wang_windowqdts',
		      extra:p
          });

5.接收过来的数据

api.addEventListener({
	           name:'wang_windowqdts'
	            },function(ret,err){
	            alert(JSON.stringify(ret));
	            $scope.$apply();
            });

二、总结
开发过程中遇到了很多问题，除了自身对解决问题的方式比较刻板外，也对apicloud操作比较不适应，而且要考虑到安卓系统与IOS系统是否都支持某些属性的问题。比如最初在测试IOS系统时会发现本来在安卓上显示没问题的布局，IOS上就没有显示出来。最后检查出是因为一个position属性；最开始设置的属性值是fixed，后来改为了absolute（相对于 static 定位以外的第一个父元素进行定位。）之后就好了。所以很多东西需要注意。现在对apicloud开发流程熟悉了很多。