Expression Blend入門

本文将介紹如何選擇合适的開發環境做WPF、SilverLight或者WP7，以及一些簡單的Demo。 

如果你想建立WPF、Silverlight或者是Windows Phone項目，你可以按照下面來選擇相應的環境搭建：

開發Windows Phone

<a target="_blank" href="http://create.msdn.com/en-us/home/getting_started">Windows Phone Developer Tools</a>

你可以隻安裝這個就能進行WP7的開發。這個是All-In-One的安裝包，包括一個專門為開發Windows Phone應用程式的Expression Blend、Visual Studio以及開發手機遊戲的XNA Game Studio！

具體的清單如下：

安裝Windows Phone Developer Tools所包含的工具集合如下： 

    * Visual Studio 2010 Express for Windows Phone Beta 

    * Windows Phone Emulator Beta 

    * Silverlight for Windows Phone Beta 

    * Microsoft Expression Blend for Windows Phone Beta 

    * XNA Game Studio 4.0 Beta  

以下是我安裝Windows Phone Developer Tools的一些截圖：

<a href="http://blog.51cto.com/attachment/201105/123219181.jpg" target="_blank"></a>

<a href="http://blog.51cto.com/attachment/201105/123237519.jpg" target="_blank"></a>

<a href="http://blog.51cto.com/attachment/201105/123258788.jpg" target="_blank"></a>

PS：由于是線上安裝的，要下載下傳356M的檔案，請耐心等待。在安裝的時候，有時候會比較卡，也請耐心等待。

另，推薦幾個比較不錯的學習網址：

 http://wp7dev.wikispaces.com（專門的手機開發網址，有WP7，Android，iPhone等）

<a href="http://silverlight.codeplex.com/releases/view/52297" target="_blank">Silverlight for Windows Phone Toolkit (Optional)</a>

可選項，提供了一些類似WrapPanel、DatePicker等控件，預設的安裝包中是沒有這些控件的

開發SilverLight和WPF應用程式

 我們可以隻裝.Net FrameWork 4和Expression Blend4來進行SilverLight和WPF的開發。

<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=en&amp;FamilyID=9cfb2d51-5ff4-4491-b0e5-b386f32c0992" target="_blank">.NET Framework 4</a>

.Net FrameWork 提供最基本的可以使得類似Expression Blend這樣的程式可以安裝允許的。你應該首先安裝.Net FrameWork，如果你沒有安裝的話。

<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=en&amp;FamilyID=88484825-1b3c-4e8c-8b14-b05d025e1541" target="_blank">Expression Blend 4</a>

我們可以僅使用Expression Blend來設計和開發Silverlight和WPF應用程式，前提是你裝了.NET Framework4。使用Expression Blend我們可以十分友善的設計及編碼。

Expression Blend和Adobe的産品Photoshop等十分類似，如果你會photoshop的話，掌握 Expression Blend不是問題。

使用Visual Studio做開發

如果你要進行更深層次的業務上的開發，那麼就建議你安裝Visual Studio 2010了。 Visual Studio 2010了提供了強大的調試功能。

我們可以使用Visual Studio來進行開發、調試Silverlight和WPF應用程式。

 此包是 Visual Studio 2010 的外接程式，用于為 Microsoft Silverlight 4 和 RIA Services 提供工具。它可以安裝在 Visual Studio 2010 或 Visual Web Developer 2010 速成版上。它擴充了現有 Silverlight 3 功能和 Visual Studio 2010 中的多定向功能，進而還可以使用 C# 或 Visual Basic 為 Silverlight 4 建立應用程式。 

推薦的環境及順序：

Windows 7---&gt;office 2010 ----&gt; Visual studio 2010 ---&gt; Windows Phone Developer Tools ----&gt;Expression Studio 4

 推薦理由：使用Expression Studio 4做設計， Visual studio 2010寫代碼（如果你的硬碟容量允許的話，所有的裝下來要10G左右）

Demo1：使用Expression Blend4建立WPF應用程式

下面以一個簡單的執行個體來看看我們如果使用Expression Blend來簡化我們的WPF開發。

打開Expression Blend4，點選建立項目，如下圖：

然後會出現類似Visual Studio中的選擇項目類型、填寫項目名稱、項目路徑及使用語言的界面，如下圖

<a href="http://blog.51cto.com/attachment/201105/123500441.jpg" target="_blank"></a>

這裡我們選擇WPF Application，項目會被建立，然後我往美化闆中托一個Label，寫著名的Hello World。

如下圖，然後導航到屬性面闆，可以看到許多小的分類。這裡我們使用Text選項中，選擇字型為Old English Text，字型大小為16

<a href="http://blog.51cto.com/attachment/201105/123545766.jpg" target="_blank"></a>

我們可以定義Label的Trigger，在左側面闆的Trigger頁籤，可以選擇控件的觸發事件，并錄制一些動作，這裡我錄制了當滑鼠移動到Label上時，Label的位置發生變化的動作。

<a href="http://blog.51cto.com/attachment/201105/123608663.jpg" target="_blank"></a>

<a href="http://blog.51cto.com/attachment/201105/123627985.jpg" target="_blank"></a>

我們可以像WinForm中那樣直接導航到事件頁籤中，直接輕按兩下，Expression Blend會自動會為我們生成相應的背景事件代碼。

如下圖，寫這樣的彈出窗體代碼

<a href="http://blog.51cto.com/attachment/201105/123658219.jpg" target="_blank"></a>

按F5或者Ctrl+F5運作程式，運作效果如下

<a href="http://blog.51cto.com/attachment/201105/123723202.jpg" target="_blank"></a>

<a target="_blank" href="http://alexis.blog.51cto.com/attachment/201105/2621421_1306384668.rar"></a>

<a href="http://down.51cto.com/data/2358220" target="_blank">附件：http://down.51cto.com/data/2358220</a>

    本文轉自xshf12345 51CTO部落格，原文連結：http://blog.51cto.com/alexis/574543，如需轉載請自行聯系原作者