当前位置: 代码迷 >> .NET Framework >> Cordova 3.x入门(十) - UI框架Ionic Framework
  详细解决方案

Cordova 3.x入门(十) - UI框架Ionic Framework

热度:85   发布时间:2016-05-01 23:40:10.0
Cordova 3.x入门(10) -- UI框架Ionic Framework
Ionic是Drifty继Codiqa(基于 Web 的 jQuery Mobile构建工具)和Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。

目前版本:v0.9.26。
http://ionicframework.com/

需要注意的是:
  • 目前还是alpha版
  • 面向Hybrid Mobile App而不是Mobile Web App
  • 只支持iOS 6+ / Android 4.1+
  • 基于AngularJS


Ionic提供了丰富的UI控件、大量的常用icon (Icon Pack)、使用AngularUI Router模块来记录页面路由、采用Hammer.js做多点触控、通过AngularJS的扩展做UI交互、左右滑动菜单、下拉更新、自定义主题(核心CSS基于Sass).......。官方网站也提供了很详细的使用说明。

安装使用:

通过npm安装
引用
$ npm install -g ionic
$ ionic start myApp
$ cd myApp
$ ionic platform android
$ ionic emulate android


其中start一个项目的时候是从github上下载seed工程后展开使用,所以也可以通过Cordova CLI创建一个工程后删除www文件夹,从github上下载seed工程后解压覆盖www文件夹即可。
  相关解决方案