使用主题化组件

制作者在其中创建画布应用的组织经常会问起应用主题的能力—特别是创建与组织品牌相匹配的应用的能力。 此解决方案中的资产将帮助您创建、管理和共享主题。 详细信息:设置主题化组件

您可以使用主题化组件来创建和管理画布应用的主题。 主题包含一组样式,这些样式定义控件和组件的多个设计属性,如颜色、字体和边框。 然后当制作者使用主题化的模板应用创建新应用时,这些样式就会自动应用;控件和组件将自动主题化。

主题化组件有助于确保制作者能够专注于重要的事情—他们正在尝试解决的业务逻辑和问题,并确保用户在使用应用时可以拥有一致的体验。

下面是主题化组件解决方案中的资产的明细:

主题

表示使用主题编辑器应用创建的自定义主题。

样式

表示与使用主题编辑器应用创建的主题相对应的样式属性。 颜色、边框、字体存储在此表中。

应用

主题编辑器

主题编辑器应用允许设计人员创建和管理主题。 主题包含一组样式,这些样式定义控件和组件的设计属性,如颜色、字体和边框。

权限:与创建主题的设计人员共享主题编辑器。

先决条件:此应用程序使用 Microsoft Dataverse;因此,每个应用程序用户都需要 Premium 许可证。

备注

如果您最近在环境中启用了使用代码组件,您可能必须编辑并重新发布主题编辑器才能正确显示组件。

主题编辑器提供现有主题的概览,用户可以编辑主题或创建新主题。

主题编辑器。

使用样式(颜色选取器、字体选取器)创建样式,在编辑各种颜色、字体和大小时查看主题的实时预览。

主题编辑器 - 创建主题。

主题创作完成后,选择发布主题。 在这里,主题设计人员需要更新 AppTemplatePhone.msapp 和 AppTemplateTablet.msapp 文件,并上载它们。 此步骤确保应用模板可供制作者使用。

主题编辑器 - 发布主题。

更新 .msapp 文件

  1. 将公式 Set(ThemeName, "Your Theme Name") 复制到剪贴板或记事本。
  2. 转到 make.powerapps.com,然后转到安装了主题化解决方案的 CoE 环境。
  3. 在左侧窗格中选择解决方案
  4. 选择卓越中心主题化解决方案。
  5. 编辑 AppTemplatePhone 画布应用。 主题编辑器 - 编辑应用模板。
  6. 选择应用>OnStart,将公式中的第一行替换为从主题编辑器中复制的新公式。 确保不要替换 OnStart 函数中的任何其他公式,该行以分号结尾。 主题编辑器 - 插入 OnStart 公式。
  7. 选择文件>另存为>此计算机将文件保存在本地。 主题编辑器 - 保存模板。
  8. 下载文件。 主题编辑器 - 下载模板。

对 AppTemplateTablet 画布应用完成相同的步骤。

返回主题编辑器应用,上载您刚才下载的模板文件。

主题编辑器 - 发布应用主题。

选择完成将主题发布到主题库应用中。

应用创建者可以使用主题库应用浏览现有主题,并下载相应的手机 (AppTemplatePhone.msapp) 或平板电脑 (AppTemplateTablet.msapp) 布局的模板应用。

权限:与组织中的制作者共享主题库。

先决条件:此应用程序使用 Dataverse;因此,每个应用程序用户都需要 Premium 许可证。

创建者可以获得概览,并可以浏览可用主题

主题库 - 查看主题。

主题的详细信息视图提供预览,其中包含应用于本机控件和组件的所有样式。

主题库 - 详细信息视图。

应用制作者可以下载与所选布局相对应的模板。

主题库 - 下载。

使用模板

基于模板创建新应用。

  1. 转到 make.powerapps.com
  2. 选择新建>画布应用
  3. 选择 ...>打开>浏览文件,然后选择从主题库下载的模板文件。
  4. 打开后,主题将自动应用到您添加到屏幕的控件或组件。 带有主题的新应用。

组件

共享组件库

组件库 提供了一个集中且托管的组件存储库,以实现可重用性。 推荐使用组件库在应用之间共享组件。

主题化组件解决方案中的共享组件库包含 Header、TabControl 和 PreLoader 组件。 共享组件库不可编辑。 在扩展库之前创建一个库副本。

权限:与组织中的制作者共享组件库。 当制作者使用相同组件创建应用时,他们就会帮助确保组织中各个应用的外观和风格保持一致。

要使组件也使用主题,创建者需要更新 Style 属性,将其设置为 ComponentStylesComponentStyles 是专为组件设置格式的样式集合,并作为应用程序启动代码的一部分进行初始化。

更新 ComponentStyles 属性。