第五天教程

第五天:了解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. 端引擎架构

-- 端引擎架构

2. 模块调用过程

-- 模块调用过程

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使用