手机应用程序开发appcan开发文档

《手机应用程序开发appcan开发文档》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、AppCan移动应用开发框架开发文档－AppCan开发框架AppCan官方网址：www.appcan.cn1、AppCan的页面1.1、页面的创建AppCan的页面使面向用户的最小屏幕单元，它只是一种推荐的页面管理方案，是一种使用HTML处理界面布局的参考，用来划分用户进行交互操作的UI界面。当然开发者也可以自己定义页面管理方案。如下图的网页大纲显示的是一个名字叫page_0的页面。创建AppCan页面可以通过AppCan集成开发IDE中的页面创建向导进行创建。1.2、页面的布局AppCan的页面一般由标题、内容区域和页脚组成。常见的布局方式有固定标题页脚和自适应布局两种。▶固定标题

2、页脚标题和页脚位置固定，当内容进行滚动时标题和页脚不随之滚动。当内容区域内容不能撑满一屏时，标题和页脚依然固定在最上部和最下部。如图：如下图网页大纲所示，在页面page_0中，包含标题fixheader、页脚fixfooter和内容content部分标题和页脚不一定必须包含于页面中，当多个页面共用一个标题或页脚时可以定义在页面外部，如下图大纲所示，两个页面page_0和page_1共用一个标题和页脚。▶自适应布局自适应布局中，标题和页脚在屏幕中位置不固定，标题保持在整个网页的最上边，页脚在整个网页的最下边，随着内容区的扩大自动排列。当滚动时，标题和页脚随之滚动。如下图网页大纲所示页面

3、Page_1中包含headerfooter和content三个部分，与固定布局方案框架保持一致，只是对应的CSS属性稍有差别。1.3、页面间的切换一个窗体可以由多个页面组成，AppCan提供了一组基于页面切换动画效果的接口，这些页面间可以通过调用这些预制接口实现切换效果。接口封装在zy_anim.js中，开发者可引用这个文件，来实现动画效果调用。页面间的切换类型如下▶左右滑入切换▶上滑入/下滑出切换调用可参考如下代码onclick="zy_anim_slide('page_0','page_1','slide_left')"如果希望在动画结束后执行某项定制操作，可以在动画调用函数里指

4、定回调函数，供动画结束后调用，可参考如下代码functionanim_cb(){};onclick="zy_anim_slide('page_0','page_1','slide_left',anim_cb)"1.4、页面间共用标题或页脚多个页面间可以共用一个标题和页脚，通过导航按钮，用户可以方便的实现功能的变更。如下图所示通过共用的标题和页脚，实现内容区域的变换。如下图，范例网页大纲所示，网页分为5个页面，这五个页面共用一个header和footer，通过点击页脚的图标实现页面的变化。　　1.5、页面的色彩方案AppCan选用的是JQueryMobile的色彩方案，它提供了5套可选

5、方案供开发者选用，黑、蓝、灰、白和黄，每一中色彩方案，分别为页面、容器和控件进行了定义。开发者可以参考这5套色彩方案，快速的添加自己的页面色彩。更多AppCan相关信息，请关注AppCan官方网站：http://www.appcan.cn　2、AppCan的控件AppCan的控件是一套基于HTML5、CSS3和JavaScript的预定义代码段，开发者可以通过AppCan集成开发调试环境的向导快速的引入到界面中，并可以进行有效的配置。控件类别如下2.1iOS导航条AppCan提供了类iOS效果的导航条控件，并预置了6张预置图片供开发者选择。开发者可以通过替换自己的图片或者添加自己的效

6、果类来扩展导航条。导航条支持预置的5中色彩方案。2.2文本输入框和文本输入域文本输入框和文本输入域使常用的用户信息录入控件，AppCan提供了封装完善的数据输入控件公开发者选用。2.3列表视图列表是应用开发中作为应用数据展示控件使用率最高的。AppCan提供了丰富的可配置项，开发者可以通过集成开发环境的想到快速的生成列表。2.4下拉列表控件下拉列表控件可以帮助用户快速的选择所选条目，减少输入频率，提高用户感受性。AppCan提供了标准的Select控件公开发者选用。2.5网格控件网格控件是用来平分屏幕，常作为导航条使用。2.6图片按钮图片按钮常作为图片预览控件使用，与网格控件组合使用

7、可以快速的实现图片预览布局。2.7复选框复选框常用来进行多项选择，AppCan提供了横排与纵排两种布局的复选框组件供开发者选用。2.8折叠按钮折叠按钮经常用来把大段的内容进行隐藏，当用户点击时张开，这样可以在有限的界面内提供给用户更多的可用信息。AppCan提供了标准的折叠按钮，如下图所示。2.9按钮按钮是每个界面中都不可缺少的组件，AppCan提供了丰富的按钮样式，如下图所示。2.10开关按钮开关按钮是复选框的一种特殊应用，AppCan提供了类iOS效果