codecamp
APICloud 七天培训课 第五天

/ title: 7天培训课5 / <style> </style>

第五天:了解APICloud引擎架构,理解模块扩展机制、调用过程和模块设计规范;掌握自定义模块扩展方法,掌握常用UI模块的使用;了解平台提供的多媒体支持能力及相关API

第五天课程源码

教程更新:Github地址

主要内容

  1. APICloud端引擎架构介绍
  2. 模块调用过程
  3. 模块扩展机制

3.1 绑定 3.2 桥接 3.3 生命周期 3.4 界面布局

  1. 自定义扩展模块
  2. 扩展模块使用

5.1 UI类模块常用接口 5.2 UI类模块使用

  1. 多媒体相关模块

6.1 APICloud平台多媒体能力支持 6.2 相关API使用

<div id="P1"></div>

1. 端引擎架构

-- 端引擎架构

<div id="P2"></div>

2. 模块调用过程

-- 模块调用过程

<div id="P3"></div>

3. 模块扩展机制

--

3.1 绑定:

  • JavaScript对象与Native模块实例绑定;一对一或是一对多。

3.2 桥接:

  • JavaScript对象方法与Native模块接口桥接;通过module.json文件声明。

3.3 生命周期:

  • 通过引擎Native接口实现APP生命周期同步;创建、初始化、资源释放、销毁等。

3.4 界面布局:

  • UI模块独立渲染,可以添加到Window或Frame中进行混合布局。

<div id="P4"></div>

4. 如何自定义扩展模块

--

开发者可以基于APICloud标准的模块扩展机制扩展自定义模块。

推荐文档

推荐视频

推荐源码

<div id="P5"></div>

5. UI类扩展模块使用

--

5.1 UI类模块常用接口

  • 打开:open()
    • 指定rect(x,y,w,h)来定义显示区域
    • 指定callback来注册事件监听函数
    • 指定fixed和fixedOn参数来确定添加到的Window或Frame

  • 关闭:close()
  • 隐藏:hide()
  • 显示:show()
  • 刷新:update()
  • 赋值:setValue()
  • 设置样式:setStyle()
  • 重新加载:reloadData()
  • 加载更多:appendData()

5.2 UI类模块使用Demo

<div id="P6"></div>

6. 多媒体相关模块使用

--

6.1 APICloud平台多媒体能力支持

  • 视频

6.2 相关API使用

APICloud 七天培训课 第四天
APICloud 七天培训课 第六天
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }