共用方式為


與 Expression Blend 共同作業

Expression Blend 是專業的設計工具,可針對 Windows 營造效果出眾的 Web 連線體驗。 使用 WPF Designer for Visual Studio 和 Expression Blend,開發人員和設計人員便可攜手合作,創造更具吸引力的使用者體驗。

兩者合作的關鍵在於共用的檔案格式 (XAML) 以及共用的方案和專案格式。 這表示使用 Expression Blend 的專業設計人員可開啟和編輯在 Visual Studio 中建立的 WPF 專案,而開發人員可開啟和編輯在 Expression Blend 中建立的 WPF 專案。

常見合作案例

您可以利用幾種不同方式區分軟體開發和圖形設計工作。 您所選擇的案例會視各種因素而定,例如專案的複雜度,以及設計人員和開發人員所具備的技能。 可能的案例包括下列。

  • Single

  • 傳統

  • 開發人員優先

  • 設計人員優先

  • 交互式

Single

在單一案例中,單一設計人員/開發人員會同時使用 Visual Studio 和 Expression Blend。

在許多情況下,開發人員和設計人員是同一人。 在此案例中,Visual Studio 和 Expression Blend 會安裝在同一台電腦上。 您可使用任一項產品建立 WPF 專案。 您會發現同時開啟 Visual Studio 和 Expression Blend 很有用。

注意

您可以同時在同一台電腦上,讓同一個專案開啟在 Expression Blend 和 Visual Studio 中。當您儲存變更到其中一項工具的檔案時,如果再切換到另一項工具,會看到通知對話方塊,詢問您是否要重新載入檔案。

傳統

在傳統案例中,設計人員會使用其所熟悉的任何繪圖工具建立模型,而開發人員會同時使用 Expression Blend 和 Visual Studio。

在此案例中,設計人員會將模型匯出成影像 (例如 .jpg),再交給開發人員。 開發人員接著會使用 Expression Blend 和 Visual Studio 重新建立模型。

此案例適合設計人員不熟悉 Expression Blend,而開發人員熟悉使用 Expression Blend 的情況。

開發人員優先

在開發人員優先的案例中,開發人員會使用 Visual Studio 建立 WPF 專案,並使用 WPF Designer定義視窗和控制項的配置。

一旦專案簽入至原始檔控制,設計人員就可以使用 Expression Blend 開啟專案,設計視窗和控制項的樣式。 開發人員和設計人員可同時處理同一專案,其中開發人員負責撰寫應用程式邏輯,而設計人員則負責撰寫展示資源。

此案例適合設計人員對 Expression Blend 有一定熟悉程度的情況。 此外,此案例有利於良好設計,因為項目是以適當的控制項或物件為基礎。 例如,設計人員的常見錯誤之一就是繪製矩形或其他靜態項目來代表按鈕,而不是將樣式套用到按鈕控制項。 此案例的缺點在於,設計人員可能會刪除項目或進行變更,而破壞了先前由開發人員所撰寫的程式碼。

設計人員優先

在設計人員優先的案例中,設計人員會使用 Expression Blend 建立 WPF 專案以及定義視窗和控制項的配置。

一旦專案簽入至原始檔控制,開發人員就可以使用 Visual Studio 開啟它,接著撰寫應用程式邏輯。 開發人員和設計人員可同時處理同一專案。

此案例適合設計人員熟悉 Expression Blend 且了解控制項和程式設計基本概念的情況。 此案例的缺點在於,設計人員必須負責較多的工作,而且需要更多的時間來建立設計。

交互式

在交互式案例中,設計人員會建立 XAML 片段,再交由開發人員匯入專案。

設計人員使用 Expression Blend 針對 UI 中的項目建立樣式和樣板,再將它們封裝在資源字典中。 開發人員接著將這些資源匯入 Visual Studio,然後將它們套用到 UI。

此案例適合大型專案以及有多位圖形設計人員的情況。 此案例的優點在於,開發人員對專案檔案有較高的控制權,而且可以在開發期間逐步匯入資源。

請參閱

概念

WPF 和 Silverlight 設計工具概觀

其他資源

WPF 設計工具