多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
[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 负责获取值之后,进行模板的使用,帮助数据与素材的渲染。