图标

已完成

大多数应用中都包含易于理解的图标,如表示“保存”的软盘图标或表示“后退”的后退箭头。 与标签或按钮相比,使用图标的优势在于图标不需要文本,而且在不适合文本的位置,它通常也可以适合。

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

图标列表的屏幕截图。

添加图标

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

  1. 打开 Contoso 咖啡机应用并选择“Catalog Screen”。

  2. 选择命令栏上的插入,从而插入“后退箭头”图标。 您可以通过展开图标选项找到该图标,或者直接在插入搜索字段中输入“后退”。

    注意

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

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

  4. 后退箭头的颜色更改为白色,为此请选择命令栏中的颜色按钮,然后选择选项框左下角标准颜色下方的白色圆形。

  5. 接下来,将 OnSelect 属性更新为:Back()

  6. 接下来,使用您的后退箭头图标作为模板,将它复制并粘贴到“Admin Screen”上。 这样一来,您可以避免调整 ColorOnSelect 属性。

更改图标

您可能记得,我们可以通过更改图标控件的 Icon 属性来更改图标类型。 接下来,我们将在制作主屏幕图标时这样做。

  1. 向您的“Admin Screen”中复制/粘贴另一个后退箭头图标。

  2. 在您的标题矩形中,将它放置在右上角。

  3. 注意命令栏中有一个 Icon 属性按钮,请选择该按钮并查找/选择主页图标(您可以在搜索字段中输入“主页”以提供帮助)。 注意后退箭头会立即更改为主页图标。 您可以对任何 Power Apps 图标执行此操作!

  4. 最后,我们通过输入以下内容来修改 OnSelect 属性,以便返回“Home Screen”:

    Navigate('Home Screen')

即使我们的应用只有三个屏幕,您也可以看到主页图标的实用程序,它在多屏幕应用中是一个可选择的控件,此时可选择的后退箭头不一定会使我们返回应用的主屏幕。

图标是一种易用的控件,您可以用它来增强应用的用户界面! 在下一单元中,让我们详细了解图像控件。