共用方式為


新功能

您可以使用 Microsoft Expression Blend 建立以 Microsoft Silverlight 3 為基礎的網站和應用程式,以及以 Windows Presentation Foundation (WPF) 3.5 (含 Service Pack 1 (SP1)) 為基礎的桌面應用程式。

Expression Blend 提供新的原型設計支援、透過行為的互動功能、特殊 Silverlight 功能,以及即時範例資料產生。

設計人員可以使用 Expression Blend,製作容易使用且有趣的應用程式。

原型設計

SketchFlow 簡介

透過 SketchFlow,Expression Blend 推出了一組新功能,其設計目的是要讓您更輕鬆地試驗動態使用者經驗,以及建立引人入勝的原型。

SketchFlow 可協助您將設計構想傳達給專案關係人,並更輕鬆地使用註解收集意見反應。您可以將 Microsoft Office PowerPoint 檔案匯入專案中的螢幕。您也可以匯出包含所有螢幕之螢幕擷取畫面的 Microsoft Office Word 文件。[資產] 面板中的新類別可組織 SketchFlow 樣式和其他資產。

設計人員可以使用 SketchFlow,以高度視覺化方式設計應用程式之導覽和組合的模型。SketchFlow 原型可以簡單到只是一系列的草圖,也能演變為符合您的實際需求,以傳達您的設計訴求重點。SketchFlow 使用 Expression Blend 的現有功能。其他新的 Expression Blend 功能 (例如 Photoshop 匯入、視覺狀態、行為和範例資料) 也可用於原型設計專案中。

如需詳細資訊,請參閱使用 SketchFlow 設計原型

設計

匯入 Photoshop 和 Illustrator 檔案

您可以使用 Expression Blend,直接將 Adobe Photoshop (.psd) 檔案和 Adobe Illustrator (.ai) 檔案匯入專案中,但還是保留圖層、圖形和文字元素等等,以方便在 Expression Blend 本身內部進行編輯。

如需詳細資訊,請參閱匯入 Photoshop 和 Illustrator 檔案

Cc294722.alert_note(ZH-TW,Expression.30).gif注意事項:

不支援 Adobe 即時效果、混合模式和符號噴槍。匯入 Adobe 檔案時,如果有任何匯入的檔案功能不受支援,Expression Blend 會顯示告知訊息以及可採取的動作。

效果

Expression Blend 提供對 WPF 和 Silverlight 圖形效果的支援。開啟 [資產] 面板、按一下 [效果] 索引標籤,並將效果拖曳至物件上。您可以在 [屬性] 面板中修改效果的屬性。

如需詳細資訊,請參閱套用效果

設計階段註解

設計人員現在可以將視覺泡泡註解 (非常類似 Microsoft Visio 註解) 新增至畫板。這些註解會以附加屬性形式儲存在 XAML 檔案中。註解可用來改善小組成員間的溝通。註解不會出現在執行階段。

如需詳細資訊,請參閱註解文件

資產面板

[資產庫] 已經過重新設計且變成可固定面板,該面板能在您於畫板上作業時保持開啟狀態。此外系統會將資產分類以方便搜尋及組織。

如需詳細資訊,請參閱資產面板

樣式控制項

從作品建立範本

您可以使用修改過的 [變成控制項] 命令,選取畫板上的作品,並將它轉換成控制項的面板 (控制項範本)。

如需詳細資訊,請參閱從現有的物件建立使用者控制項

如果您使用 Silverlight 專案,可以用滑鼠右鍵按一下範本中的物件,並按一下 [變成組件],將控制項中的物件指派給特定角色。例如,如果您將作品轉換成 Slider 控制項範本,便可選取範本中的其中一個物件,並將它指派給滑桿之 HorizontalThumb 的角色。[組件] 面板可讓您輕鬆管理及建立控制項範本所需的組件。

如需詳細資訊,請參閱設定 Silverlight 控制項範本的組件樣式一般 Silverlight 控制項的樣式提示

從作品建立 TextBox 範本

如果您使用 [變成控制項] 命令,並選擇 TextBox 控制項或任何衍生自 ContentControl 控制項的項目,則 Expression Blend 會從任何它所找到的 TextBlock 物件 (在您轉換的物件中),將排版屬性複製到產生之控制項範本的適當組件中。

狀態

改善的 VSM 支援

[狀態] 面板的使用者介面已修改,因而提升了對 Expression Blend 中 Silverlight Visual State Manager (VSM) 的支援。無論這些狀態是否原本已在您的 XAML 檔案中定義,您都可以看到更多控制項狀態,而且當屬性已在多個狀態群組中變更時,[狀態] 面板會顯示警告指示器。現在狀態在更多情況中受支援。例如,您可以在 Windows Presentation Foundation (WPF) 專案的 MainWindow.xaml 文件中定義狀態。

如需詳細資訊,請參閱定義控制項的不同視覺狀態

狀態固定

您可以在狀態群組中固定某個狀態的預覽,同時在不同狀態群組中修改另一個狀態。

編輯狀態切換

您可以選取狀態切換的腳本,並在 [物件與時間軸] 面板中修改。

繪製為狀態

當您選取狀態並繪製新元素時,新元素只有在執行階段才會以所選狀態顯示。這稱為「繪製為狀態」。

平滑版面配置切換

您可以在定義版面配置屬性變更的狀態之間,建立漸進的切換。在舊版 Expression Blend 中,如果您將這類屬性變更為不同狀態下物件的 [Row]、[Column]、[ColumnSpan] 或 [RowSpan],則即使已指定切換持續時間,該變更仍會是即時性的。您可以選取 [開啟 FluidLayout] Cc294722.04416d58-b1c8-4338-b8fc-9ed002ec88bc(ZH-TW,Expression.30).png,使物件更平順地從 [格線] 版面配置面板中的一個儲存格移至另一個儲存格。

如需詳細資訊,請參閱平順地在版面配置變更之間切換

預覽切換

您可以按一下 [狀態] 面板中的 [開啟切換預覽] Cc294722.1f7e210d-0f92-44af-bb10-698d8412fb07(ZH-TW,Expression.30).png,以預覽切換。如果切換預覽開啟,每次將選取項目從一個狀態變更至另一個狀態時,畫板上便會播放這兩個狀態間目前定義的切換,就像在執行階段時一樣。

Cc294722.alert_note(ZH-TW,Expression.30).gif注意事項:

切換預覽不支援 FluidLayout。

互動功能

行為

您可以使用行為增加應用程式的互動功能,而不必撰寫程式碼。行為是可直接套用至畫板上任何物件的可重複使用元件,且是由可延伸的觸發程序、可延伸的動作和行為所組成。

行為可從 [資產] 面板中選取,但是開發人員可使用豐富的 API 來撰寫自己的觸發程序、動作和行為,以用於 Silverlight 和 WPF 專案中。

如需有關自行撰寫行為的詳細資訊,請參閱 [說明] 功能表上提供的 Expression Blend SDK 文件。

如需詳細資訊,請參閱新增行為至物件

資料

使用範例資料

Expression Blend 可讓您輕鬆進行資料連接應用程式的原型設計、建置和測試,而不需要存取即時的資料。您可以使用 [資料] 面板產生範例資料,或是從 XML 檔案匯入範例資料。您可以產生單層集合或階層式集合 (以用於 TreeView 控制項),也可以指定要為四種資料類型 ([字串]、[數字]、[布林] 和 [影像]) 產生的內容。

在設計階段中,範例資料可供畫板上的控制項使用。您可大幅自訂範例資料細節,而且可以在執行階段輕易切換使用範例資料以及使用即時資料。

如需詳細資訊,請參閱建立範例資料

資料繫結

Expression Blend 包含下列新的資料繫結功能:

  • 可將資料項目從 [資料] 面板拖曳至 [物件與時間軸] 面板中,以建立資料繫結。

  • 可在 Silverlight 專案中將某個物件的屬性繫結至另一個物件的屬性。

  • 支援應用程式中的 DataGrid 控制項。

  • 透過使用 [資料] 面板的清單檢視和詳細資料檢視,支援主控制項/詳細資料控制項情況。

  • 改善對繫結至資料內容的支援。

  • 可定義範例資料的階層式集合,讓您設計資料連接應用程式的原型。

如需詳細資訊,請參閱在控制項中顯示資料

開發人員的範例資料

您可以使用自己的自訂商務物件來定義範例資料,且可在您的應用程式中使用該範例資料來源。您不必為了更方便使用 XAML 而變更商務物件。例如,Expression Blend 可處理沒有公用建構函式的物件,以及沒有 setter 的屬性。

Silverlight

Silverlight 3 支援

您可以在 Expression Blend 中建立及修改 Silverlight 3 應用程式。如果您開啟 Silverlight 2 專案,Expression Blend 會顯示對話方塊,詢問您是否要將專案檔案從 Silverlight 2 更新至 Silverlight 3。

如需 Silverlight 學習資源的清單,請參閱學習和社群資源

網站支援

當您在 Expression Blend 中建立新的 Silverlight 專案時,可以使用稱為 [Silverlight 應用程式 + 網站] 的額外專案類型。使用這種專案建立 Silverlight 應用程式時,可同時獲得 Silverlight 應用程式與相關聯的網站,該網站具有會載入 Silverlight 應用程式的預設 HTML 網頁。

啟用 Silverlight 應用程式以便在瀏覽器外部執行

您可以使用 [專案] 功能表上的 [Silverlight 專案選項],將 Silverlight 應用程式設定為在瀏覽器外部、自己的應用程式視窗中執行。如需詳細資訊,請參閱測試或執行專案

快取應用程式庫延伸模組

您可以使用 [專案] 功能表上的 [Silverlight 專案選項],將 Silverlight 應用程式設定為快取程式庫延伸模組。這可加快 Silverlight 應用程式的速度。

Cc294722.alert_note(ZH-TW,Expression.30).gif注意事項:

快取程式庫延伸模組無法與瀏覽器外用 Silverlight 應用程式搭配使用。

來源檔案版本控制

TFS 支援

Expression Blend 3 引進了 Microsoft Visual Studio 2008 Team Foundation Server 的支援。如果您可以存取 Team Foundation Server,便能對解決方案和專案執行一般原始檔控制相關工作,例如存回、取出和合併等等。

如需詳細資訊,請參閱使用 Team Foundation 原始檔控制

動畫

更多屬性可用於以動畫顯示

您可以在 Silverlight 專案中,為比以往多更多的屬性錄製主要畫面格。基於此目的,[進階屬性選項]功能表上提供新的 [記錄目前的值] 功能表命令,當您按一下 [屬性] 面板中個別屬性旁的標記 Cc294722.12e06962-5d8a-480d-a837-e06b84c545bb(ZH-TW,Expression.30).png 時,該功能表便會出現。

對 Silverlight 中的加/減速提供更佳的支援

您可以將預先定義、已命名的加/減速函數套用至個別主要畫面格,方法是選取主要畫面格,然後選取 [屬性] 面板中的 [EasingFunction]。

如需詳細資訊,請參閱變更主要畫面格間的動畫內插補點

以動畫顯示資源值

您可以將往返某些資源間的過程製成動畫。例如,您可以動畫顯示色彩屬性從靜態值到色彩資源的情況。

文字

改善字型和字型子集的內嵌功能

您可以使用 Expression Blend,輕鬆地在 Silverlight 和 WPF 專案中內嵌及建立字型子集。您可以使用新的 [字型管理員],選取安裝在您電腦上的字型,並自訂要內嵌的字元子集。

工作流程

固定和工作區組態

Expression Blend 擴充了舊版中的工作區組態功能,為所有面板提供完整的固定支援。您可以視需要自訂 Expression Blend 使用者介面,並將此組態儲存為預設。

如需詳細資訊,請參閱騰出更多工作空間儲存工作區的不同檢視

漸層工具改良

在 Expression Blend 3 中,漸層工具比舊版的更強大且更容易使用。您現在可以直接為已套用漸層的物件,變更漸層的位移值。若要變更停駐點位置,只要拖曳停駐點即可。若要新增停駐點,請按住 ALT 鍵,然後按一下漸層提示。您也可以將新的漸層提示拖曳至畫板上,快速重新定義漸層。在畫板上的任意位置按兩下時,就會顯示色彩選擇器。您可以使用色彩選擇器來變更停駐點的色彩。

版面配置作業改良

Expression Blend 3 推出多項版面配置作業的改良功能。在畫板上以直接操作方式移動物件現在變得更一致且可預期、可為更多容器顯示對齊提示、可在重新設定或群組物件時保留版面配置屬性和繫結,而且版面配置屬性不會再不必要地寫入 XAML 程式碼後置檔案。此外,您現在可以使用屬性偵測器來變更物件的寬度和高度,即使這些屬性設為 [Auto] 時也一樣。Expression Blend 會自動計算所需的適當邊界,以確定物件具有您指定的大小。

直接選取改良

Expression Blend 包含一些對選取模型的大幅變更。這些變更可讓您更容易變更選取項目,並將新物件繪製至畫板上。這些變更包括擴充 [選取] 工具的功能,使其行為類似 [直接選取] 工具,以及透過繪製或移動物件時顯示之視覺指示器,改善畫板上的建立和父代行為。

點的點線框選取

當您使用 [直接選取] 工具時,現在可以使用點線框選取來選取路徑上個別的點。只要拖曳就可以定義包含所要選取點的區域。

自動捲動及縮放改良

移動物件或調整物件大小時,Expression Blend 畫板會自動捲動。如果將指標移到超出畫板範圍外,便會停止捲動。根據預設,轉動滑鼠滾輪可縮放畫板。

如需詳細資訊,請參閱縮放或移動瀏覽畫板

鍵盤快速鍵和輔助按鍵

Expression Blend 推出了新的鍵盤快速鍵和輔助按鍵,用於直接選取、點線框選取、內容複製、移動瀏覽和縮放等動作,使一般工作變得更容易。

如需詳細資訊,請參閱鍵盤快速鍵和輔助按鍵

增進的 TileBrush 支援

您現在可以建立及編輯 Silverlight 應用程式並排顯示的影像筆刷。此外,對於 Silverlight 和 WPF 應用程式,您可以直接從 [屬性] 面板的 [筆刷] 類別設定 [Source] 屬性,而不必重新建立筆刷。

從剪貼簿複製並貼上影像

由其他應用程式 (例如 Windows Internet Explorer、Adobe Photoshop 和 Microsoft Paint) 放在 [剪貼簿] 上的影像資料,現在可直接貼入 Expression Blend。Expression Blend 會根據您於何處執行貼上動作,決定要加入之專案元素的類型。例如,在 [資源] 面板中貼上影像會將影像檔案加入至專案,並建立 [ImageBrush] 資源。

範本結構

如果控制項包含在特定情況下套用的範本 (例如當控制項必須顯示資料集合時),這些範本現在會出現在 [物件] 功能表上 [編輯範本] 項目的 [編輯其他範本] 類別中。這可讓您更容易瀏覽至範本,例如 ListBox 控制項的 ItemContainerStyle 範本。

預設值的序列化

Expression Blend 不會明確設定不需要的屬性值。將 [HorizontalAlignment] 之類屬性設為 [延展] 時,即使不需要,Expression Blend 2 也會在您的 XAML 檔案中寫入值,因為此值是預設值。不過除了特殊情況外 (例如當值正由樣式所設定時),Expression Blend 不會寫入此值。

您仍可以使用 [進階屬性選項] 功能表上的 [轉換成本機值] 命令明確設定預設值,當您在 [屬性] 面板中按一下屬性旁的標記 Cc294722.12e06962-5d8a-480d-a837-e06b84c545bb(ZH-TW,Expression.30).png 時,該功能表就會出現。

改善的 UserControl 控制項編輯經驗

當您修改定義 UserControl 控制項的 XAML 時,不必再重建專案以更新畫板上的所有 UserControl 物件。

此外,您可以按兩下畫板上的其中一個 UserControl 物件,進入 UserControl 控制項的編輯模式。

搜尋專案面板中的檔案

您可以搜尋 [專案] 面板中的項目。當您清除搜尋視窗時,在搜尋期間展開的節點會保持展開狀態,以方便您找出所搜尋的項目。

檔案中尋找命令

您可以使用 [編輯] 功能表上新的 [檔案中尋找] 命令 (CTRL+SHIFT+F),在多個檔案中搜尋文字。

展開專案面板

Expression Blend 現在會記得關閉及重新開啟解決方案時,[專案] 面板中各個節點的展開狀態。

程式碼編輯

XAML、C# 和 Visual Basic 程式碼編輯

Expression Blend 推出許多省時功能,以提升 XAML 支援。您現在可以直接在 Expression Blend 內部,修改 C# 和 Visual Basic 程式碼後置檔案。程式碼編輯器支援數種功能,可讓您用來在修改程式碼時增加產能。這些功能包括 IntelliSense (語法完成)、自動格式化、括號對稱、函式摘要撰寫和事件處理常式建立等等。

XAML 編輯改良

如果您在 [分割] 檢視中對 XAML 做了無效的變更,則物件樹狀目錄會保持展開狀態。此外,當物件屬性在 XAML 中設為無效值時,您可以繼續在畫板上處理物件。

在 Visual Studio 中新增事件處理常式

Expression Blend 現在納入程式碼編輯器,可用於修改 C# 和 Visual Basic 程式碼後置檔案。根據預設,當您使用 [屬性] 面板的 [事件] 檢視,將事件處理常式程式碼加入至程式碼後置檔案時,Expression Blend 會在內部程式碼編輯器中開啟程式碼後置檔案。不過,您可以選擇使用 Microsoft Visual Studio 來加入事件處理常式。

擴充性

可延伸的資產面板

您可以登錄包含一或多個組件的目錄,在 Expression Blend 中填入 [資產] 面板的內容。您可以撰寫程式碼以顯示自訂圖示等等。您也可以具現化儲存在這些已知組件中的控制項,然後 Expression Blend 便會將必要的組件參照加入至您的專案。

畫板擴充性

Expression Blend 3 對 Silverlight 和 WPF 的擴充性 API 推出了更多改善功能。擴充點與 Visual Studio 設計工具相容,而且您也擁有更多的彈性可擴充畫板。

可延伸的專案範本

Expression Blend 支援可延伸的專案範本,提供可自訂的專案和項目虛設常式以改善專案的建立。這些專案範本 (就是 Visual Studio 支援的子集) 可用於建立包含專案間相依性與組件參照的複雜解決方案。

請參閱

概念

學習和社群資源

其他資源

Microsoft Expression 社群網站