锐客网

  1. 首页 > 睿知 > it技术 > >

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

IT知识编写界面布局静态页面

宝剑锋从磨砺出，梅花香自苦寒来。这篇文章主要讲述在 app 界面布局和静态页面编写之前需要了解的事相关的知识，希望能为你提供帮助。

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

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

文章图片

以开发一款 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
【在 app 界面布局和静态页面编写之前需要了解的事】 

    推荐阅读


    上一篇：Android 命名规范 （提高代码可以读性）

    下一篇：5G时代，手机和App会有什么样的变化?