承載各種基礎 Brick 元件的顯示區域,一個 Subspace 可包含多個 Canvas 畫布,並可透過設定決定 Canvas 畫布的顯示順序及切換規則。
Properties 區塊
Property Name 屬性名稱 | Property Type 屬性形態 | Description 說明 |
Showing Timeout | ms 毫秒 | The display time (in milliseconds) of the canvas. Used together with 當有指定 |
Next Canvas ID | String 字串 | The ID of the next canvas that is to be displayed following the current canvas. Used together with 設定當設置 |
Event 區塊
First Enter | Event that will be triggered when the canvas is being shown for the first time after starting the application. 在 Subspace 中,當該 Canvas 第一次顯示時觸發的事件 |
Enter | Event that will be triggered every time when the canvas is being shown. 當該 Canvas 每次顯示時觸發的事件 |
Showing Timeout | Event that will be triggered when the time specified in property 如果設置 Showing Timeout 則會在時間過後觸發此事件 |
Exit | Event that will be triggered when the application is about to exit the current canvas and display the next canvas. 當該 Canvas 被切換顯示至其他 Canvas 前觸發的事件 |
Operation 區塊
Become root Canvas (非 Root Canvas 時可使用)
將指定的 Canvas 畫布變更為預設顯示的畫布。
Duplicate (Keep Brick References)
將 Canvas 畫布中的元件保持關連的狀態複製出另一張 Cavnas 畫布,此時兩張畫布上的相同的元件都為同一個 ID ,若兩張畫布中的元件位置不同時,在切換畫布時會自動建立動態移動效果。
Copy
複製出另一個一樣的畫布,但畫布中的相同元件之間沒有關連,彼此為各自獨立的元件。
Inspect This Canvas
透過 Inspect This Canvas 就能清楚看出畫布之間的事件及 Property Calculation 關聯性走向。
Event Routing 事件路徑
顯示這個畫布觸發 event / calculation 的流向或是影響了哪些 brick / generator 的 property。
Parent Call
顯示這個畫布被哪些 brick / generator / property calculation 觸發或連結。和 Event Route 相反是從源頭去檢視,而 Event Route 則是往下向路徑去檢視。
Remove This Canvas (非 Root Canvas 時可使用)
刪除此張 Canvas 畫布,注意此動作無法復原。
應用舉例
顯示螢幕的應用程式需要有多組不同的介面切換時,可使用 Canvas 畫布來區分不同的介面。