返回
快速导航关闭
当前搜索
网站分类
栏目推荐
实用工具
热门标签
子分类:
创奇学院 >建设开发 >程序开发 >软件开发 » 正文

安卓app开发,跨平台混合应用程序和PWA框架-Onsen UI,支持三大框架

软件开发 更新时间: 发布时间: 软件开发归档 最新发布 网站地图

介绍

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包含三个层次:

  1. CSS组件,用cssnext编写,是下一代CSS

  2. Web Components,用本机JavaScript编写,支持所有框架

  3. 框架绑定,用于与流行框架(如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和工具套件,是开发混合应用的另一种解决方案,其支持三大主流前端框架,更容易上手使用,如果你对它已经感兴趣,不妨试一试!

转载请注明:文章转载自 http://www.320g.com/
本文地址:http://www.320g.com/rjkf/23601.html
考高分网交流群

扫一扫加入QQ交流群

和更多志同道合朋友一起交流,分享干货资料!
创奇学院客服

扫一扫加客服微信

有疑问请咨询创奇学院微信号,在线为您解答!
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 Copyright 320g.com Rights Reserved. Powered · 创奇学院

ICP备案号:陇ICP备2020003353号