在畫板上建立內容

大部分的 SketchFlow 工作區都與 Microsoft Expression Blend 工作區相同。Expression Blend 畫板顯示個別的螢幕檢視，您可使用 Expression Blend 中的任何一種繪圖工具在這些螢幕上繪圖、從 Adobe Photoshop 匯入影像，或使用 Expression Blend 針對 Windows Presentation Foundation (WPF) 和 Microsoft Silverlight 提供的所有控制項。您也可以使用動畫來顯示特定元素的不同視覺狀態，或是在螢幕上呈現各元素的互動狀況。

您可在 [SketchFlow 地圖] 面板中新增螢幕到原型，然後在 [設計] 視窗的畫板上建立內容。

	畫板
	SketchFlow 地圖面板

當您將注意力放在個別螢幕時，可以使用 Expression Blend 提供的任何一種向量圖形繪圖工具來繪圖，或是從 Photoshop 匯入檔案並視需要匯入保留圖層、向量遮色片和文字。您也可以將使用者介面 (UI) 控制項的圖片當作原型的一部分，並即時建立可重複使用的元件。此外，您還可存取適用於 WPF 和 Silverlight 的所有實際 UI 控制項。

建立新的未連線螢幕

1. 在 [SketchFlow 地圖] 面板任一處按一下滑鼠右鍵，然後按一下以下其中一個選項：

   • 新增導覽螢幕

   • 新增元件螢幕

   注意事項：
   若要將新螢幕連接到現有的螢幕，請按一下新螢幕，再將新螢幕拖曳到要連接的螢幕。

2. 若要在新螢幕上進行繪製，請在 [SketchFlow 地圖] 面板中按兩下節點，選取關聯的文件索引標籤。

如需建立新螢幕與使用 [SketchFlow 地圖] 面板的詳細資訊，請參閱建立應用程式流程。

物件

在 Expression Blend 中，物件是指任何可置於畫板上的項目。例如，將視覺化元素新增至畫板上後，即會變成您應用程式中的物件。

您可以選取 [工具] 面板 或 [資產] 面板中的工具，或從 [資產] 面板選取指定樣式或自訂的控制項，將物件新增至畫板上。您也可以從 [資源] 面板拖曳指定樣式的控制項，或將 [資源] 面板中的資源拖曳至畫板中的現有物件上，將資源套用到物件的其中一個屬性。此外，您還可以直接從 [Windows 檔案總管] 將影像、聲音檔、視訊檔和其他媒體拖曳到 Expression Blend 中，或是從其他應用程式複製影像再直接貼到畫板上。

如需使用物件的詳細資訊，請參閱使用物件與控制項。

控制項

控制項是一種用來啟用使用者互動或輸入的物件。Expression Blend 提供多種控制項，供您用來設計 WPF 和 Silverlight 原型。

由於在檢閱互動設計而非應用程式的外觀時，精美的 UI 元素可能會分散檢閱者的注意力，因此 SketchFlow 也包含一組樣式，能夠讓標準控制項變成類似手繪的外觀，同時還能保有全部的功能。在 [資產] 面板上，按一下 [樣式]。

如需在 Expression Blend 中使用控制項的詳細資訊，請參閱選擇及使用互動式控制項。

SketchFlow 動畫

您可在 SketchFlow 原型中使用 SketchFlow 動畫，以協助檢閱者設想 UI 特定部分可能擁有的不同狀態。透過動畫，這些原型便可用來顯示與螢幕互動時可能產生的外觀。它們也可用來保留任何特定螢幕的不同設計選擇。

如需使用 SketchFlow 動畫的詳細資訊，請參閱新增互動功能。

行為

Expression Blend 包含行為。行為是可重複使用的程式碼區塊，方便您將具生產品質的互動功能套用到畫板上的任何設計元素，而不必熟悉程式碼或撰寫程式碼。Expression Blend 提供一些預先封裝的行為，但是您也可以新增自訂行為。開發人員可以提供自訂行為，讓設計人員能夠輕鬆套用到畫板上的設計元素。

如需在 Expression Blend 中使用行為的詳細資訊，請參閱新增互動功能。

縮放和移動瀏覽

如果您的滑鼠附有滑鼠滾輪，您可以按下 CTRL 鍵並滾動滑鼠滾輪來放大畫板。

如果您在進行拖曳的同時按下空格鍵，也可以拖曳畫板及其內含的任何元素。此外，您還可以按下空格鍵同時拖曳應用程式流程圖，將流程圖拖曳到視窗上的任何位置。

註解

除了在畫板上建立與修改物件和控制項之外，您還可以使用 [註解] 在畫板上留下評論和備註。註解也可以直接附加到螢幕上的物件。當您在 Microsoft Visual Studio 中開啟 SketchFlow 專案時，專案中會顯示設計階段的註解。

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