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

已完成

重要提示

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

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

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

在本练习中,您使用之前单元中提及的多个控件,创建在您与控件交互时更改的画布应用。 这将帮助您了解控件的功能以及如何使用控件满足您的需求。

注意

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

  1. 如果您仍有我们在本学习模块的单元 3 中创建的包括 City Populations 的应用,则可以跳至步骤 9。 否则,登录到 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
    

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

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