組件簡介

組件是由圖層與交互構成的可復用集合。任意圖層和交互構成的集合都可轉換為組件,并通過創建子版組件將組件復用于各場景的任意位置。該功能可以避免不必要的重復性工作、提升每一場景的易讀性,從根本上提高原型設計工作流效率。

使用組件

從場景中創建組件

你可以從場景中創建組件。選擇一個或多個需要轉換為組件的圖層,然后點擊工具欄上的“組件”圖標,或右鍵點擊已選擇的圖層并在彈出菜單中選擇“轉換為組件”,即可自動創建一個包含了相應圖層與交互的組件。同時,該組件的一個子版組件將替換掉原有圖層。

從場景中創建組件

直接創建組件

此外,還可以從空內容開始創建組件。打開左側的組件面板并點擊加號圖標,一個空組件就會被創建,在這里可以對該組件進行自定義操作。

直接創建組件

添加子版組件

從組件面板中將一個組件拖拽到場景內的畫布上,即可創建相應的子版組件。

添加子版組件

編輯組件

母版組件

當需要編輯母版組件時,需先進入組件編輯狀態,方法為:在組件面板中點擊組件或右鍵點擊子版組件并在彈出菜單中選擇“編輯母版組件”。

編輯母版組件的操作方法與編輯場景相似。在組件中創建、修改或刪除圖層、變量、觸發、反應等。相關改動會被應用到該組件的所有子版中。

點擊右上角的“返回場景編輯”按鈕或在場景面板中點擊任意場景即可回到場景編輯界面。

母版組件

子版組件

編輯子版組件中的圖層時,只表示該子版組件中的屬性被修改,并不會影響到母版組件。 此時即便更改了相應的母版組件,子版中被修改的屬性值依然得以保留。通過這一方式可以實現對來自于同一個母版組件的不同子版進行不同的自定義操作。

如果希望讓某個被修改的子版恢復成和母版統一的屬性,只需右鍵點擊該子版組件并在彈出菜單中選擇“恢復為母版屬性”,那么所有已被修改的屬性值將會被清除從而使子版回到與母版一致的狀態。

子版組件

同步到母版組件

你可以將子版組件與其所屬的母版組件進行關聯同步。通過這一選項,不必進入組件編輯模式,直接在場景中編輯子版組件就可以將編輯結果同步到相應的母版組件上。

同步到母版組件

修改子版組件中的變量

子版組件中的變量的初始值可以被修改。要修改變量的初始值,需在母版組件中為相應變量開啟“可在子版組件中修改”選項。開啟后,即可在子版組件的屬性面板中修改變量初始值。

修改子版組件中的變量

作用于組件外部的交互

一般而言,組件與場景是相互獨立的,也就是說組件內的觸發動作和反應動作不能作用于組件外的圖層和變量。同理,場景內的觸發動作和動作也不能控制組件內的圖層和變量。

為了使組件可以同場景中的其他素材相互影響,從而制作更精致的交互,可以使用“發送”反應和“接收”觸發來解決這一問題。在組件內使用“發送”反應來發出訊號并在組件外(場景中)使用“接收”觸發來接收這一訊號,反之亦然。

在組件中進行設置時應選擇“組件外部”作為渠道,而在組件外進行設置時應選擇“組件”作為渠道。

作用于組件外部的交互

Example

Checkbox Component

Language selector
TOP
哪个软件上能炒白银