您可以建立可重複使用的使用者介面元素集(稱為「組件」),可用來移入概略圖與分鏡腳本。組件可以包含單一元素,例如功能表,或者可以包含在儲存器元素中聚集的許多元素,例如畫面或群組。
開始之前
重複使用使用者介面概略圖與分鏡腳本頁框中的組件,以建立持續性使用者介面元素。例如,如果您要針對所有含有相同功能表的網頁建立概略圖,請先建立一個只由該功能表中的元素所組成的組件,並且將該組件新增至每一個概略圖。如果您稍後決定要變更概略圖中的功能表,則只須變更一個組件,因為包含該組件的每一個概略圖中會自動反映此變更。
執行這項作業的原因和時機
(若要觀看展示如何建立組件的影片,請參閱建立使用者介面組件。)
若要建立組件,請完成下列步驟:
- 執行下列其中一項動作:
- 從「構件」專案頁面,按一下。
- 按一下。
- 於使用者介面概略圖中,在元素或單一儲存器(例如:Shell、畫面或群組)中的許多元素上按一下滑鼠右鍵,並且選取擷取組件。
- 在「新的使用者介面組件」視窗中,輸入組件名稱。這個在專案頁面及「專案瀏覽器」中隨構件顯示的名稱,可包含大寫、小寫字元和空格。
- 瀏覽新組件的專案和資料夾。
- (選用)新增標籤至新組件。
- (選用)為該組件的起始內容選取範本。
- (選用)按下一步,選取屬性群組以便與組件相關聯。
- 按一下完成。 畫面上會開啟組件編輯器。
- 對於內含單一元素的組件,從選用區拖曳元素至內容區域。 重要事項:內容區域必須包含至少一個元素。在其他構件中重複使用組件時,僅會出現內容區域中的元素。
- 對於內含多個元素的組件,將儲存器元素(例如:畫面或群組)拖曳至內容區域。
- 如果要調整儲存器的大小,請選取它並且拖曳大小控點。如果要修改它的內容,在儲存器上按一下滑鼠右鍵,然後按一下內容。
- 在畫布的元素上按一下滑鼠右鍵,以取得可在元素上執行動作的功能表,例如剪下、複製、刪除、編輯文字,或者修改它的內容與外觀。
- 按一下。
下一步
在建立組件之後,您可以新增該組件至概略圖,此舉會將組件中的元素移入概略圖。如果您在稍後變更組件中的元素,該變更會延伸到每一個納入該組件的概略圖。您可以在概略圖中所選組件的上方按一下圖示

,從概略圖內部開啟原始組件。您也可以新增組件至分鏡腳本頁框與其他組件。