參數是 UI 套件的可變更元素。Relay 工作流程支援兩種參數:內容參數和互動處理常式。
- 內容參數可讓 Compose 程式碼以動態方式變更 UI 套件的元素,例如內容和樣式。
- 互動處理常式可讓 Compose 程式碼回應使用者輸入內容,例如長按或輕觸兩下。
您可以將參數新增至 UI 套件或其子項。如果目標圖層的名稱相同,參數繫結也會在不同 Figma 變化版本之間共用。在產生的程式碼中,每個參數都會轉換為可組合函式參數。
![Figma 中的參數和產生的程式碼](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/add-parameters/parameters.png?authuser=9&hl=zh-tw)
參數屬性
Figma 中的圖層類型會確定可用的參數屬性:
所有圖層
tap-handler (指定可輕觸的圖層)
- 系統會在程式碼中產生
() -> Unit
參數。
doubletap-handler (指定可輕觸兩下圖層)
- 系統會在程式碼中產生
() -> Unit
參數。
longpress-handler (指定可長按的圖層)
- 系統會在程式碼中產生
() -> Unit
參數。
頁框或群組圖層
children (圖層內容)
- 系統會在程式碼中產生
Composable
參數。 - 詳情請參閱子參數。
背景顏色
- 系統會在程式碼中產生
Color
參數。
padding (自動版面配置邊框間距)
- 程式碼中會產生
PaddingValues
參數。
邊框半徑
- 系統會在程式碼中產生
Double
參數。
文字圖層
文字內容
- 如果文字只有一個樣式,程式碼會產生
String
參數。 - 如果文字包含多個樣式,則會在程式碼中產生
AnnotatedString
參數。
color (文字顏色)
- 系統會在程式碼中產生
Color
參數。
圖片圖層
圖片內容
- 程式碼中會產生
Painter
參數。
新增參數
- 選取元件層。
按一下「+」,然後選取參數屬性。
重新命名參數
- 選取參數。
- 編輯「Name」欄位。
移除參數
- 選取參數。
- 按一下「垃圾桶」圖示。
為您推薦
- 注意:系統會在 JavaScript 關閉時顯示連結文字
- Compose 版面配置的基本概念
- 文字中的多種樣式
- 適用於 Jetpack Compose 的 Kotlin