app7天快速开发教程2：app框架搭建、界面布局和屏幕适配

《app7天快速开发教程2：app框架搭建、界面布局和屏幕适配》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第二天：理解APICloud应用执行流程，掌握界面布局相关API使用，了解屏幕适配原理，从0开始搭建整体APP框架，完成所有界面跳转，输出完整的APP静态数据版本。第二天课程源码下载http://7xy8na.com1.z0.glb.clouddn.com/apicloud/e50c068b5af5499d5a4e3b21d311a0c8.zip教程更新：Github地址https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day2.md学习目标·APICloud

2、应用的执行流程，MainWidget和RootWindow的创建时机·为什么启动会加载index.html和执行apiready函数·APICloud屏幕适配的原理，弹性响应式和流式结合的布局方式·如何搭建APP的UI结构主要内容1. APICloud应用执行流程    1.1APICloud应用执行流程说明2. 引擎初始化后默认创建的两个UI组件实例    2.1主Widget容器（MainWidget）    2.2根窗口（RootWindow）3. config配置文件使用    3.1了解config文件作用    3.2掌握config文件使用4. 引擎的两个重要事

3、件    4.1content事件    4.2apiready事件5. 查看api对象功能    5.1查看api对象功能列表    5.2api对象常用方法使用6. 屏幕适配    6.1viewport设置    6.2UI尺寸    6.3量图标准7. 前端框架    7.1APICloud前端框架的作用和设计思想    7.2APICloud前端框架使用8. **[状态栏处理](#P8)**    8.1沉浸式状态栏效果说明    8.2沉浸式效果实现    8.3修改状态栏样式9. 界面布局相关API使用    9.1Widget相关API    9.2Windo

4、w相关API    9.3Layout相关API    9.4Frame相关API10. 搭建APP整体框架，完成APP静态数据版本](#P10)**    10.1每个页面UI结构分析    10.2按照UI架构设计创建对应的UI组件及H5文件    10.3编写每个Window或Frame所对应的H5页面文件    10.4实现Frame之间切换    10.5优化onclick交换响应    10.6实现界面之间跳转    10.7实现页面之间参数传递    10.8监听Android返回键，实现退出APP    10.9阻止iOS滑动返回1.理解APICloud应用执

5、行流程1.1APICloud应用执行流程说明推荐视频：[APICloud视频之初级代码篇第3讲APICloud整体介绍http://www.apicloud.com/video_play?list=2&index=12.Widget中代码执行之前，由引擎默认创建的两个UI组件实例2.1主Widget容器（MainWidget）是一个APP所有的UI组件的父容器，由引擎初始化完毕后自动创建，如果关闭了主Widget，那么整个应用也就退出了。2.2根窗口（RootWindow）是Window组件的一个实例，由引擎初始化完毕后自动创建，用于加载content事件所指定的HTML文件

6、(通常为widget根目录下的index.html),Window的name固定为'root'。3.config文件解析APICloud引擎初始化完成后的第一个操作就是解析config.xml文件3.1了解config文件作用3.2掌握config文件使用推荐文档：config.xml应用配置说明http://docs.apicloud.com/Dev-Guide/app-config-manual推荐视频：APICloud视频之初级代码篇第12讲APICloud配置文件简介http://www.apicloud.com/video_play?list=2&index=124

7、.引擎的两个重要事件4.1content事件: 此事件是在引擎解析config.xml文件中的Contont标签时产生，是事件队列中的第一个事件。引擎通过处理此事件得到应用（MainWidget）的根窗口（RootWindow）需要自动加载的HTML文件。4.2apiready事件:此事件是在api对象准备完毕后产生，在每个Window或Frame的HTML代码中都需要监听此事件，以确定APICloud扩展对象已经准备完毕，可以调用了。5.api对象api对象是APICloud在全局作用域内唯一的一个扩