【譯】Silverlight for Windows Phone Toolkit In Depth(二)

上一篇： Silverlight for Windows Phone Tookit In Depth(一)

 

還需要什嗎？

在使用Windows Phone Toolkit之前，你需要安裝如下工具：

• Windows Phone Developer Tools
• Visual Basic / VB tools download 

 

開始Silverlight for Windows Phone Toolkit之旅

為了開始Silverlight for Windows Phone Toolkit之旅，請先訪問

http://silverlight.codeplex.com/releases/view/71550  (最新的官方版本是 Silverlight for Windows Phone Toolkit - August 2011(7.1 SDK)).

有如下方式：

1. 安裝 Silverlight for Windows Phone Toolkit - Aug 2011.msi 
2. 下載.zip格式的完整原始碼(Silverlight for Windows Phone Toolkit Source & Sample - Aug 2011.zip)
3. 僅下載XAP格式檔案 (Silverlight for Windows Phone Toolkit Sample Application - Aug 2011.xap)
4. 通過NuGet方式安裝Silverlight for Windows Phone Toolkit

方式一：安裝Windows Phone Toolkit .msi

如果你選擇此種方式，請先下載.msi格式檔案並安裝：

第一步：下載Silverlight for Windows Phone Toolkit - Aug 2011.msi 

第二步：點擊運行安裝

第三步：選擇“同意”，點擊Install

第四步：在Windows Phone Toolkit安裝成功後，你會在下面目錄中發現“Aug11”檔案夾

在Aug11檔案夾裡你會發現如下檔案：

1,-此檔案你可以獲得更多API的資訊

2.包含Microsoft Public License (Ms-PL)協議

3.包含所有程式集

方式二：下載“Silverlight for Windows Phone Toolkit Source & Sample - Aug 2011.zip”

另外，如果你不想安裝.msi檔案，可以下載“Silverlight for Windows Phone Toolkit Source & Sample - Aug 2011.zip”，包含了一個樣本項目和所有程式集

第一步：下載Silverlight for Windows Phone Toolkit Source & Sample - Aug 2011.zip

第二步：解壓此檔案

第三步：你將發現Windows Phone Toolkit和樣本項目的所有原始碼

第四步：開啟Microsoft.PhoneToolkit.sln

然後你可以編譯“Microsoft.Phone.Controls.Toolkit” 類庫項目，在“bin”目錄下得到產生的程式集

方式三：僅下載XAP檔案

另一種選擇是下載： Silverlight for Windows Phone Toolkit Sample Application - Aug 2011.xap

方式四：通過NuGet安裝Windows Phone Toolkit

NuGet是Visual Studio 的擴充工具，通過它可以很容易的在Visual Studio項目中安裝和管理類庫和工具，當你使用NuGet安裝程式包時，它將會自動複製所需類庫檔案到你的項目和自動更新你的項目（添加引用，修改設定檔等等）。如果你移除安裝包，NuGet將復原所做的更改，避免引起不必要的錯誤。

Windows Phone Toolkit Aug 2011 (SDK 7.1)在NuGet 上的：

http://nuget.org/List/Packages/SilverlightToolkitWP

 

怎樣使用非正式版本

和所有發布在CodePlex上的開源項目一樣，Silverlight for Windows Phone Toolkit也是定期發布更新，主要有兩種方式：

• 正式版本：這是官方發布的穩定版本，通過全面、仔細的測試，推薦在應用程式開發中使用
• 非正式版本：非正式發布的版本，通常包含少量的Bug修正和添加新功能。不建議在項目中使用非正式版，除非沒有其他解決方案。

下面是怎樣使用非正式更新版本的地址：

第一步：訪問“Source Code”(http://silverlight.codeplex.com/SourceControl/list/changesets) ,

按照圖示選擇你需要的更新版本：

第二步：你可以點擊“View diff"，查看從上一次更新所做的所有更改，或者直接點擊“Download”下載

第三步：下載所選的更新:

第四步：解壓後你將發現所有原始碼和一個樣本項目，為了擷取更新程式集，開啟Aug 2011 Source and Samples 檔案夾，開啟解決方案，重新編譯Microsoft.Phone.Controls.Toolkit 項目

編譯後會產生一個新的"Bin"目錄

從中可以獲得 Microsoft.Phone.Controls.Toolkit.dll程式集。

 

怎樣在Visual Studio 中使用 Windows Phone Toolkit

最普遍的方式是在建立Windows Phone 應用程式後，通過Visual Studio添加引用"Microsoft.Phone.Controls.Toolkit.dll"的方式使用Silverlight for Windows Phone Toolkit控制項和協助類.。下面是基本步驟：

第一步：在Visual Studio建立Windows Phone 7.1 Application project

第二步：找到"引用"，選擇"添加引用"

第三步：選擇“Microsoft.Phone.Controls.Toolkit.dll”，如果你安裝了msi檔案，你可在下面路徑找到這個程式集

或者，你下載了“Silverlight for Windows Phone Toolkit Source & Sample - Aug 2011.zip”，直接從“...\Silverlight for Windows Phone Toolkit Source & Sample - Aug 2011\WindowsPhone7\Bin\” 目錄下選擇：

第四步：切換到你應用程式頁面的XAML部分，註冊"toolkit"命名空間，然後你可以添加所需要的控制項：

 

怎樣整合Windows Phone Toolkit 控制項到Visual Studio Toolbox

Visual Studio Toolbox支援通過拖拽的方式將控制項添加到設計介面，而不需要手動的編寫XAML代碼，從工具箱添加控制項會自動在頁面中包含所需的命名空間。所以，你可以通過很少的點擊甚至不需要寫任何代碼就可完成簡單的Windows Phone 應用程式。但是能不能讓 Windows Phone Toolkit控制項在你添加引用" Microsoft.Phone.Controls.Toolkit.dll"後，自動地添加到ToolBox呢？不能，需要通過手動方式添加。

步驟如下：

第一步：建立Windows Phone application 項目

第二步：開啟工具箱(Toolbox)介面，右鍵點擊選擇添加"Add Tab"

第三步：為新建立的Tab命名，如"WPToolkit"

第四步：然後點擊右鍵，在菜單中選擇“Choose Items…”選項

第五步：然後你可以看見下面介面，選擇要顯示在ToolBox中的一個或多個控制項

第六步：點擊OK,然後你可以看到所選的控制項了

第七步：現在你可以很輕鬆的拖拽所需的控制項到設計介面了

樣本：

拖拽一個DatePicker 控制項到設計介面，請注意在XAML代碼中會添加如下命名空間

這意味著 Visual Studio已經自動的添加所需命名空間了（XAML代碼也已經自動產生）：

現在你可以通過代碼或者VS屬性視窗自己定義DatePicker 的屬性了，如果VS屬性視窗預設沒有開啟，你可以按“Ctrl+W,P”或者選擇 “View->Properties Window”:

 

怎樣在 Expression Blend 中使用Windows Phone Toolkit

Expression Blend 4 for Windows Phone預設在Windows Phone Developer Tools安裝成功後已經安裝。Microsoft Expression Blend是一個很棒、功能全面的UI設計工具，Expression Blend主要包含Behaviors, Visual State Manager, transition effects, and SketchFlow（SketchFlow僅包含在Expression Blend 4旗艦版中）擷取更多資訊：請訪問官方網站（http://www.microsoft.com/expression/products ）

按照如下步驟開始在Expression Blend中使用Windows Phone Toolkit

第一步：開啟Expression Blend 4,點擊“New Project”，下面是可以選擇的類型：

第二步：建立新的Windows Phone應用程式，右鍵點擊 “References”，選擇“Add Reference…”找到“Microsoft.Phone.Controls.Toolkit.dll”

第三步：添加引用後，開啟“Assets”選項卡，然後你將看到所有的控制項

第四步：拖拽所需控制項到設計介面

第五步：切換到XAML介面，你將看到Expression Blend已經自動添加了如下命名空間

第六步：你可以通過屬性視窗設定目標控制項的屬性

 

聲明：本人英語水平有限，翻譯有不當的地方還望指正，所有翻譯均是理解性翻譯，與原文不一定相符，出現錯誤翻譯不當，以原文為準，英文好的建議直接閱讀英文原版(也不是太難)，著作權歸原作者所有。轉載此文請註明文章出處和作者。

英文原版：http://www.windowsphonegeek.com/WPToolkitBook2nd