实验 - 使用独特控件创建画布应用

已完成

重要提示

请勿使用您的凭据登录本实验。 请按照以下步骤使用正确的凭据登录您的实验环境:

  1. 在本单元中选择登录以启动 VM 模式
  2. 将出现一个 PowerShell 窗口和一个 Windows 命令提示窗口。 两到三分钟之后,这两个窗口将关闭,Power Apps 会自动打开。 等待 Power Apps 主屏幕出现。

要查看实验说明,请在实验侧边栏上选择说明选项卡。

创建数据集合

在本培训中,您将使用之前单元中提及的多个控件创建在与控件交互过程中发生变化的单位画布应用。 帮助您了解控件的功能以及如何使用控件满足您的需求。

注意

Power Apps 需要 Office 365 许可证或免费试用版。 了解有关授权选项的详细信息。 Microsoft 产品包括 Microsoft Power Apps 和 Power Automate。

  1. 登录到 Power Apps。 如果使用的是虚拟环境,请跳到步骤 2。

  2. 在“主页”屏幕上,从下拉菜单中选择新建应用,然后从中选择一个选项,开始设计页面。

    “从头开始创建画布应用”功能的屏幕截图。

  3. 将应用命名为 New Controls App 并选择创建

    带有“创建”按钮的名为“新 UI 应用”的新应用屏幕截图。

  4. 选择插入选项卡并添加按钮,将其OnSelect属性设置为以下公式:

     ClearCollect(CityPopulations, {City:"London", Country:"United
     Kingdom", Population:8615000}, {City:"Berlin",
     Country:"Germany", Population:3562000}, {City:"Madrid",
     Country:"Spain", Population:3165000}, {City:"Rome",
     Country:"Italy", Population:2874000}, {City:"Paris",
     Country:"France", Population:2273000}, {City:"Hamburg",
     Country:"Germany", Population:1760000}, {City:"Barcelona",
     Country:"Spain", Population:1602000}, {City:"Munich",
     Country:"Germany", Population:1494000}, {City:"Milan",
     Country:"Italy", Population:1344000})
    

    要在虚拟环境中复制和粘贴文本,请选择屏幕左上角的命令按钮,然后依次选择键入文本键入剪贴板文本。 在窗口中粘贴复制的文本。 选择了“命令”按钮时的屏幕截图,其中突出显示了“键入文本”和“键入剪贴板文本”。

  5. 按住 Alt 并选择按钮控件。 (此操作将创建集合并存储所有信息)。

  6. 选择顶部的下拉列表并选择空白垂直库,然后在数据源弹出窗口中选择 CityPopulations

  7. 选择库后,在右侧窗格中将布局从空白改为标题、副标题和正文

  8. 选择库中第一个项目的最后一个或第三个标签并将文本属性改为 ThisItem.Population

    文本属性的库菜单项屏幕截图。

  9. 选择插入下拉列表并选择滑块

  10. 将滑块的 Maximum 属性改为 10000000。

  11. 插入标签并将 Text 属性改为 Slider1.Value

  12. 选择库中的第一个项目,然后选择顶部栏中的图标并选择选中

    注意

    您应看到库中的每个单元格中显示多个复选标记。 预计出现这种结果,因为库将所有项目重复设置为与第一个项目相同的格式。 如未看到多个复选标记,请确保已选择库中的第一个项目,然后再次插入选中图标。

  13. 将选中图标的 Visible 属性改为:

     ThisItem.Population > Slider1.Value
    

    包含示例数据的应用屏幕的屏幕截图。

更改滑块时,您应看到库中每个项目的选中标记显示和消失,因为您设置可见性随滑块控件变化。 基本上,您制作了显示城市人口是否大于滑块值的库。