图标

  • 3 分钟

大多数应用中都包含常见的图标，例如表示“保存”的软盘图标或表示“后退”的后退箭头。 与标签或按钮相比，使用图标的优势在于图标不需要文本，并且通常可以适合文本不适合的画布。

Microsoft Power Apps 包含图标控件，还提供许多现成可用的图标，您可以在整个应用中使用它们。 由于图标是控件，因此它们都具有可自定义的属性，包括 OnSelect 和 Color。 您可以选择命令栏上的插入按钮，从而将图标插入到您的应用中。 展开图标字段之后，您可以滚动浏览可用图标的完整列表。

图标列表的屏幕截图。

添加图标

如果您一直在构建我们的 Contoso 咖啡机应用，那么您已经对图标控件有所接触（我们将向右键更改成了编辑铅笔）。 如果您想跟随我们操作，我们将使用 Contoso 咖啡机应用添加几个图标。 如果没有此应用，您可以打开任何应用并跟随我们操作。

  1. 打开“Contoso Coffee Machines”应用并选择“Catalog Screen”。

  2. 通过选择标头（在本示例中为 Rectangle1），然后从命令栏中选择插入，在标头中插入“后退箭头”图标。 您可以通过展开图标选项或在插入搜索字段中输入“后退”来找到“后退箭头”。

    注意

    插入新图标时，它会获得所选的主题颜色方案。

    “后退箭头”列表的屏幕截图。

  3. 在您的标头矩形左上角中，重新放置新的后退箭头图标。

  4. 通过选择该图标，从命令栏中选择颜色按钮，然后在左下角的标准颜色下选择白色圆形，将图标的颜色更改为白色。

  5. 将 OnSelect 属性更新为：

    Back()

  6. 复制后退箭头图标并将其粘贴到“Admin Screen”上。 这使您可以使用其配置的 Color 和 OnSelect 属性重复使用图标。

更改图标

您可以通过更新图标控件的 Icon 属性更改图标类型。 在本示例中，您需要将后退箭头图标更改为主页图标。

  1. 复制另一个后退箭头图标并将其粘贴到“Admin Screen”。

  2. 将其放置在标头矩形的右上角。

  3. 在命令栏中选择 Icon 属性按钮，然后选择主页图标。 您可以在搜索字段中键入“home”以快速找到它。 后退箭头将立即更改为主页图标。 此方法适用于 Microsoft Power Apps 中的任何图标。

    “主页”图标的屏幕截图。

  4. 更新 OnSelect 属性以返回到主屏幕：

    Navigate('Home Screen')

    OnSelect 属性的屏幕截图，其中突出显示了该属性和导航公式。

尽管应用仅包含三个屏幕，但主页图标提供了一种一致方式来返回到主屏幕，这在具有许多屏幕的应用中特别有用，因为后退箭头可能无法使用户返回到预期的起点。

图标是一种灵活的控件，可增强应用的用户界面。 在下一个单元中，您将了解图像控件。