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

已完成

重要提示

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

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

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

创建数据集合

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

注意

Power Apps 需要 Office 365 许可证、免费试用版或免费的开发人员帐户。

  1. 登录到 Power Apps

  2. 在主屏幕上,选择创建>空白应用,然后在弹出窗口中在空白画布应用下方选择创建

  3. 将您的应用命名为 New Controls App,然后选择创建

  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

    插入的库的屏幕截图,突出显示“插入”按钮和“CityPopulations”。

  7. 选择库后,在右侧的“属性”面板中,将布局从图像、标题和副标题更改为标题、副标题和正文

  8. 选择库中第一个项目的最后一个或第三个标签,然后将 Text 属性更改为 ThisItem.Population

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

  9. 在树视图中选择 Screen1(这样您就不会插入到库中)。 然后,选择插入按钮并查找/选择滑块控件。

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

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

  12. 选择库中的第一个项目并选择插入。 然后,找到并选择检查图标。 将它放置在库的右侧

    注意

    您应看到库的每一行中都显示复选标记。 库将所有项目重复设置为与第一个项目相同的格式。 如未看到多个复选标记,请确保已选择库中的第一个项目,然后再次插入选中图标。

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

    ThisItem.Population > Slider1.Value
    

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

将应用置于预览模式下并尝试调整滑块。 调整滑块时,您应看到库中每个项目的复选标记显示和消失,因为您将可见性设置为随滑块控件变化。 基本上,您制作了显示城市人口是否大于滑块值的库。