2017/10/1

Xamarin.Forms 常用工具與資源



Xamarin.Forms 在 OpenSource 強大威力引導下,更新速度比以前的鎖國微軟快上了好幾倍...

當然各種資源也是不斷的推陳出新...

找資料時發現了一篇整理了 Xamarin.Forms 會用到的資源與工具,

翻譯起來相信對台灣開發 App 的同學能有很大的幫助...

用對的開發工具,能省去許多開發的時間 !



首先...
最棒的中文教學

邊緣技術宅羅根 - 擁有 Xamarin.Forms 還不太詳盡的中文教學...

正文開始...

設計

各家平台都有屬於自己的一些設計方針

iOS

Android
  • 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 的原型了
  • 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 擴充工具

資料處理
  • PostMan - 若有要寫 WebService 或 WebAPI,本工具應該是最好用沒有之一的,寫好 WebService 後可以用 PostMan 直接做 RESTful 的測試
  • JSON.NET - 目前唯一可以轉換 Json 的類別庫

小技巧:若有 Json 要做處理,可以在 VS2017 內使用,編輯 -> 選擇性貼上 -> 貼上 JSON 做為類別,省去自己建立類別的時間喔!


SQLite

雲端
現在很多事情都可以用雲端來處理了

MVVM
在 Xamarin.Forms,MVVM 扮演著相當重要的腳色,基本上學會他可以省去很多的程式維護,底下收集了些工具或是框架

MVVM 有一些現成的框架可以使用,但哥不太愛用第三方框架來開發東西,除非微軟自己出了一套我才會想用吧~

類別庫
程式人員就是一個懶人,能用人家做好的就不要再重複造輪了,底下收集一些現成的類別庫~
  • 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/




沒有留言:

張貼留言