练习 - 为新画布应用创建和调整 UI

已完成

希望您一直在跟随我们逐步构建 Contoso 咖啡机应用。 如果没有练习也别担心! 在本练习中,我们将制作一个应用,来尝试我们在本学习模块中学到的所有新技能。

转到 Power Apps 主页并从画布应用创建一个新的空白画面,然后按照以下步骤操作:

  1. 插入一个矩形并调整其大小,以覆盖屏幕顶部,高度为 80。

  2. 插入图像并调整其大小,在屏幕左上角纳入矩形。

  3. 将 Image 属性改为:

    User().Image

  4. 插入文本标签并将其放置在标题中图像的右侧。

  5. Text 属性更改为:

    "Welcome, " & User().FullName

  6. 调整文本标签的大小,使文本可显示为单行。

  7. 文本输入控件插入应用中。 将其放置在标题矩形下方的某个位置。

  8. 重置图标插入您的应用中。 将其放置在文本输入控件的右侧。

  9. 将重置图标的 OnSelect 属性更改为:

    Reset(TextInput1)

    注意

    Reset 函数可将任意文本输入更改为默认值,在本例中为“文本输入”。

  10. 树视图中选择应用Screen1,然后从命令栏中的主题下拉菜单中选择一个选项,将一个主题应用到您的应用。 您的应用现在应该类似于下面的应用(我们选择深蓝作为主题)。

    应用主题的屏幕截图。

  11. 现在,将应用置于预览模式。 在文本输入控件中输入一些文本,然后选择“重置”图标。 您的文本应恢复为“文本输入”。

  12. 接下来,尝试像在 Samsung Galaxy Tab A7 上那样查看您的应用。

  13. 接下来,尝试像在 iPhone 14 上那样查看此应用,并尝试切换方向。

恭喜您学会了新技能!