apicloud的核心代码:

①定义页面载入事件:

   apiready = function(){} //相当于window.onload

②$api对象

   //根据元素的id获取元素

   dom对象 = $api.byId('元素的id属性值');相当于document.getElementById(id);

③实现状态栏沉浸效果

 $api.fixStatusBar(header);

④$api.offset 获取dom元素的位置

 $api.offset(dom元素).h //获取元素的高度

 $api.offset(dom元素).w //获取元素的宽度

  ⑤获取window窗体的信息

   api.winWidth    //获取窗体的宽度

   api.winHeight  //获取窗体的高度

  ⑥打开frame框架

    api.openFrame    //打开新框架

    其中只有一个参数,要求是一个json对象,参数如下:

    name : 框架的名称

    url : 打开的连接地址

    bounces : 是否可以拖动

    rect:要求参数是一个json对象 

    

//frame的高度为当前window高度减去header和footer的高度
        var frameH = api.winHeight - headerH - footerH;
        api.openFrame({
            name: 'main',
            url: 'html/main.html',
            bounces: true,
            rect: {
                x: 0,
                y: headerH,
                w: 'auto',
                h: frameH
            }
        });                    js中获取年份   Var  year= new Date().getFullYear();
apiready = function(){
        //获取引擎的版本号
        var ver = api.version;
        //获取系统类型(Android 或IOS)
        var sType = api.systemType;
        //获取系统的版本信息
        var sVer = api.systemVersion;
        //获取设备标识符
        var id = api.deviceId;
        //获取设备型号
        var model = api.deviceModel;
        //获取设备名称(小米|华为)
        var name = api.deviceName;
        //获取网络连接类型(3G|4G|wifi)
        var cType = api.connectionType;
        //获取window窗体名称
        var winName = api.winName;
        //获取window窗体的宽度
        var winWidth = api.winWidth;
        //获取window窗体的高度
        var winHeight = api.winHeight;
        //获取frame框架的名称
        var frameName = api.frameName || '';
        //获取frame框架的宽度
        var frameWidth = api.frameWidth || '';
        //获取frame框架的高度
        var frameHeight = api.frameHeight || '';
}

 二、LOGO与引导页设置(云端)

APICloud

使用自定义loader实现真机同步

第一、提交本地代码到云端

第二、进入开发者控制台,选择云编译

APICloud

第三、生成Android的自定义loader

APICloud

 

 第四,下载编译好的自定义loader,并改名为load.apk

 APICloud

 第五、在以下目录下,根据config.xml中的widget包名创建一个文件夹。如下图所示:

APICloud

 

 第六、复制load.apk到新创建的目录中

APICloud

 第七、在以上目录下创建一个load.conf的文件

APICloud

 APICloud

 以上设置完成后,即可实现真机同步带云端效果

 三、手机UI开发之AUICSS框架

APICloud

 

分类:

技术点:

相关文章: