使用 Power Apps component framework 和画布应用组件构建可重用的 UI

Power Apps 提供两个创建可重用组件的选项:

  • 画布应用组件,这是一种在中创建可重用控件的低代码方式 Power Apps Studio。
  • Power Apps 组件框架,这是一种使用 HTML、Typescript 和构建可重用控件的专业开发人员方式 CSS。

画布应用组件功能强大,可用于满足应用的大多数 UI 要求。 您应该首先考虑它们,因为在大多数情况下,构建和维护它们的成本可能都要低于 Power Apps component framework。

下图显示了画布应用组件的示例。

画布应用中的组件的屏幕截图,如会话、计划和活动。

画布应用组件可以打包在组件库中,组件库是一些容器,帮助跨多个应用轻松地重用组件。 组件库使搜索和发现组件、发布更改以及在组件更新可用时通知应用制作者变得简单。

创客门户中组件库的屏幕截图。

对于更高级的方案,Power Apps component framework 提供对丰富的框架 API 集的访问,这些 API 将公开很多功能,如组件生命周期管理、上下文数据和元数据。 对于需要访问设备功能(如摄像头、麦克风)的场景使用 Power Apps component framework 构建代码组件将是唯一的选择。 使用 Power Apps component framework 创建的代码组件可用于画布应用、模型驱动应用和 Power Apps 门户。

要了解 Power Apps component framework 的实际使用,请查看有关 Chevron 如何构建数字增强型井计划工具,帮助设计 35,000 英尺深(接近地下 7 英里)的井的视频:视频:真实故事:全球能源公司利用 Microsoft Power Platform 推动数字化转型。 此数字工具使用 Power Apps component framework 增强应用体验。

显示使用 Power Apps component framework 构建的代码组件构建的模型驱动应用的屏幕截图

此代码组件显示了一个带有下拉菜单的高级输入字段,其中包含帮助用户理解用于获取输入字段值的公式的附加信息。