在畫板上建立內容

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

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

Ee341385.c5da9dd8-4356-4803-aab0-64635bf9866b(zh-tw,Expression.40).png

Ee341385.25182a96-9a69-478a-9cfe-5b360e6a9bea(zh-tw,Expression.40).png

畫板

Ee341385.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(zh-tw,Expression.40).png

SketchFlow 地圖面板

建立新的未連線螢幕

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

    • *建立螢幕*

    • *建立元件螢幕*

    Note注意:

    若要將新螢幕連接到現有的螢幕,請按一下新螢幕,再將新螢幕拖曳到要連接的螢幕。

  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 專案時,專案中會顯示設計階段的註解。

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

Copyright © 2011 by Microsoft Corporation. All rights reserved.