参数是 UI 包的可更改方面。Relay 工作流支持两种类型的参数:内容参数和交互处理程序。
- 内容参数 允许 Compose 代码动态更改 UI 包的元素,例如内容和样式。
- 交互处理程序 允许 Compose 代码响应用户输入,例如长按或双击。
您可以将参数添加到 UI 包或其子元素中。如果目标图层名称相同,则参数绑定也会在 Figma 变体之间共享。每个参数在生成的代码中都转换为可组合函数参数。
参数属性
Figma 中的图层类型决定了哪些参数属性可用
所有图层
tap-handler(指定图层可以被点击)
() -> Unit
参数在代码中生成。
doubletap-handler(指定图层可以被双击)
() -> Unit
参数在代码中生成。
longpress-handler(指定图层可以被长按)
() -> Unit
参数在代码中生成。
框架或组图层
children(图层内容)
Composable
参数在代码中生成。- 有关更多详细信息,请参阅子元素参数。
background-color
Color
参数在代码中生成。
padding(自动布局填充)
PaddingValues
参数在代码中生成。
border-radius
Double
参数在代码中生成。
文本图层
text-content
- 如果文本仅有一种样式,则在代码中生成
String
参数。 - 如果文本有多种样式,则在代码中生成
AnnotatedString
参数。
color(文本颜色)
Color
参数在代码中生成。
图像图层
image-content
Painter
参数在代码中生成。
添加参数
- 选择一个组件图层。
点击+ 并选择一个参数属性。
重命名参数
- 选择一个参数。
- 编辑名称字段。
删除参数
- 选择一个参数。
- 点击垃圾桶图标。
为您推荐
- 注意:当 JavaScript 关闭时显示链接文本
- Compose 布局基础
- 文本中的多种样式
- Jetpack Compose 的 Kotlin