HTML5移动应用开发工具AppCan-SDK

AppCan SDK是专为AppCan平台开发者提供的全方位的集成调试环境，可以帮助开发者用HTML5迅速的构建iOS/Android手机应用。

AppCan移动迅速开发平台是基于HTML5技术的跨平台迅速开发解决方法。开发者借助HTML5+CSS3+JavaScript技术可以迅速的开发与当地应用相媲美的应用。AppCan平台提供了UI迅速开发框架、手机当地功能调用Api接口、AppCan应用打包系统、AppCan集成开发IDE环境和AppCan模拟器。健全的框架接口，强大的服务支持，使开发者可以迅速的进入移动开发范围。

AppCan是国内Hybrid App混合模式开发的主张者，AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用现在不流畅和体验差的问题。用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。

与Phonegap支持单一webview用div为单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网站开发一样，通过页面链接的方法灵活的开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发浅易种类的移动应用。

AppCan提供强大的设施调用能力，电话、短信、相机、LBS、传感器、数据库等常见的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。

UI2.0与UI1.0的对比：

2012年初，大家发布了AppCan移动应用开发平台，在这个版本中，大家内置了基于JQMobile策略的CSSUI框架。这个框架可以帮助开发者遵循一套规则下，迅速的开发应用。这套策略中主要使用了组合的定义。比如对一个按钮的描述，可以通过多个CSS类来组合进行概念。如此通过不一样的组合可以生成多变的成效。在实质商用应用开发过程中，他很大的帮忙大家加快了开发进度。但在开发过程中，大家还是遇见了一些问题，JQMobileCSS框架在这类问题上，比较乏力。

1.自动填充宽度

上图中同样一个编辑框加上一个刷新按钮的组合。在不同分辨率下，假如期望，刷新按钮维持一个基本宽度，编辑框自动填充剩余地区，在不用JS的状况下是非常难做到的，假如用百分比控制刷新钮的宽度，那样在低分辨率和高分辨率之间将会有很大的偏差。

2.类名字过长

JQMobile策略中，为了帮助开发者可以更直观的认知代码，每个功能类的名字都比较长。比如ui-pageui-mobile-viewport等。但这导致了网页代码大小变大，减少知道析速度。

3.类功能拆分度低

在JQMobile策略中，不少类概念，代码重复较多，比如预制的多种色彩策略。同时因为拆分度低，常常需要重复概念类来覆盖其他类中的属性。

4.控件组合复杂

JQMobile策略中，控件的达成代码量非常大，一个按钮需要多个divspan嵌套配合多个类才能达成。这导致开发中，界面代码量增大，不好控制界面。

大家综合每个项目中的开发经验，整理大全了AppCanUI2.0构造，它在继承了UI1.0的优点之上，很大地解决了UI1.0的问题，可以使开发可以愈加的简单。UI2.0框架图如下

上图中，大家可以看到AppCanUI2.0框架在基础的屏幕适配基础上，对元素基本属性进行了拆分。通过如下步骤来设定一个元素。

l定位-对元素进行布局，确定元素的现实地方大小等[LAYOUTCLASS]

l描边-对元素基础属性进行设定，比如边框圆角等[BASECLASS]

l添色-对元素的边框、文字和背景进行设定[COLORCLASS]

l插图-假如元素中需要图片，从资源中引入图片类[RESCLASS]

基于基础元素之上，为了便捷开发者，大家重新概念了控件，包括BUTTON、LIST、FOLD、INPUT、TAB、RADIO、CHECK、SWITCH。这类控件可以觉得是UI2.0框架的具体事例。通过UI2.0完成的控件，代码大小和复杂度，有很大的减少，如下例。

UI1.0框架达成的按键

UI2.0框架达成的按钮

从上述代码中可以看到，同样功能和成效的控件可以降低三分之二的代码，嵌套降低到一层，代码复杂度很大减少。

接着大家详细介绍怎么用UI2.0框架。

AppCan应用框架：

基于JQueryMobile UI策略的具备强大扩充性的UI控件组（包括列表、按钮、编辑框、等分网格、单选、复选按钮等），高效的窗口管理软件，窗口消息系统、数据视图映射库，构成了强大的AppCan应用开发框架。
通过大家提供的AppCan集成开发环境，结合内置的UI界面控件向导，借助丰富的平台调用接口和各种扩展功能，用户可以借助HTML5技术迅速的开发功能强大的富推广客户端应用。借助定制的UI适配策略，开发者可以用极少的工作量完成各种终端的适配工作。强大的插件系统，使开发者可以随时集成用户自概念的插件并发布给最后用户。

公司开发职员的UI设计规则：

1.制作前先考虑好怎么样组织页面，需要怎么样布局，在什么地方需要几个容器来进行排版。然后构建架子，用默认成效类进行排版定位和美化

2.假如需要用颜色，请在ui-color.css中依据文本、背景、遮盖、边框等分别扩展我们的类概念

3.假如需要调整圆角、边距等附加属性请在ui-base.css中进行添加。

4.假如需要资源，请在ui-res.css中进行扩展

5.假如需要布局，请在ui-box.css中进行调整

6.所有调整要遵循默认的命名规则。

TAG标签：HTML5(1)移动开发(1)

转载请说明来源于乐奇绿软（https://www.hileqi.com）

本文地址：https://www.hileqi.com/soft/5489.html

郑重声明：文章来源于网络作为参考，本站仅用于分享不存储任何下载资源,如果网站中图片和文字侵犯了您的版权，请联系我们处理！邮箱3450399331@qq.com