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

  

  相信大家已经对 APICloud 平台及其开发流程有了基本的了解。本篇文章要和大家讨论怎样从零起步开发一款 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

原文地址:https://www.cnblogs.com/apicloud/p/9273637.html

时间: 2024-11-10 14:12:29

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

步步为营-73-asp.net的简单练习(根据美工提供静态页面,编写后台代码)

说明:实际企业中开发分工是很明确,往往程序员根据美工提供的UI界面进行后台代码的编写. 1.1 原始HTML页面 1.2 使用aspx进行修改 这里使用到了三层架构 using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namesp

处女作——静态页面的编写

商城商品管理页面(静态页面) 1. 头部导航条 2. 菜单列表 3. 搜索选项 4. 热门搜索 5. 商品列表(图片,价格,购买按钮) <!DOCTYPE html> <html> <head lang="en"> <meta http-equiv="content-type" content="text/css" charset="UTF-8"> <title>乐美

关于 静态页面布局 中的一些BUG

作为一枚初级程序猿,难免在制作静态页面时会遇到一些BUG,在此,我从网上找了一些资料并且结合自己的项目开发经验,总结了一些在静态页面布局时可能会遇到的问题,希望能对初级程序猿有一定的帮助(资料请参考:http://blog.csdn.net/sir1241/article/details/52259405),本文在此基础上有所扩展和详述: 1.<img>标签被<div>包裹时,你会发现<img>图片下会有一条缝隙 原因分析:<img>是一个特殊的标签,它属于

静态页面学习随笔(1)-如何正确布局大体结构

每当做一个静态页面时,不要着急与上来就敲,而是要先观察页面的整体布局.首先,要从页面的整体布局出发.例如: 以微信公众平台来说,从层次上来观察是上下结构,容易进入分块思维,上下div布局.可是,纵观却有新的发现,中间部分和两端明显有着整齐划一的纵向界限.故而,从纵向来布局div,之后再横向展开会更容易入手. 大致思路:(1)设置一个纵向的div,令其:margin:auto布局居中:(2)设置位置关联"position:relative;"参照其来定位右侧二维码:(3)自由发挥O(∩_

WEB页面采集器编写经验之一:静态页面采集器

严格意义来说,采集器和爬虫不是一回事:采集器是对特定结构的数据来源进行解析.结构化,将所需的数据从中提取出来:而爬虫的主要目标更多的是页面里的链接和页面的TITLE. 采集器也写过不少了,随便写一点经验吧,算是给自己的一个备忘. 首先是最简单的:静态页面采集器.即所采集的数据来源页面是静态的,至少采集器所关心的那部分数据是静态的,可以通过直接访问页面URL的方式获取到包含目标数据的全部页面代码.这种采集器是最为常用,也是最为基础的.目前已经有很多成熟的商业化的采集器产品,不过对我来说感觉用着有些

PHP代码为什么不能直接保存HTML文件——&gt;PHP生成静态页面教程

1.服务器会根据文件的后缀名去进行解析,如果是HTML文件则服务器不会进行语法解析,而是直接输出到浏览器. 2.如果一个页面中全部都是HTML代码而没有需要解析的PHP语法,则没有必要保存为PHP文件,这样反而会降低运行效率. 3.如果是需要PHP控制HTML代码的输出,比如需要PHP判断用户是否登陆,如果登陆则输出A,未登录则输出B.这就需要PHP来进行控制了.HTML不能实现这样的功能 PHP生成静态页面教程 ,一些基本的概念 一,PHP脚本与动态页面. PHP脚本是一种服务器端脚本程序,可

比较详细PHP生成静态页面教程

一,PHP脚本与动态页面. PHP脚本是一种服务器端脚本程序,可通过嵌入等方法与HTML文件混合, 也可以类,函数封装等形式,以模板的方式对用户请求进行处理.无论以何种方式,它的基本原理是这样的.由客户端提出请求,请求某一页面 -----> WEB服务器引入指定相应脚本进行处理 -----> 脚本被载入服务器 -----> 由服务器指定的PHP解析器对 脚本进行解析形成HTML语言形式 ----> 将解析后的HTML语句以包的方式传回给浏览器.由此不难看出,在页面发送到浏览器后,P

PHP代码为什么不能直接保存HTML文件——&amp;gt;PHP生成静态页面教程

1.server会依据文件的后缀名去进行解析,假设是HTML文件则server不会进行语法解析.而是直接输出到浏览器. 2.假设一个页面中所有都是HTML代码而没有须要解析的PHP语法,则没有必要保存为PHP文件,这样反而会减少执行效率. 3.假设是须要PHP控制HTML代码的输出,比方须要PHP推断用户是否登陆,假设登陆则输出A,未登录则输出B.这就须要PHP来进行控制了.HTML不能实现这种功能 PHP生成静态页面教程 ,一些主要的概念 一,PHP脚本与动态页面. PHP脚本是一种serve

大屏时代的生态变迁,看平板手机的拇指热键与界面布局

引言:曾几何时,无数大大小小的触屏设备仿佛泄闸的洪水一般涌入这个世界.面对突如其来的生态变迁,界面设计师们别无选择,只有在急流当中奋力学习游泳,才能让自己不至于被洪潮所吞没.本文带你了解如何面向平板手机的拇指热键与界面布局,为这种转变提供助力. 本文选自<触类旁通:多终端时代的触屏界面设计>. 人们怎样使用平板手机 iPhone出现之后的几年,手机屏幕的尺寸基本都保持在4英寸以下(以对角线计算),非常便于单手操作.然而,随着大屏手机不断涌入市场,到2014年年中,已经有将近三分之一的移动Web