系统粉 > IT资讯 > 微软资讯

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI

发布时间:2019-07-16    浏览数:
介绍

Fabric UI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fabric React是一组强大的基于React的组件,旨在能够使用Office设计语言轻松创建一致的Web体验。Fabric Android最新的控件是使用Kotlin构建的,并且与Java完全兼容,Fabric iOS最新的控件是使用Swift构建的,并且与Objective-C兼容。三大微软组件库,喜欢微软风格的小伙伴们不要错过了!

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(1)

如何获取?

fabric UI是开源产品,因此你可以直接在Github上获取到它,从代码提交以及发布情况(接近3000次发布,419位开发者参与,总计6000+次提交)来看,微软的更新和迭代是非常活跃的,也就意味着这显然是微软比较用心的产品!

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(2)

谁在使用?

微软超过45个网站或者产品使用了它,其中就包括Word, PowerPoint 以及 Excel 再到 PowerBI等等

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(3)

组件一览

组件分为三个平台类型,Web、Android、iOS平台

Web端微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(4)

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(5)

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(6)

Android端微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(7)

iOS端微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(8)

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(9)

Web端体验

笔者主要带大家体验下Web端的组件,Android和iOS平台的可以自行到微软Fabric官网查看。

首先看下代码写法:

以微软的行事风格来看,使用这种写法不足为奇,因为typescript就是它搞出来的,其实也对,对比强类型typeScipt和弱类型Javascript来看,typescript的写法更加的严格一些,避免了写代码时候的出错几率!下面有选择性的查看一些组件的风格样式:

按钮微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(10)

下拉选择微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(11)

搜索框微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(12)

时间选择框微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(13)

颜色选择框微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(14)

列表表格微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(15)

工具栏微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(16)

消息提示栏微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(17)

边栏提示微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(18)

进度条微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(19)

正在加载微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(20)

loading微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(21)

模态框(可选拖拽)微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(22)

以上是一些组件的截图,大家可以直接查看官网文档,本文不在详细介绍

总结

虽然从UI上来看,貌似并不是很好看,但是足够简练,功能也很丰富,不然也不会有那么多office产品使用了,如果你对它感兴趣,不妨试一试!

微软Office风格的多端(Web、安卓、iOS)组件库——FabricUI(23)

上一篇:新版Win10取消注册表自动备份机制:教你一招恢复 下一篇:微软OutlookApp更新曝光:黑暗模式要来了

相关资讯

最新热门应用

电脑问答