建立使用者介面概略圖

您可以選取草擬選用區中的圖片元素,並且將它們拖曳至草擬畫布上,藉此建立使用者介面概略圖。您可以將「可重複使用」的群組或元素(稱為「組件」)新增至概略圖。您也可以新增現有的影像和概略圖至概略圖中。
執行這項作業的原因和時機

(若要觀看展示如何建立概略圖的影片,請參閱建立使用者介面概略圖。)

建立使用者介面概略圖:
  1. 選取專案然後按一下檔案 > 新建 > 使用者介面概略圖
  2. 在「新的使用者介面概略圖」視窗中,輸入概略圖名稱。
  3. 瀏覽新概略圖的專案和資料夾。
  4. (選用)新增標籤至新概略圖。
  5. (選用)為新概略圖的起始內容選取範本。
  6. (選用)按下一步並且選取您想要套用至概略圖的屬性群組。
  7. 按一下完成 草擬編輯器隨即開啟。
  8. 如果要新增圖片元素至概略圖中,請在選用區中選取元素,並且在草擬畫布中按一下元素的位置。您可以在選用區中選取元素,然後在畫布上拖曳它的大小,藉此「設定大小與拖放」。某些元素(如:文字區域)會放大以填入您繪製的大小;其他元素(如:標籤和文字欄位)則會複製成多份以填入大小。
  9. 在畫布的元素上按一下滑鼠右鍵,以針對可在元素上執行的動作檢視其功能表,例如剪下、複製、刪除、編輯文字,或者修改它的內容與外觀。
  10. 如果要新增影像、組件或概略圖,請將它從「專案瀏覽器」拖曳至編輯器,或是從選用區來新增。當您從選用區新增影像、組件或概略圖時,畫面上會開啟「選取」視窗。在這個視窗中,搜尋並選取元素。如此會在概略圖中建立元素的實例。您可以全面修改組件和概略圖,或是修改現行概略圖中本端的組件和概略圖:
    • 若要變更原始組件或概略圖,請在概略圖中按一下選定元素上方的圖示。 這時會開啟原始組件或概略圖。您對組件或概略圖所做的任何變更(如:內容、格式或位置),都會反映在其他概略圖之組件或概略圖的所有實例中(假設原始元素在另一個概略圖中並未被置換)。
    • 您可以變更組件或概略圖之本端實例中的元素。這個本端實例會置換這個概略圖中的繼承元素;例如,如果您的概略圖包含顯示功能表的組件,您可以變更功能表中某個指令的格式,代表已經選取這個指令。原始組件會維持不變。如果您希望回復元素的原始內容,您可以選取元素然後按一下元素上方的回復變更圖示
  11. 按一下檔案 > 儲存
下一步

您可以從商業程序概略圖內部建立使用者介面概略圖。在商業程序元素上按一下滑鼠右鍵,然後按一下闡述新概略圖。新的使用者介面概略圖會新增為程序元素的鏈結。

您可以從畫面流程內部建立使用者介面概略圖。在一般元素中按一下新概略圖圖示,或者在元素上按一下滑鼠右鍵,然後按一下關聯 > 新概略圖

您可以將概略圖元素從選用區拖曳至分鏡腳本頁框編輯器,藉此將您的使用者介面概略圖新增至分鏡腳本的頁框。您也可以將它拖曳至畫面流程編輯器中的一般元素或任意一處,將它新增到畫面流程中。


意見