程式碼編輯與 Visual Studio 2008 互通性

編輯程式碼對負責設計工作的人而言，可能是件複雜的工作。Microsoft Expression Blend 是針對創意工作者而設計。您可以在 Expression Blend 的 [設計] 檢視中建立完整的 Windows Presentation Foundation 或 Microsoft Silverlight 1.0 應用程式。您也可以在 Windows Presentation Foundation 專案中，建立可在其他 Expression Blend 專案中重複使用的樣式資源。此外，您可以匯入先前從 Microsoft Expression Design 2 匯出的藝術資產和 XAML，以及匯入 Microsoft Expression Encoder 2 產生的 Silverlight 1.0。

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

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

• 為 Windows Presentation Foundation 應用程式 (.exe) 或使用者控制項 (.dll) [建立專案]，依預設這兩種方式皆可充分發揮 Windows Presentation Foundation (WPF) 的功能。

• 為 Silverlight 1.0 應用程式 [建立專案]。

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

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

• [新增參照至現有自訂控制項] 包含於 .dll 檔案中 (僅限 WPF 和 Silverlight 2)。現有原始程式碼檔案 (.vb 或 .cs) 中亦可包含自訂控制項。新增自訂控制項至您的 Expression Blend 專案後，即可像使用 Expression Blend 隨附的控制項一般地使用該自訂控制項。如需 .cs 檔案中所含之自訂控制項的範例，請參閱試試看：建立自訂的 WPF 控制項。

  秘訣：
  將含有自訂控制項的原始程式碼檔案新增至 Expression Blend 專案之後，您必須先建置專案，才能在 [工具箱] 的 [資產庫] 中，看見這些控制項出現在 [使用者控制項] 索引標籤中。

• 新增專案至解決方案 (僅限 WPF 和 Silverlight 2)。您可以新增專案或連結至 Expression Blend 2 WPF 專案中的現有專案。

• 開啟專案中的檔案。XAML 檔案會在畫板上開啟以供編輯，影像檔案可插入使用中的文件，而聲音與視訊檔案則會在動畫時間軸中開啟。Silverlight 1.0 專案中的 JavaScript 程式碼後置檔案在畫板上會以 JavaScript 編輯器開啟。所有檔案皆可在檔案類型所對應的外部編輯器中開啟。例如，若在 Expression Blend 之 [專案] 面板的 [檔案] 下按兩下 .xml 檔案，則很可能會以 [記事本] 開啟該檔案。若已安裝 Microsoft Visual Studio 2008，則會以此程式開啟程式碼檔案。如需詳細資訊，請參閱編輯程式碼後置檔案。

• 為 WPF 應用程式、Silverlight 1.0 網站、或 Silverlight 2 應用程式開啟 Visual Studio 2008 專案或解決方案，並建立 UI。

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

回到頁首

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

• 新增及轉換 [工具箱 ] 的元素，然後使用筆刷及 [屬性] 面板中的其他屬性設定這些元素的樣式，可設計應用程式的外觀 (UI)。如需詳細資訊，請參閱控制項、繪製圖案與路徑、版面配置與外觀。

• 為應用程式中的元素建立動畫效果。如需詳細資訊，請參閱動畫。

• 修改專案中視訊或音訊檔案的時間軸 (在您將這些檔案新增至畫板後)。如需詳細資訊，請參閱媒體。

• 由使用者動作觸發動畫時間軸、音訊檔案及視訊檔案，例如按一下按鈕或將滑鼠指標移至元素上。如需詳細資訊，請參閱觸發程序與使用者互動功能 (僅限 WPF) 和 事件處理及使用者互動功能 (僅限 WPF 和 Silverlight 2)。

• 建立及設計自訂使用者控制項 (僅限 WPF 和 Silverlight 2)。使用者控制項是可在 Expression Blend 中建立的專案類型。使用者控制項可像在 Visual Studio 2008 中開發的自訂控制項一般使用。如需範例，請參閱試試看：建立 WPF 使用者控制項與從現有的物件建立控制項。

• 自訂現有控制項的外觀，再將產生的樣式範本套用至相同類型的其他控制項 (僅限 WPF 和 Silverlight 2)。您也可將動畫新增至控制項範本。如需範例，請參閱簡單樣式中所列的主題。

• 建立其他可重複使用的資源 (例如筆刷資源)，方法是在 [屬性] 面板中按一下屬性名稱，然後按一下 [轉換成新資源] (僅限 WPF 和 Silverlight 2)。如需範例，請參閱建立筆刷或色彩資源。

• 使用 [工具] 功能表上的選項，將元素轉換成按鈕及筆刷資源，或將影像轉換成 3D 物件 (僅限 WPF)。如需範例，請參閱將物件建立到按鈕中與將 2D 影像轉換為 3D。

• 將元素屬性繫結至其他屬性所包含的值 (僅限 WPF)。此功能的用處有很多，例如使元素寬度對應至滑桿。如需範例，請參閱試試看：建立及套用值轉換器。

• 將元素屬性繫結至資料來源，例如 XML 檔案 (僅限 WPF) 或 Common Language Runtime (CLR) 物件 (僅限 WPF 和 Silverlight 2)。如需如何使用 XML 資料來源的範例，請參閱試試看： 建立 RSS 新聞閱讀器。

• 為應用程式中可具現化的自訂類別，新增程式碼檔案。如需範例，請參閱試試看：建立自訂的 WPF 控制項與建立可控制 Silverlight 應用程式中腳本的按鈕。

回到頁首

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

• 在事件處理常式中定義使用者與應用程式 UI 元素互動時較複雜的行為。您可以將事件處理常式程式化，以回應按鍵動作、滑鼠動作等。如需事件清單，請參閱WPF 事件快速參照。這和動畫、媒體及視訊的事件觸發程序不同。例如，事件處理常式可讓您使用數學方程式，將應用程式的行為程式化。如需範例，請參閱建立新的事件處理常式方法。

  注意事項：
  Silverlight 1.0 應用程式中的所有使用者互動，皆由 JavaScript 事件處理常式完成。如需範例，請參閱建立可控制 Silverlight 應用程式中腳本的按鈕。

• 自訂現有控制項的行為，或建立新的自訂控制項。如需以 WPF [Button] 控制項為基礎之自訂控制項的範例，請參閱試試看：建立自訂的 WPF 控制項。

• 載入如 Microsoft SQL Server 等資料 (僅限 WPF 和 Silverlight 2) 至資料表格，並將其轉換成可用於 Expression Blend 的 CLR 資料物件。如需範例，請參閱試試看：建立 CLR 物件資料來源。

• 建立值轉換器 (僅限 WPF 和 Silverlight 2)，將自訂邏輯新增至資料繫結。這在要將某個元素的屬性繫結至不相容資料類型的屬性時相當有用。如需範例，請參閱試試看：建立及套用值轉換器。

回到頁首

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

• 在您的應用程式執行時，逐行偵錯應用程式。如需詳細資訊，請參閱在 Visual Studio 2008 中進行 Expression Blend 應用程式除錯。

• 編輯程式碼檔案。在 Expression Blend 的 [專案] 面板中按兩下程式碼檔案，該檔案即會在 Visual Studio 2008 (如果已安裝) 中開啟。如需詳細資訊，請參閱編輯程式碼後置檔案。

  秘訣：
  若要變更程式碼檔案，在 Visual Studio 2008 中開啟專案將比直接開啟程式碼檔案更為有用。您在 Visual Studio 2008 中開啟專案時，可使用 IntelliSense 功能，在您輸入部份文字時提供其完整文字。例如，您可以在 Expression Blend 2 中建立新專案並加以儲存，然後在 Visual Studio 2008 中開啟專案。開啟 Window1.xaml.cs 檔案，將指標置於 this.InitializeComponent(); 之後的空白行開頭，然後輸入 LayoutRoot。此時會出現下拉式清單，顯示可在此行中鍵入的所有內容。若您在 LayoutRoot 後加上句點，清單即會變更，而顯示 Window1.xaml 檔案中的 LayoutRoot 元素之所有可用的屬性與方法。

• 新增專案檔案或包含 WPF 控制項之 COM API 的參照。Expression Blend 會接受專案檔案 (如 .csproj 檔案) 的參照，並將其視為 .dll 或 .exe 檔案的參照。

回到頁首

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

• Expression Blend可為使用 [新增項目] 精靈建立的 XAML 檔案，選擇性地建立相對應的程式碼後置檔案。在 Expression Blend 的 [專案] 面板中按兩下程式碼檔案，該檔案即會在 Visual Studio 2008 (如果已安裝) 中開啟。如需詳細資訊，請參閱編輯程式碼後置檔案。

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

  注意事項：
  當您建立 Silverlight 1.0 專案時，Expression Blend 2 會在 Page.xaml.js 檔案中產生 MouseLeftButtonDown 事件處理常式方法的範例。如需如何修改該事件處理常式方法的範例，請參閱建立可控制 Silverlight 應用程式中腳本的按鈕。

  Expression Blend 會將方法的初始程式碼複製到 [剪貼簿]。若您已安裝 Visual Studio 2008，Expression Blend 即會自動在 Visual Studio 2008 中開啟您的專案，並將方法貼至您的程式碼後置檔案中。不然，您可手動開啟檔案並貼上程式碼。您可接著在事件處理常式方法內新增程式設計邏輯，或將程式碼檔案傳送給負責新增程式設計邏輯的人員。如需詳細資訊，請參閱事件處理及使用者互動功能。

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

  秘訣：
  若有多名人員需要同時使用同一個專案，建議您使用原始程式碼控制系統，例如 Microsoft Visual SourceSafe。原始程式碼控制系統會維護集中式的專案檔存放庫，您可以取出專案檔並在電腦本機進行編輯。您可以使他人無法取出您正在修改的檔案，也可以對原始程式碼控制系統進行某些設定，以合併多名人員對相同檔案所做的變更。Visual SourceSafe 已與 Visual Studio 整合，因此您可藉由在 Visual Studio 中開啟檔案以將該檔案取出。如需詳細資訊，請參閱 MSDN 的 Visual SourceSafe (英文)。

回到頁首

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

在撰寫 Expression Blend 應用程式的程式碼時如需協助，可使用學習和社群資源所列的其中一個資源。這些資源中包含新聞群組討論的連結。在 Silverlight 1.0 專案中撰寫 JavaScript 時如需協助，請參閱 Silverlight 學習中心 (英文)。另請參閱學習和社群資源。

回到頁首