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

Posted apicloud

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在 app 界面布局和静态页面编写之前需要了解的事相关的知识,希望对你有一定的参考价值。

  

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

技术分享图片

  以开发一款 O2O 类型的电商 app为例,大家可以在《30天,App开发从0到1》这本书的开源仓库 a 中下载这个 app 的 androidios 安装包。安装完毕后,运行这个 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 界面布局和静态页面编写之前需要了解的事的主要内容,如果未能解决你的问题,请参考以下文章

APP界面设计与页面布局的23条基本原则

如何修改安卓APP的界面布局

静态页面3-移动端苏宁首页

网页布局方法

App登录界面----布局篇

了解大型网站的页面静态化