聚合国内IT技术精华文章,分享IT技术精华,帮助IT从业人士成长

移动开发框架:Ionic Framework

2014-05-12 22:35 浏览: 1320632 次 我要评论(0 条) 字号:

Ionic是DriftyCodiqa(基于 Web 的 jQuery Mobile构建工具)和Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。是一个用HTML, CSS 跟JS 开发的一个用于移动设备Web App 开发框架,采用Sass与AngularJS 开发。通过它可以构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

和jQuery Mobile不同的是Ionic只关注的是UI部分,类似的还有Twitter Bootstrap, Foundation, Ratchet, Topcoat 等。可以看看官方对框架的解释:Where does the Ionic Framework fit in?。熟悉Bootstrap的还可以试试基于Angularjs和Bootstrap 3的 Mobile Angular UI with Bootstrap 3

ionic

Ionic采用Google的AngularJS作为其基础,Ionic利用AngularJS提供应用结构,而Ionic本身则关注用户界面。它提供了很多Directive指令(使用JavaScript来实现语义化标签,类似于jsp的taglib)实现丰富的UI控件、大量的常用icon (Icon Pack)、使用AngularUI Router模块来记录页面路由、采用Hammer.js做多点触控、通过AngularJS的扩展做UI交互、左右滑动菜单、下拉更新、自定义主题(核心CSS基于Sass)。

Ionic宣称他们极度强调性能,并且通过限制DOM交互、完全移除jQuery以及使用像translate(z)这种特定的硬件加速的CSS滤镜触发移动设备上GPU——与由动力不足的移动浏览器提供的交互相比这种方式提供了硬件加速的交互——等方式使速度最大化。专注于性能也意味着Ionic仅支持iOS6及更高版本和Android 4.1及更高版本。 “对于Ionic,我们非常具有侵略性地做出了仅支持新设备的决定,同时会为触控手势、动画和本地样式的UI元素添加大量支持”。

Ionic不能完全取代PhoneGap和JavaScript框架的作用,它主要是帮助开发人员创建UI界面和互动。它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展(可选)之外,还有大量的组件。

需要注意的是:

  • 目前还是Beta版
  • 面向Hybrid App而不是Web App
  • 只支持iOS 6+ / Android 4+

网站主页:http://ionicframework.com/

源码地址:https://github.com/driftyco/ionic/



网友评论已有0条评论, 我也要评论

发表评论

*

* (保密)

Ctrl+Enter 快捷回复