微軟Office風格的多端（Web、安卓、iOS）組件庫——FabricUI

介紹

Fabric UI是微軟開源的一套Office風格的多端組件庫，共有三套針對性的組件，分別適用於web、android以及iOS，Fabric React是一組強大的基於React的組件，旨在能夠使用Office設計語言輕鬆創建一致的Web體驗。Fabric Android最新的控件是使用Kotlin構建的，並且與Java完全兼容，Fabric iOS最新的控件是使用Swift構建的，並且與Objective-C兼容。三大微軟組件庫，喜歡微軟風格的小夥伴們不要錯過了！

如何獲取？

fabric UI是開源產品，因此你可以直接在Github上獲取到它，從代碼提交以及發布情況（接近3000次發布，419位開發者參與，總計6000+次提交）來看，微軟的更新和迭代是非常活躍的，也就意味著這顯然是微軟比較用心的產品！

誰在使用？

微軟超過45個網站或者產品使用了它，其中就包括Word, PowerPoint 以及 Excel 再到 PowerBI等等

組件一覽

組件分為三個平台類型，Web、Android、iOS平台

Web端

Android端

iOS端

Web端體驗

筆者主要帶大家體驗下Web端的組件，Android和iOS平台的可以自行到微軟Fabric官網查看。

首先看下代碼寫法：

以微軟的行事風格來看，使用這種寫法不足為奇，因為typescript就是它搞出來的，其實也對，對比強類型typeScipt和弱類型Javascript來看，typescript的寫法更加的嚴格一些，避免了寫代碼時候的出錯幾率！下麵有選擇性的查看一些組件的風格樣式：

按鈕

下拉選擇

搜索框

時間選擇框

顏色選擇框

列表表格

工具欄

消息提示欄

邊欄提示

進度條

正在加載

loading

模態框（可選拖拽）

以上是一些組件的截圖，大家可以直接查看官網文檔，本文不在詳細介紹

總結

雖然從UI上來看，貌似並不是很好看，但是足夠簡練，功能也很豐富，不然也不會有那麼多office產品使用了，如果你對它感興趣，不妨試一試！