添加参数

参数是界面软件包的可更改元素。Relay 工作流支持两种类型的参数:内容参数和交互处理程序。

  • 利用内容参数,Compose 代码可以动态更改界面软件包的元素,例如内容和样式。
  • 利用交互处理程序,Compose 代码可以响应用户输入,例如长按或点按两次。

您可以向界面软件包或其子级添加参数。如果 Figma 变体的目标层具有完全相同的名称,则这些变体之间还会共享参数绑定。在生成的代码中,每个参数都会转换为可组合函数参数。

Figma 中的参数和生成的代码

参数属性

Figma 中的层类型决定了可使用哪些参数属性:

所有层

tap-handler(指定可以点按层)

  • 在代码中生成 () -> Unit 参数。

doubletap-handler(指定可以点按两次层)

  • 在代码中生成 () -> Unit 参数。

longpress-handler(指定可以长按层)

  • 在代码中生成 () -> Unit 参数。

框架层或组层

children(层内容)

background-color

  • 在代码中生成 Color 参数。

padding(自动布局内边距)

border-radius

  • 在代码中生成 Double 参数。

文本层

text-content

color(文本颜色)

  • 在代码中生成 Color 参数。

图片层

image-content

  • 在代码中生成 Painter 参数。

添加参数

  1. 选择一个组件层。
  2. 点击 +,然后选择参数属性。

    添加参数

重命名参数

  1. 选择一个参数。
  2. 修改 Name 字段。

移除参数

  1. 选择一个参数。
  2. 点击 Trash Can 图标。