Windows phone應用開發[15]-輔助工具

l_serein發表於2013-04-10

在Windows phone應用開發中很多場景中可以使用對外開源的小工具高效完成,而使我們在應用開發,提交稽核,處理資料,UI設計資源上做到事半功倍的效果.本篇幅將主要來介紹Windows phone Development 中涉及使用開發小工具.

[1]Metro Studio

Windows Phone 基於Metro設計的UI風格.微軟設計資源的考慮分配上.在Windows phone SDK 分別內建了32個ApplicationBar可以使用Icon圖示.如果你安裝了Windows phone SDK可以在如下目錄下找到: C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\light

因Windows phone 有兩Black、Light明暗背景.出現兩種不同前景色的Icon圖示.

這32個圖示並不能完全滿足所有APP實際需求.而由 syncfusion公司開發的一款Metro圖示製作工具Metro Studio一款Metro圖示製作工具,內建600多個Metro風格圖示足以解決這個 問題.MetroStudio按照不同的分類區別圖示型別

2012-04-17_164310

通過設定修改圖示大小[允許自定義],設定填充的畫素.背景圖形以及背景色.在短短几秒鐘之內就可以完成一個標準ApplicationBar Icon圖示製作.無需設計人員參與.Metro Studio 1除了圖示編輯,還有XAML輸出功能,假如你建立Windows Phone或者Windows 8應用程式的話,這種以XAML顯示的模式將會非常方便。你還可以點選Save按鈕來將獲取一張png圖片,所以當你打算以HTML/JS的形式來建立Windows 8應用的話,想想這將會有多省事:

2012-04-17_164624

Metro Studio安裝需要註冊碼方式,註冊Email有一個Product unlock key. 工具下載:

Development Tool Download:

Metro Studio Download Link:[http://www.syncfusion.com/downloads/metrostudio]

[2]IsoStroe Spy

原來做過Silverlight的同學應該都熟悉.如果我們臨時資料互動常常儲存沙箱中.也就是常說獨立儲存空間Isolated Storage.檢視資料也才Spy工具.Windows phone 在早期Mango 7.0版本並沒有內建SQLCE之前.獨立儲存也肩負儲存應用資料重任.而官方只給出一個Windows phone Development Tool 部署工具.無法直接檢視XAP中內容和具體資料檔案.遠遠不能滿足需求.模擬器Xap包資原始檔檢視和XAP管理

開源的IsoStroe Spy 就應運而生:

2012-04-17_180854

雖然能夠通過手動修改Xap檔案修改.zip解壓.獲取檔案具體內容. SPy工具則可以直接檢視XAP 包中各種圖片、文字、語音檔案:

IsoStoreSpyPreviewImage

最難得可貴的是.直接當前儲存環境支援SQlCe資料庫 執行sQL語句執行查詢獲取結果:

IsoStoreSpy-SqlRequest

類似這種XAP部署管理工具有很多.這也是隨著Windows phone 開發者群體逐漸開始壯大.衍生很多實際需求.相信最早進入開發者一定不會忘記當初檢視XAP第一款工具.WP7 Isolated Storage Explorer.簡陋UI和極少檢視檔案彆扭的功能相對今天的強大SPy版本真的無法比擬的:類似IsoStoreSpy還有XAP 管理部署檢視工具還有很多、類似後來不斷加入的Windows Phone Power ToolsWindows phone Xap Manager 但功能遠沒有Spy強大.

wptools220-01-2012-00-06-37

Windows phone Xap Manager:

IsoStore Spy Download Link:[http://isostorespy.codeplex.com/]

[3]Windows Phone Icons Maker

提交過應用的同學應該都知道.在對應的Windows phone APP中需要針對應用自身提供不同規格的圖片.而且畫素必須完全按照官方給出規格來製作.這在早期常常因為一些圖片畫素問題容易被官方打回.類似Windows phone APP圖示在提交官方MarketPlace時就需要如下6中規格的圖片:

201112221747246916

96DPI,規格圖片分別需要62*62、99*99,173*173,200*200.如果能夠有一個圖片自動生成工具批量生成WP提交應用所需要的圖片.Windows phone Icons Maker則做了這個工作.:

2012-04-17_184930

點選saveIcon圖示則自動在左面建立一個檔案目錄 儲存檔案如見:

2012-04-17_185148

如此在無需設計師參與專案下.就能夠通過工具快速自動生成對應所需圖片.工具雖小 但非常的實用.

Windows phone Image Tool:

Windows phone Icons Maker: [http://wpiconmaker.codeplex.com/]

[4]Windows Phone 7 Emulator Skin Switcher

在開發環境中.如果你已經厭倦微軟預設給出模擬器外形皮膚.可以嘗試切換成你想要的模擬器效果.Windows  phone Emulator Skin Switcher 則是整合當前市面所有Windows phone真機裝置的皮膚。用來隨時切換:

2012-04-17_1903392012-04-17_1904572012-04-17_190623

換一份皮膚.Coding時也能換一份心情:

2012-04-17_190822

下載地址:

Windows phone SKin Switcher :

Skin Swithcer Download Link: [http://wp7emuskinswitcher.codeplex.com/]


相關文章