建立原型專案

important note重要訊息:

只有 Expression Studio Ultimate 才提供 SketchFlow。如果您要處理在 Expression Blend 3 中建立的 SketchFlow 專案,則必須升級專案才能使用 Expression Blend 4。第一次在 Expression Blend 4 中開啟專案時,您會收到進行升級的提示。只有 Expression Studio Ultimate 才會升級 SketchFlow 專案。

Microsoft Expression Blend 中 SketchFlow 專案的運作方式就像其他 Expression Blend 專案一樣。不過,SketchFlow 包含專為建立原型而製作的工具,因此能夠更輕鬆而快速地建立功能運作的原型。

如需 SketchFlow 的詳細資訊,請參閱 SketchFlow 概觀

如需在 Expression Blend 中使用專案的詳細資訊,請參閱使用解決方案、專案與檔案

建立新的原型專案

  1. 在 [檔案] 功能表上,按一下 [新增專案]。

  2. 在 [新增專案] 對話方塊的 [專案類型] 下,按一下 [Silverlight] 或 [WPF]。

  3. 在右邊的視窗中,按一下 [Silverlight SketchFlow 應用程式] 或 [WPF SketchFlow 應用程式]。

  4. 在 [名稱] 方塊中輸入原型專案的名稱。

  5. 在 [位置] 方塊中,瀏覽至要用來儲存專案的資料夾。

  6. 在 [語言] 下拉式清單中,選取 [C#] 或 [Visual Basic]。

  7. 按一下 [確定]。

在您建立 SketchFlow 專案之後,即可透過下列兩種方式開始設計原型:在 [SketchFlow 地圖] 面板中建立應用程式流程,或是在畫板上建立內容。一旦啟動原型之後,您便可輕鬆地來回切換建立應用程式流程結構和建立畫板內容兩項工作。

建立應用程式流程

[SketchFlow 地圖] 面板是一種圖形編輯器,可以用來定義應用程式的結構、流程、導覽和組合。

SketchFlow 地圖

您可以將 [SketchFlow 地圖] 面板專門用於處理應用程式的結構,而畫板則專門用來處理個別螢幕的內容。例如,您可以在開始構思使用者介面 (UI) 之前先勾勒出應用程式流程,然後再使用 SketchFlow 播放程式立即檢閱應用程式流程,就算您的螢幕上除了幾個備註外什麼都沒有也無妨。

如需如何建立應用程式流程的詳細資訊,請參閱建立應用程式流程

在畫板上建立內容

當您將注意力放在個別螢幕時,可以使用 Expression Blend 提供的任何一種繪圖工具,或是從 Adobe Photoshop 匯入檔案並保留圖層、向量遮色片和文字。您也可以使用影像來呈現 UI 控制項。您可以存取適用於 Windows Presentation Foundation (WPF) 和 Microsoft Silverlight 的所有實際 UI 控制項。此外,您還可以輕鬆建立可在整個專案中重複使用的元件。

如需在畫板上建立內容的詳細資訊,請參閱在畫板上建立內容

調整原型

您可以持續在應用程式流程和畫板間來回切換,以調整流程或內容。您可隨時按 F5 建置專案並在 SketchFlow 播放程式中執行它。

Copyright © 2011 by Microsoft Corporation. All rights reserved.