[TOC] ## 課件基本分類 ### 無交互，純顯示 | 模板名稱 | 說明 | | --- | --- | | 視頻| | | 圖片| | ### 與白板有交互行為 有交互的意思是需要學生操作，并且白板有反饋的。目前的都是固定布局的，位置不能變化，只能換素材。 目前幾個模板的選項和交互的位置都是確定的。 | 模板名稱 | 說明 | | --- | --- | | 選擇 | 一般四個選項，分為ab\ad兩種，分別可以換背景以及文字 ，四個選項的交互 | | 判斷 | 兩個選項，分別可以換背景以及文字，兩個選項的交互 | | 連線| 分為上下和左右兩種，三個選項，三個連線的交互 | | 骰子 | 一個圖片，一個擲骰子交互 | | 轉盤 | 三個圖片，一個轉動的交互 | | 翻拍 | 沒有找到資料 | ### 其他 | 模板名稱 | 說明 | | --- | --- | | 圖層拖拽 | 可以添加任意圖片，并疊加，沒有交互 | ### 新增模板（2019-07） | 模板名稱 | 說明 | | --- | --- | | 動畫模板 | 支持傳入動畫素材（2019-07） | | 語音題 | 支持傳入多個圖片，但是白板沒有交互，支持點擊進行錄音的操作（2019-08-07） | ### 新增組件（2019-08） | 組件名稱 | 說明 | | --- | --- | | 錄音組件 | 主要用于錄音模板頁，點擊之后可以編輯錄音文本類型，文本內容，錄音時長 | | 倒計時組件 | 各個主要題型都可以增加倒計時部分，可以配置倒計時時間，點擊有操作 | ## 模板配置信息分層 | 名稱 | 說明 | | --- | --- | | 1. 模板頁私有屬性 | 實現模板需要的全部屬性，但不一定是導出需要的 | | 2.模板頁序列化對象 | 模板頁直接的抽象序列化對象的子對象，一般是一個可解析的組件，需要在新增模塊后代接口目錄的序列化對象中去添加，具體的在下面描述 | | 3. 模板頁xml 結構化對象以及屬性 | 收集包括資源總目錄(XmlResources)，模板頁需要的信息，用作回顯和資源匹配（XmlScene），行為數組（XmlActions） | ### 模板頁系列化對象 關聯到了三個文件， 1 模板頁中會針對當前模板需要序列化的內容使用_serializationElements寫入關聯的序列對象。 ``` this._serializationElements = { background,addAudio,addDrag,voice } ``` 2 序列化對象說明里更加明確的制定了需要的內容。 ``` interface IVoice1SeriObjects { voice: Subject.Components.Voice, addAudio: Subject.Components.AddAudio, addDrag: Subject.Components.AddDrag, background: Subject.Components.Background } ``` 3 模板頁helper中的解析以及序列化為xml文件，會解析這幾個序列化對象，然轉變為xml需要的三個核心對象。收集包括資源總目錄(XmlResources)，模板頁需要的信息，用作回顯和資源匹配（XmlScene），行為數組（XmlActions） ``` public serializationXML(elements: IVoice1SeriObjects, cb: Function, thisObj: any) { const {background,addDrag, AddAudio::{speakerImage, topicAudio, \_add },voice} = elements; ``` ## 模板頁中的屬性的識別與賦值 assingAttributes 可以進行賦值，方便在序列化的時候進行取值，所有的你希望寫到xml中的數據需要寫入到這里才可以獲取。 applyAttributes 負責獲取值之后，進行模板的使用，幫助數據與素材的渲染。