APP开发平台 > Blog > 在 app 界面布局和静态页面编写之前需要了解的事

  在 app 界面布局和静态页面编写之前需要了解的事

  相信大家已经对 APICloud 平台及其开发流程有了基本的了解。本篇文章要和大家讨论怎样从零起步开发一款 app,首先明确的是要开发一款什么样的app。

微信截图_20180706141727.png

  以开发一款 O2O 类型的电商 app为例,大家可以在《30天,App开发从0到1》这本书的开源仓库 a 中下载这个 app 的 Android 和 iOS 安装包。安装完毕后,运行这个 app 体验并查看功能。

  在开发这款 app 之前需要先做一系列的准备工作,内容包括:

  需求梳理,输出需求说明文档;

  UE 设计,输出产品原型; 


  UI 设计,输出 UI 效果图; 


  UI 架构设计,输出 App UI 架构设计文档; 


  功能分解,输出 App 功能分解文档;


  开放服务选择,输出第三方服务设计文档。 


  大家可以在《30天,App开发从0到1》这本书的 GitHub 开源仓库中获得相关素材和帮助。 


  在实现界面布局和静态页面的编写之前,要先了解app的启动过程:

  1. APICloud App执行流程

  一个 app 可能由两种方式被启动:

  由用户手动启动(如点击 app 图标); 


  被其他 app 调用(如通过微信或支付宝等)。

  App 启动之后做的第一件事是初始化引擎,这是内部过程,大家不必深究,把主要概念学会就可以。

  


  2.Widget 和 Window

  APICloud 引擎初始化时会创建两个 UI 组件实例,它们分别是 Widget 和 Window。

  一般来说, 一个 App 包含一个 Widget 就够了,此时可以把这个 Widget 看作这个 App 本身。

  3.App config.xml配置文件使用

  在引擎初始化完成之后,App 会去解析 config.xml。这个文件在项目根目录下,它其中包含 了很多重要的配置信息,并且它会在 App 的编译和运行时被使用,会影响整个 App 在平台上的 表现,如视觉效果、权限、性能等。一些 APICloud 模块也会从 config.xml 文件中获取信息。关 于这个文件的可配置项可参照(http://docs.apicloud.com/Dev-Guide/app-config-manual)。

  4. APICloud 引擎的两个重要事件

  APICloud 引擎初始化完成后会发出两个重要的事件:

  • content 事件; 


  • apiready 事件,这个事件是在 api 对象准备完成后产生的。 


  开发者应该在页面的 JavaScript 代码中注册“apiready”事件,示例如下:

  
 


  更多app资讯,请关注www.apicloud.com

  提交app定制需求,了解报价和周期:

  https://app.apicloud.com/index?uzchannel=500


2018-07-06 来源:APICloud

app

高效的App定制平台,标准化、便宜、快!

提交APP定制开发需求
x