APICloud

学习APICloud开发app
1.安装APICloud Studio 自己的用起来方便
2. 端开发|
|端设置:图标，横竖屏，状态栏，启动页面.
|证书:Android证书和IOS证书制作
|代码:记录修改代码的日志
|模块:可以调用别人写好的模块免费的还可以自己制作模块
|云编译:代码打包直接生成二维码和下载链接很方便
3.掌握云端和编辑器之间SVN互相提交和检出代码
4.真机同步
右键点击应用项目文件夹 -> 选择“编译自定义Loader” -> 等待编译完成，编译之前请确保云端已添加需要的模块
生成二维码扫描下载 点击里面的小球设置WIFI真机同步设置
帮助里可以查看WIFI真机同步服务器地址.
5.布局用window 和frame 布局 窗口和子窗口.
6.图标150 150和启动页1080 1920的尺寸
7.Apploader |
应用装载路径
|Android:sdcard->UZMap->wgt
|IOS:Documents->uzfs->wgt

继续学习APICloud
config文件中|
|meta标签中Viewport决定了页面的渲染，布局元素的尺寸。
|device screen space==window visible==viewport==web content size
屏幕尺寸 可视窗口 页面布局元素 网页内部尺寸说
|<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
$api.fixStatuBar(header) 就是解决header头的，可以让应用去控制状态栏，会自定判断是否大于IOS7和安卓11
apiready = function(){
api.openFrame({
name:"demo",
url:'html/frame1_window.html',
rect:{
x:0,
y:60,
w:'auto',
h:'auto'
}
})
}
打开一个frame窗口

同步Apploader失败原因
设备与电脑未连接或者WIFI未同步端口不对
没有权限
api.css
|清除掉浏览器默认的样式
|清除浏览器默认的交互效果
|每个页面最好独立定义样式
api.js
|ECMA工具函数
|DOM操作，选择元素
|APICloud扩展
|status bar ,toast,ajax,localStorage.
$api和api的区别
|$api前端框架中定义的对象，引入api.js即可用,无需等待apiready时间
|api 引擎扩展的对象，apiready事件之后使用，封装了平台最基础的功能
自定义apploader模拟真实应用
|如果安装微信的话，要去微信公众平台获取appid server信息
|zepto.min.js和jquery几乎一样用于移动端，大部分一样，轻量级的框架.
config.xml文件介绍
|debug调试模式默认是开启的，开发完毕后关闭false

小demo

在window窗口
打开frame窗口
apiready=function(){

var header=$api.dom(.header);
$api.fixStatuBar(header);
var headerH=$api.offset(header).h;
api.openFrame({
name:'frm_home',
url:'http://www.apicloud.com',
rect{
x:0,
y:headerH,
w:'auto',
h:'auto'

}

});
};

监听时间的小demo

apiready=function(){

api.addEventListener({
name:'keyback'
},function(ret,err){
api.closeWidget({
//id:''
})
})
}
配置<preference name="urlScheme" value="myscheme"/>
<a href="myscheme://">打开应用</a>
监听返回时间，退出应用

时间机制和接口|
|