[本文为预发布文档，可能会发生变化。]
从 Figma UI 套件创建应用支持某些组件。 在本文中，您将了解这些组件。
要了解支持的组件的最新信息或查看详细示例，您可以访问从 Figma UI 套件创建应用中的支持的组件页面。
重要
不要重命名组件或更改层。 否则，组件不会转换 Power Apps 中的属性。
可滚动部分
可滚动部分是屏幕上的一个部分。 如果内容超出部分之外，用户滚动时内容仍可访问。
UI 套件中的可滚动部分有两种不同的格式：手机和平板电脑。
表单
当您希望用户填写字段和提交数据时，使用“表单”部分。
在 Power Apps 中，此部分可以滚动。
- 应仅将垂直或水平数据卡组件放在表单部分中。
- 不要混合和匹配垂直和水平数据卡。
- 不要在表单框架中使用基本组件。
容器（垂直）
当您希望内容滚动时，使用容器（垂直）部分。 例如，如果您需要一段较长的解释性内容。
提示
您还可以在容器（垂直）部分添加一个小表单。
- 在容器框架中使用基本组件和表单。
- 不要将垂直或水平卡片组件放在容器（垂直）部分。
垂直和水平数据卡
垂直和水平数据卡是在表单上自动排列的组件。
备注
确保所有数据卡都直接放在表单组件内。 数据卡不能在表单外使用。
标题和分隔线
文本输入、下拉列表和组合框
切换、复选框和单选按钮
滑块、评级
日期选取器
列表框
富文本
计时器
组件大小、状态和类型
按钮大小
按钮状态
- 如果您想要一个带有笔画的带轮廓按钮，在 Figma 中将笔画设置为“居中”，因为 Power Apps 仅转换居中的笔画。
标签大小
备注
在文本标签中仅使用一种字体和字体大小。 如果您想要在文本标签中使用多种字体或字体大小，请使用这些变体制作单独的标签。 此外，请确保标签的文本不会超出边界框，否则将无法正确转换。
文本输入大小
文本输入状态
文本输入类型
组合框大小
组合框状态
下拉列表大小
下拉列表状态
复选框大小
复选框状态
单选按钮大小
单选按钮状态
单选按钮类型
- 所有单选按钮和文本保持相同颜色。 转换为应用时，Power Apps 将使用第一个单选按钮的颜色作为所有其余按钮的颜色。 不会识别您可能使用过的任何其他颜色。
切换大小
切换状态
切换类型
日期选取器大小
日期选取器状态
日期选取器类型
滑块大小
滑块状态
滑块类型
评分大小
评分状态
评分类型
- 在 Figma 中设计时将所有星形保持相同颜色。 转换为应用时，Power Apps 将使用第一个星形的颜色作为所有其余星形的颜色。 不会识别您可能使用过的任何其他颜色。
列表框大小
列表框状态
列表框类型
富文本大小
富文本状态
计时器大小
计时器状态
要忽略的内容
使用这些组件制作不需要在最终应用中呈现的注释、评论或其他内容。 当您在 Power Apps 中转换设计时，这些内容将被忽略。
图像和矩形
将设计转换为应用时，图像和矩形将按原样呈现。
图像
矩形
- 应仅使用方角的矩形，因为 Power Apps 只能转换方角的矩形。 在 Figma 中，这意味着必须将角半径设置为零。