跳至主要內容
畫布 Canvas

畫布

BRICKS TOOLS avatar
作者:BRICKS TOOLS
3 年前已更新

承載各種基礎 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 or Event Showing Timeout.


當有指定 Next Canvas ID 時在設定畫布的顯示時間後會切換至該指定畫布

Next Canvas ID

String


字串

The ID of the next canvas that is to be displayed following the current canvas. Used together with Showing Timeout.


設定當設置 Showing Timeout時,時間到會切換到下一個 Canvas 的 ID


  • 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 is up.


如果設置 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 畫布來區分不同的介面。

是否回答了您的問題?