文档介绍：AppCan移动应用开发框架开发文档-AppCan开发框架
AppCan官方网址:
1、AppCan的页面
、页面的创建
AppCan的页面使面向用户的最小屏幕单元,它只是一种推荐的页面管理方案,是一种使用HTML处理界面布局的参考,用来划分用户进行交互操作的UI界面。当然开发者也可以自己定义页面管理方案。如下图的网页大纲显示的是一个名字叫page_0的页面。
创建AppCan页面可以通过AppCan集成开发IDE中的页面创建向导进行创建。
、页面的布局
AppCan的页面一般由标题、内容区域和页脚组成。常见的布局方式有固定标题页脚和自适应布局两种。
▶固定标题页脚
标题和页脚位置固定,当内容进行滚动时标题和页脚不随之滚动。当内容区域内容不能撑满一屏时,标题和页脚依然固定在最上部和最下部。如图:
如下图网页大纲所示,在页面page_0中,包含标题fixheader、页脚fixfooter和内容content部分
标题和页脚不一定必须包含于页面中,当多个页面共用一个标题或页脚时可以定义在页面外部,如下图大纲所示,两个页面page_0和page_1共用一个标题和页脚。
▶自适应布局
自适应布局中,标题和页脚在屏幕中位置不固定,标题保持在整个网页的最上边,页脚在整个网页的最下边,随着内容区的扩大自动排列。当滚动时,标题和页脚随之滚动。
如下图网页大纲所示
页面Page_1中包含header footer和content三个部分,与固定布局方案框架保持一致,只是对应的CSS属性稍有差别。
、页面间的切换
一个窗体可以由多个页面组成,AppCan提供了一组基于页面切换动画效果的接口,这些页面间可以通过调用这些预制接口实现切换效果。,开发者可引用这个文件,来实现动画效果调用。页面间的切换类型如下
▶左右滑入切换
▶上滑入/下滑出切换
调用可参考如下代码
onclick="zy_anim_slide('page_0','page_1','slide_left')"
如果希望在动画结束后执行某项定制操作,可以在动画调用函数里指定回调函数,供动画结束后调用,可参考如下代码
function anim_cb(){};
onclick="zy_anim_slide('page_0','page_1','slide_left',anim_cb)"
、页面间共用标题或页脚
多个页面间可以共用一个标题和页脚,通过导航按钮,用户可以方便的实现功能的变更。如下图所示
通过共用的标题和页脚,实现内容区域的变换。如下图,范例网页大纲所示,
网页分为5个页面,这五个页面共用一个header和footer,通过点击页脚的图标实现页面的变化。
、页面的色彩方案
AppCan选用的是JQueryMobile的色彩方案,它提供了5套可选方案供开发者选用,黑、蓝、灰、白和黄,每一中色彩方案,分别为页面、容器和控件进行了定义。开发者可以参考这5套色彩方案,快速的添加自己的页面色彩。
更多AppCan相关信息,请关注AppCan官方网站:

2、AppCan的控件
AppCan的控件是一套基于HTML5、CSS3和JavaScript的预定义代码段,开发者可以通过AppCan集成开发调试环境的向导快速的引入到界面中,并可以进行有效的配置。控件类别如下
iOS导航条
AppCan提供了类iOS效果的导航条控件,并预置了6张预置图片供开发者选择。开发者可以通过替换自己的图片或者添加自己的效果类来扩展导航条。导航条支持预置的5中色彩方案。
文本输入框和文本输入域
文本输入框和文本输入域使常用的用户信息录入控件,AppCan提供了封装完善的数据输入控件公开发者选用。
列表视图
列表是应用开发中作为应用数据展示控件使用率最高的。AppCan提供了丰富的可配置项,开发者可以通过集成开发环境的想到快速的生成列表。
下拉列表控件
下拉列表控件可以帮助用户快速的选择所选条目,减少输入频率,提高用户感受性。AppCan提供了标准的Select控件公开发者选用。
网格控件
网格控件是用来平分屏幕,常作为导航条使用。
图片按钮
图片按钮常作为图片预览控件使用,与网格控件组合使用可以快速的实现图片预览布局。
复选框
复选框常用来进行多项选择,AppCan提供了横排与纵排两种布局的复选框组件供开发者选用。
折叠按钮
折叠按钮经常用来把大段的内容进行隐藏,当用户点击时张开,这样可以在有限的界面内提供给用户更多的可用信息。AppCan提供了标准的折叠按钮,如下图所示。