新增參數

參數是 UI 套件的可變更元素。Relay 工作流程支援兩種參數：內容參數和互動處理常式。

  • 內容參數可讓 Compose 程式碼以動態方式變更 UI 套件的元素，例如內容和樣式。
  • 互動處理常式可讓 Compose 程式碼回應使用者輸入內容，例如長按或輕觸兩下。

您可以將參數新增至 UI 套件或其子項。如果目標圖層的名稱相同，參數繫結也會在不同 Figma 變化版本之間共用。在產生的程式碼中，每個參數都會轉換為可組合函式參數。

Figma 中的參數和產生的程式碼

參數屬性

Figma 中的圖層類型會確定可用的參數屬性：

所有圖層

tap-handler (指定可輕觸的圖層)

  • 系統會在程式碼中產生 () -> Unit 參數。

doubletap-handler (指定可輕觸兩下圖層)

  • 系統會在程式碼中產生 () -> Unit 參數。

longpress-handler (指定可長按的圖層)

  • 系統會在程式碼中產生 () -> Unit 參數。

頁框或群組圖層

children (圖層內容)

背景顏色

  • 系統會在程式碼中產生 Color 參數。

padding (自動版面配置邊框間距)

邊框半徑

  • 系統會在程式碼中產生 Double 參數。

文字圖層

文字內容

color (文字顏色)

  • 系統會在程式碼中產生 Color 參數。

圖片圖層

圖片內容

  • 程式碼中會產生 Painter 參數。

新增參數

  1. 選取元件層。

  2. 按一下「+」，然後選取參數屬性。

    新增參數

重新命名參數

  1. 選取參數。
  2. 編輯「Name」欄位。

移除參數

  1. 選取參數。
  2. 按一下「垃圾桶」圖示。