DAY5了解APICloud引擎架构,模块设计规范(转载)

DAY5了解APICloud引擎架构,模块设计规范(转载)

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

第五天课程源码

教程更新:Github地址

主要内容

  1. APICloud端引擎架构介绍

  2. 模块调用过程

  3. 模块扩展机制

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

  4. 自定义扩展模块

  5. 扩展模块使用

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

  6. 多媒体相关模块

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

# 1. 端引擎架构 -- ![端引擎架构](http://docs.apicloud.com/img/docImage/seven-course/day5/5.1.png)# 2. 模块调用过程 -- ![模块调用过程](http://docs.apicloud.com/img/docImage/seven-course/day5/5.2.png)# 3. 模块扩展机制 -- ### 3.1 绑定: - JavaScript对象与Native模块实例绑定;一对一或是一对多。

3.2 桥接:

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

3.3 生命周期:

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

3.4 界面布局:

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

# 4. 如何自定义扩展模块 --

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

推荐文档

推荐视频

推荐源码

# 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

# 6. 多媒体相关模块使用 --

6.1 APICloud平台多媒体能力支持

6.2 相关API使用



回复列表



回复操作

正在加载验证码......

请先拖动验证码到相应位置