APICloud界面布局5大组件

http://docs.apicloud.com/Seven/Day1

  • 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。 (http://docs.apicloud.com/Client-API/api#12)

    • 打开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()

results matching ""

    No results matching ""