介绍
Onsen UI是一个开源框架,可以轻松创建原生感的Progressive Web Apps(PWA)和混合应用程序。核心库是用纯Javascript(在Web组件之上)编写的,并且与框架无关,这意味着你可以将它与你喜欢的框架及其工具一起使用。提供了一些额外的绑定包,以便于使用Onsen UI的API以及许多流行的框架:React、Angular 2+、Vue、 AngularJS 1.x!
Github
https://github.com/OnsenUI/OnsenUI
Github star数7k+
什么是Onsen UI?
Onsen UI是......
一组专为移动应用程序设计的丰富UI组件
本机iOS和Android设计标准包含随时可用的功能
免费使用,100%开源软件(Apache v2许可证)
Onsen UI通过原生设计的UI元素丰富了应用用户的移动体验。它非常适合使用Cordova开发混合应用程序或开发移动Web应用程序(也称为Progressive Web Apps)。
面向未来的架构
在幕后,Onsen UI包含三个层次:
CSS组件,用cssnext编写,是下一代CSS
Web Components,用本机JavaScript编写,支持所有框架
框架绑定,用于与流行框架(如Vue.js,AngularJS 1,Angular 2+和React)更紧密地集成
简而言之,Onsen UI简化了您的开发,适用于任何框架,并且是未来的证明!
组件预览
Action Sheet
Alert Dialog
按钮
Card
CheckBox
Fab
List
通知
Popover
进度条和loading
Range
搜索框
分割
Select Input
Switch
Tabbar
Text
Toast
Toolbar
Toolbar Button
安装使用
npm install onsenui
官方针对不同的平台分别有不同的使用指南,分别包括Vue、React、Angular、jQuery等来帮助你开始使用Onsen UI创建混合应用程序和PWA
生态系统
因为有时UI框架可能不足以使混合应用程序开发变得容易,Onsen UI带有一个完整的集成工具生态系统。认识Monaca。
Monaca由Onsen UI团队开发,是一个工具包,可以简单轻松地使用PhoneGap / Cordova进行混合移动应用程序开发:Onsen UI Cordova模板,调试套件,推送通知,远程构建,后端解决方案,加密,版本控制,连续整合等等。此外,它提供了多个开发环境,其中包含已配置且已准备好的所有内容:
平台兼容性
Onsen UI经过测试,可与以下浏览器和移动操作系统配合使用:
Android 4.4.4+
iOS 9+
Chrome
Safari
总结
Onsen UI是跨平台的混合应用开发框架,包括完整的UI和工具套件,是开发混合应用的另一种解决方案,其支持三大主流前端框架,更容易上手使用,如果你对它已经感兴趣,不妨试一试!