與撰寫 XAML 和程式碼相比的視覺設計

編輯 XAML 標記或程式碼對負責設計工作的人而言，可能是件複雜的工作。Microsoft Expression Blend 是專為創意工作者所設計。您可以在 Expression Blend 的 [設計] 檢視中建立完整的 Windows Presentation Foundation (WPF) 或 Microsoft Silverlight 應用程式。您可以匯入先前從 Microsoft Expression Design 匯出的藝術資產和 XAML，以及匯入 Microsoft Expression Encoder 產生的 Silverlight 編碼範本。

Expression Blend 也是針對團隊開發用途而設計的產品。軟體團隊的成員通常由開發使用者介面 (UI) 的設計人員，以及在 UI 完成後撰寫程式碼的程式設計人員所組成。基於此原因，Expression Blend 包含盡可能產生最少程式碼以便利開發人員的功能，以及可讓您繫結至現有程式碼 (例如事件處理常式，或可以像現有控制項一般使用的自訂控制項) 的功能。

Expression Blend 中可執行哪些專案工作？

• 為 WPF 應用程式 (.exe)、Silverlight 應用程式 (.exe)、附有網站的 Silverlight 應用程式或控制項庫 (.dll)，建立包含專案的解決方案。

• 新增可延伸應用程式標記語言 (XAML) 檔案 (與對應的程式碼後置檔案) 以建立應用程式中的最上層視窗、使用者控制項、應用程式中的可瀏覽網頁，或包含可重複使用的樣式、控制項範本、筆刷資源等的資源字典。

• 新增現有檔案至專案或連結至現有檔案，例如影像、XML、視訊、音訊、授權、XAML 或程式碼檔案。

• 新增參照至包含於 .dll 檔案中的現有自訂控制項。現有原始程式碼檔案 (.vb 或 .cs) 中亦可包含自訂控制項。新增自訂控制項至您的 Expression Blend 專案後，即可像使用 Expression Blend 隨附的控制項一般地使用該自訂控制項。

  如需 .cs 檔案中所含之自訂控制項的範例，請參閱試試看：建立含有自訂屬性的自訂控制項。

  秘訣：
  將含有自訂控制項的原始程式碼檔案新增至 Expression Blend 專案之後，您必須先建置專案，才能在 [資產] 面板的 [控制項] 類別中看見這些控制項。

• 新增專案至解決方案。您可以新增專案或連結至 Expression Blend WPF 專案中的現有專案。

• 開啟專案中的任何檔案。XAML 檔案會在畫板上開啟以供編輯，影像檔案可插入使用中的文件，而聲音與視訊檔案則會在動畫時間軸中開啟。程式碼後置檔案會在畫板上使用文字編輯器開啟。所有檔案皆可在檔案類型所對應的外部編輯器中開啟。例如，若在 Expression Blend 的 [專案] 面板中按兩下 .xml 檔案，則很可能會以 [記事本] 開啟該檔案。程式碼檔案會在 Expression Blend 文字編輯器中開啟，但是您可以選擇在 Microsoft Visual Studio 2010 中開啟檔案 (如果有安裝該程式)。

  如需詳細資訊，請參閱修改程式碼後置檔案。

• 為 WPF 或 Silverlight 應用程式開啟 Visual Studio 2010 專案或解決方案，並建立 UI。

• 建置 (CTRL+SHIFT+B) 或執行 (F5) 應用程式可偵錯應用程式，並在 [結果] 面板中解決您可能收到的所有錯誤訊息。

• 為應用程式中可具現化的自訂類別，新增程式碼檔案。

  如需範例，請參閱試試看：建立含有自訂屬性的自訂控制項。

• 編輯程式碼檔案。如果您在 Expression Blend 的 [專案] 面板中按兩下程式碼檔案，該檔案會在畫板上，使用包含尋找及取代功能和 IntelliSense 的文字編輯器開啟。

  如需詳細資訊，請參閱修改程式碼後置檔案。

若不使用程式碼，可在 Expression Blend 中建立哪些項目？

• 新增及轉換 [工具箱] 的物件，然後使用筆刷及 [屬性] 面板中的其他屬性設定這些物件的樣式，以設計應用程式的外觀 (UI)。

  如需詳細資訊，請參閱下列主題：

  • 選擇及使用互動式控制項

  • 繪製圖案與路徑

  • 排列物件

  • 設定色彩、筆刷與遮罩

• 為應用程式中的物件建立動畫效果。

  如需詳細資訊，請參閱將物件製作成動畫。

• 修改專案中視訊或音訊檔案的時間軸 (在您將這些檔案新增至畫板後)。

  如需詳細資訊，請參閱插入影像與圖案與插入音訊與視訊。

• 由使用者動作觸發動畫時間軸、音訊檔案及視訊檔案，例如按一下按鈕或將滑鼠指標移至物件上。

  如需詳細資訊，請參閱撰寫回應事件的程式碼。

• 使用 [資產] 面板中可用的行為，為應用程式增加互動功能。行為是一般的封裝程式碼片段，您可將它拖曳到任何物件上，然後透過變更其屬性來微調。

  如需詳細資訊，請參閱使用行為。

• 建立及設計自訂使用者控制項。使用者控制項是可在 Expression Blend 中建立的專案類型。使用者控制項可像在 Visual Studio 2010 中開發的自訂控制項一般使用。

  如需範例，請參閱建立空白使用者控制項與從現有的物件建立使用者控制項。

• 自訂現有控制項的外觀，再將產生的樣式範本套用至相同類型的其他控制項。您也可將動畫新增至控制項範本。

  如需範例，請參閱 WPF 簡單樣式的樣式提示及一般 Silverlight 控制項的樣式提示中所列的主題。

• 建立其他可重複使用的資源 (例如筆刷資源)，方法是在 [屬性] 面板中按一下屬性名稱，然後按一下 [轉換成新資源]。

  如需範例，請參閱建立筆刷資源或色彩資源。

• 使用 [工具] 功能表上的選項，將物件轉換成按鈕及筆刷資源，或將影像轉換成 3D 物件。

  如需範例，請參閱從現有的物件建立控制項與將 2D 影像轉換為 3D。

• 將物件屬性繫結至其他屬性所包含的值。此功能的用處有很多，例如使物件寬度對應至滑桿。

  如需範例，請參閱將物件繫結至使用者輸入或其他內部值。

• 將物件屬性繫結至資料來源，例如 XML 檔案 (僅限 WPF) 或 Common Language Runtime (CLR) 物件，或是可使用 [資料] 面板中工具產生的範例資料。

  如需詳細資訊，請參閱顯示資料。

哪些工作必須使用程式碼才能進行？

• 在事件處理常式中定義使用者與應用程式 UI 元素互動時較複雜的行為。您可以將事件處理常式程式化，以回應按鍵動作、滑鼠動作等。這和動畫及媒體的事件觸發程序不同。例如，事件處理常式可讓您使用數學方程式，將應用程式的行為程式化。

  如需範例，請參閱建立新的事件處理常式方法。

  如需事件清單，請參閱控制項、屬性和事件參照中的連結。

• 自訂現有控制項的行為，或建立新的自訂控制項。

  如需以 WPF Button 控制項為基礎之自訂控制項的範例，請參閱試試看：建立含有自訂屬性的自訂控制項。

• 載入如 Microsoft SQL Server 等資料至資料表格，並將其轉換成可用於 Expression Blend 的 CLR 資料物件。

  如需範例，請參閱試試看：顯示來自範例 SQL 資料庫的資料。

• 建立值轉換器，將自訂邏輯新增至資料繫結。這在要將某個物件的屬性繫結至不相容資料類型的屬性時相當有用。

  如需範例，請參閱試試看：將資料從某種類型轉換成另一種類型。

哪些工作必須使用 Visual Studio 2010 才能進行？

• 在您的應用程式執行時，逐行偵錯應用程式。

  秘訣：
  您可在同一部電腦上同時於 Expression Blend 和 Visual Studio 2010 中開啟相同的專案檔案。您在一個系統中儲存檔案變更之後切換到另一個系統時會收到通知，詢問是否要重新載入檔案。

  如需詳細資訊，請參閱在 Visual Studio 2010 中進行 Expression Blend 應用程式偵錯。

Expression Blend 如何協助您新增程式碼？

• Expression Blend 可為使用 [新增項目] 精靈建立的 XAML 檔案，選擇性地建立相對應的程式碼後置檔案。如果您在 Expression Blend 的 [專案] 面板中按兩下程式碼檔案，該檔案會在畫板上，使用包含尋找及取代功能和 IntelliSense 的文字編輯器開啟。

  如需詳細資訊，請參閱修改程式碼後置檔案。

• 當您在 [屬性] 面板中按兩下 [事件] 檢視  中的事件時，Expression Blend 會產生空白事件處理常式方法的程式碼。

  如需詳細資訊，請參閱撰寫回應事件的程式碼。

  秘訣：
  若有多名人員需要同時使用同一個專案，建議您使用原始檔控制系統，例如 Microsoft Team Foundation。原始程式碼控制系統會維護集中式的專案檔存放庫，您可以取出專案檔並在電腦本機進行編輯。如需詳細資訊，請參閱使用 Team Foundation 原始檔控制。

何處可取得撰寫程式碼的說明？

在撰寫 Expression Blend 應用程式的程式碼時如需協助，可使用學習和社群資源所列的其中一個資源。其中包含論壇、教學課程和其他資源的連結。

Copyright © 2011 by Microsoft Corporation. All rights reserved.