Xamarin.Forms 在 OpenSource 強大威力引導下,更新速度比以前的鎖國微軟快上了好幾倍...
當然各種資源也是不斷的推陳出新...
找資料時發現了一篇整理了 Xamarin.Forms 會用到的資源與工具,
翻譯起來相信對台灣開發 App 的同學能有很大的幫助...
用對的開發工具,能省去許多開發的時間 !
首先...
最棒的中文教學
邊緣技術宅羅根 - 擁有 Xamarin.Forms 還不太詳盡的中文教學...
正文開始...
設計
各家平台都有屬於自己的一些設計方針
iOS
- iOS 官方設計方針 - 相信要寫 iOS App 的人,應該要對這個相當熟悉
- iOS 設計方針 by Ivo Mynttinen - 比較簡單,易讀,而且更快的一篇指導方針
- Android 官方設計方針 - 內容相當棒,有圖有影片分類又清楚,就是全英文的,要列入下一系列教學嗎...?
- Meterial Design - 同為官方針對 Meterial Design 的教學,有相當多的資源可以使用
更多的設計
這邊整理了許多收集 UI 設計的網站,不論要找 UI 或是想找尋靈感,都可以逛逛這些網站!
- Dribbble - 相當多且優質的 UI 設計網站
- Behance - 另一個收集 UI 設計的網站
- Inspired UI - 可選則手機分類的網站
- CollectUI - 另一個可選手機分類的網站
- Mobele Patterns - 同上
- Snppts - 收集 Xamarin.Forms UI 設計的地方,可以看看其他設計師如何用 Xaamrin.Forms 去處理 UI 設計,重點是有 SourceCode 啊!! 缺點是內容似乎還不多,等待各位網友的努力了~
草圖
進行軟體的開發,總是從草稿或所謂的藍圖開始~
- Balsamiq - 很簡單的一套軟體,除了簡單好用外,還會回饋你關於設計上的建議!
原型
畫好草圖後,就能先製作 App 的原型了
畫好草圖後,就能先製作 App 的原型了
- Sketch - 幾乎是目前設計 UI 介面的主流軟體,最大的好處是可以在不同的螢幕大小或是解析度下設計介面
- Zeplin - 可以獲得許多的字體和顏色的資訊,也能將 Sketch 的東西匯進 Zeplin 內做進一步開發
- Adobe Experience Designer (XD) - Adobe 出品,品質保證...目前還在 Beta 階段,但使用上都頗受好評的!
圖案或字體
線上尋找 Icon 或 font 都已經是相當簡單的事了~ 這裡提供幾個資源可以下載使用
- IconFinder - 可找到相當多不同大小的 icon,雖然要付費,但也能發現一些免費的資源喔!
- MetroStudio - 一款免費可以搜尋 icon 的軟體
- Icon8 - 特色是可以重新將 Icon 上色.
- Android 官方 Icons - 如果你是開發 Android App,一定要試試官方的!!
- Google Fonts - Google 線上就有字體可以下載來使用了
- Font Squirrel - 如果想要使用一些奇怪的字體,可以來這邊看看
開發
Visual Studio 2017 擴充工具
- XAML Styler - 會在你儲存 XAML 的時候,將格式排版好
- Productivity Power Tools - 一堆 2017 實用的工具
資料處理
- PostMan - 若有要寫 WebService 或 WebAPI,本工具應該是最好用沒有之一的,寫好 WebService 後可以用 PostMan 直接做 RESTful 的測試
- JSON.NET - 目前唯一可以轉換 Json 的類別庫
小技巧:若有 Json 要做處理,可以在 VS2017 內使用,編輯 -> 選擇性貼上 -> 貼上 JSON 做為類別,省去自己建立類別的時間喔!
SQLite
- Sqlite-Net-PCL - 單機版本資料庫唯一首選
- DB Browser for SQLite - 免費的跨平台工具,讓你建立、搜尋資料庫
雲端
現在很多事情都可以用雲端來處理了
- Azure Mobile Client SDK - 相當好用的一個雲端類別庫
- App Service Helpers - 針對 Azure 的服務,提供一些好用的類別
在 Xamarin.Forms,MVVM 扮演著相當重要的腳色,基本上學會他可以省去很多的程式維護,底下收集了些工具或是框架
- Fody Property Changed - 不用自己寫 INotifyPropertyChangee,讓程式碼變得更乾淨
- MVVMHelpers - 一個輕量級的 MVVM Helperes,提供了一些不錯的類別與方法
- Xamarin University Infrastructure - 也是提供了一些不錯且方便的類別,包含了 Behaviors 或 Navigation Command
MVVM 有一些現成的框架可以使用,但哥不太愛用第三方框架來開發東西,除非微軟自己出了一套我才會想用吧~
- Prism - 擁有厲害的 Navigation 系統
- FreshMvvM - 相當輕量化
- ExRin - 給企業使用的重量級框架
- MVVMCross - 相當常見的框架
- MVVMLight - 另一個常見的框架
類別庫
程式人員就是一個懶人,能用人家做好的就不要再重複造輪了,底下收集一些現成的類別庫~
- Xamarin Plugins - 提供相當多的跨平台 API,像是 PushNotification,Media,App-Billing,值得花時間研究一下這套類別庫
- Lottie - 可以將 Adobe After Effects 的動畫匯出到手機上
- Iconize - 提供了一個簡單的類別庫能在 App 內使用 FontAwesome,或是優化你 Icon 的大小
- RG.Plugins.Popup - 想使用 PopUp 畫面的話,這是一個不錯的類別庫
- Awesome Xamarin - Marc Bruins 幫我們整理了許多關於 Xamarin.Forms 的資源
UI 元件
相當多的廠商已經在開發 Xamarin.Forms UI 在販售,如果你有很多特殊的 UI 需求的話,不要浪費自己的時間了,花錢買 UI 來用吧!!Xamarin.Forms 在短短的一年半時間,就己經發展出相當多的資源可以利用,且日前推出的 2.4 改版就修正了 150 個 bug 和新增一些功能,這套技術用相當快的速度不斷的成長。
應該不會像當初的銀光一樣曇花一現吧! 放心的學習和使用! 看見 __ 的人會幸福吧!
在資訊業,跟上學習的腳步,也是一種壓力與樂趣呢!
最後要感謝這篇的作者 Kym
https://www.kymphillpotts.com/xamarin-tools-and-resources/
感謝!實用文章
回覆刪除感謝你的分享Orz
回覆刪除不會喔!
刪除