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

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

第五天課程源碼

教程更新：Github地址

主要內(nèi)容

1. APICloud端引擎架構(gòu)介紹
2. 模塊調(diào)用過程
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平臺多媒體能力支持 6.2 相關(guān)API使用

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

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

--

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

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

--

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

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

--

3.1 綁定:

• JavaScript對象與Native模塊實例綁定；一對一或是一對多。

3.2 橋接:

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

3.3 生命周期：

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

3.4 界面布局：

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

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

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

--

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

推薦文檔

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

推薦視頻

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

推薦源碼

• 官方模塊源碼

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

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

--

5.1 UI類模塊常用接口

• 打開：open()
  • 指定rect(x,y,w,h)來定義顯示區(qū)域
  • 指定callback來注冊事件監(jiān)聽函數(shù)
  • 指定fixed和fixedOn參數(shù)來確定添加到的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平臺多媒體能力支持

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

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

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

6.2 相關(guān)API使用