参数是界面软件包的可更改元素。Relay 工作流支持两种类型的参数:内容参数和交互处理程序。
- 利用内容参数,Compose 代码可以动态更改界面软件包的元素,例如内容和样式。
- 利用交互处理程序,Compose 代码可以响应用户输入,例如长按或点按两次。
您可以向界面软件包或其子级添加参数。如果 Figma 变体的目标层具有完全相同的名称,则这些变体之间还会共享参数绑定。在生成的代码中,每个参数都会转换为可组合函数参数。
![Figma 中的参数和生成的代码](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/add-parameters/parameters.png?authuser=9&hl=lt)
参数属性
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
参数。
添加参数
- 选择一个组件层。
点击 +,然后选择参数属性。
重命名参数
- 选择一个参数。
- 修改 Name 字段。
移除参数
- 选择一个参数。
- 点击 Trash Can 图标。
为您推荐
- 注意:当 JavaScript 处于关闭状态时,系统会显示链接文字
- Compose 布局基础知识
- 文本中包含多种样式
- Kotlin 对 Jetpack Compose 的支持