2018/01/12 APICloud 基础知识

通过今天看的视频，使我明白了一些 APICloud 基础知识！

APICloud 应用设计思想

Client/Cloud 架构设计：完整的前后端分离，在移动端实现界面和功能，在服务端提供数据和服务。

APICloud界面布局五大组件

• Widget：Widget 是 APICloud 应用运行管理的最小单位，每个 APICloud 应用至少包含一个 Widget，每个 Widget 都具有独立的代码，资源和窗口系统，Widget 之间可以相互调用。Widget 在 UI 上表现为一个独立的窗口容器，内部可以包含 Layout、Window 或 UIModule，并且同一时刻，应用中只能有一个 Widget 在界面上显示。
  
  • 打开 Widget：api.openWidget()
  • 关闭 Widget：api.closeWidget()
• Layout：Layout 实现了某一种特定的布局效果，通过定义好的布局来组织一组 Window 或 Frame 来完成整体的界面布局效果，每一个 Layout 内部可以包含 Window 和 Frame。
  
  • 打开 FrameGroup：api.openFrameGroup()
  • 关闭 FrameGroup：api.closeFrameGroup()
• Window：Window 是一个独立的 Naive 窗口（Android 或 iOS），是 APICloud 应用界面布局的基本组件，每一个 APP 都是由多个 Window 组成。Window 所承载的内容其所加载的 HTML 页面决定的。每一个 Window 都是独立的 Web 容器，有自己独立的 Dom 树结构，并且独立进行渲染。 Window 的起订位于屏幕左上角，宽高占满屏幕，不可修改，Window 内部可以包含 Layout、Frame 和 UIModule。
  
  • 打开 Window：api.openWin()
  • 关闭 Window：api.closeWin()
• Frame：Frame 是一个独立的 Native 视图（Android 或 iOS），视图所承载的内容其所加载的 HTML 页面决定，每一个 Frame 都是独立的 Web 容器，有自己独立的 Dom 树结构，并且独立进行渲染。Frame 的位置或宽高可以通过参数配置。 Frame 通常作为一个子视图，嵌入到 Window 或 Layout 中， Frame 内部可以包含 UIModule。
  
  • 打开 Frame：api.openFrame()
  • 关闭 Frame：api.closeFrame()
• UIModule：UI 模块是由一组Native的视图组成，来实现某种特定的 UI 界面效果，可以是全屏展示也可以只填充指定的区域。每一个 UI 模块都具有自己独立的生命周期、界面布局、事件管理和数据交换。UI 模块通常需要嵌入到 Window 或 Frame 中使用。
  
  • 加载 UIModule: api.require()
  • 打开 UIModule(以 UIScrollPicture 为例)(: UIScrollPicture.open()
  • 关闭 UIModule(以 UIScrollPicture 为例)(: UIScrollPicture.close()