/ title: 7天培訓(xùn)課5 / <style> </style>

第五天：了解APICloud引擎架構(gòu)，理解模塊擴(kuò)展機(jī)制、調(diào)用過(guò)程和模塊設(shè)計(jì)規(guī)范；掌握自定義模塊擴(kuò)展方法，掌握常用UI模塊的使用；了解平臺(tái)提供的多媒體支持能力及相關(guān)API

第五天課程源碼

教程更新：Github地址

主要內(nèi)容

1. APICloud端引擎架構(gòu)介紹
2. 模塊調(diào)用過(guò)程
3. 模塊擴(kuò)展機(jī)制

3.1 綁定 3.2 橋接 3.3 生命周期 3.4 界面布局

1. 自定義擴(kuò)展模塊
2. 擴(kuò)展模塊使用

5.1 UI類模塊常用接口 5.2 UI類模塊使用

1. 多媒體相關(guān)模塊

6.1 APICloud平臺(tái)多媒體能力支持 6.2 相關(guān)API使用

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

1. 端引擎架構(gòu)

--

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

2. 模塊調(diào)用過(guò)程

--

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

3. 模塊擴(kuò)展機(jī)制

--

3.1 綁定:

• JavaScript對(duì)象與Native模塊實(shí)例綁定；一對(duì)一或是一對(duì)多。

3.2 橋接:

• JavaScript對(duì)象方法與Native模塊接口橋接；通過(guò)module.json文件聲明。

3.3 生命周期：

• 通過(guò)引擎Native接口實(shí)現(xiàn)APP生命周期同步；創(chuàng)建、初始化、資源釋放、銷(xiāo)毀等。

3.4 界面布局：

• UI模塊獨(dú)立渲染，可以添加到Window或Frame中進(jìn)行混合布局。

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

4. 如何自定義擴(kuò)展模塊

--

開(kāi)發(fā)者可以基于APICloud標(biāo)準(zhǔn)的模塊擴(kuò)展機(jī)制擴(kuò)展自定義模塊。

推薦文檔

• Android模塊開(kāi)發(fā)指南
• iOS模塊開(kāi)發(fā)指南
• 模塊設(shè)計(jì)規(guī)范
• Android模塊審核規(guī)范
• iOS模塊審核規(guī)范
• 自定義模塊使用說(shuō)明

推薦視頻

• Android模塊開(kāi)發(fā)視頻教程
• iOS模塊開(kāi)發(fā)視頻教程

推薦源碼

• 官方模塊源碼

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

5. UI類擴(kuò)展模塊使用

--

5.1 UI類模塊常用接口

• 打開(kāi)：open()
  • 指定rect(x,y,w,h)來(lái)定義顯示區(qū)域
  • 指定callback來(lái)注冊(cè)事件監(jiān)聽(tīng)函數(shù)
  • 指定fixed和fixedOn參數(shù)來(lái)確定添加到的Window或Frame

• 關(guān)閉：close()
• 隱藏：hide()
• 顯示：show()
• 刷新：update()
• 賦值：setValue()
• 設(shè)置樣式：setStyle()
• 重新加載：reloadData()
• 加載更多：appendData()

5.2 UI類模塊使用Demo

• UIInput
• UIScrollPicture
• UIActionSelector

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

6. 多媒體相關(guān)模塊使用

--

6.1 APICloud平臺(tái)多媒體能力支持

• 圖片
  • api對(duì)象：
    • 拍照或打開(kāi)相冊(cè)：api.getPicture()
    • 保存到相冊(cè)：api. saveMediaToAlbum()
  • 擴(kuò)展模塊：文檔搜索

• 音頻
  • api對(duì)象
    • 錄音：api.startRecord，api.stopRecord
    • 播放：api.startPlay，api.stopPlay
  • 擴(kuò)展模塊：文檔搜索

• 視頻
  • api對(duì)象
    • 播放：api.openVideo
  • 擴(kuò)展模塊：文檔搜索

6.2 相關(guān)API使用