我看到许多围绕这个主题的漂亮博客，其中一些是：

创建和使用自定义瓷砖类型在Fiori Launchpad上创建一个类似SAP Smart Business的无HANA的tileFiori Launchpad中的定制磁贴类型（虽然这不是真正的"定制"磁贴类型-更像是定制的标准磁贴类型）

无论如何，我的目标是将所有磁贴放在一起，并拥有一个能够显示Microchart的自定义磁贴类型（如SAP Smart Business上的磁贴类型）。此外，它还应该连接到oData服务，为磁贴本身赋予一些"生命"。

在本例中，我们将创建一个专门用于管理人员的磁贴：它将有一个嵌入式比较显微图，显示过去3个月内员工超时的平均数。

那么，让我们开始吧！

1.创建磁贴

技术上讲，如这里的标准帮助指南所述，可以通过创建SAPUI5视图来设置自定义磁贴，将其注册为服务器上的CSR芯片，并将其添加到磁贴目录配置中。

没有真正说明的是，如果您需要动态磁贴（甚至静态磁贴，但有了导航功能）这并不是很简单。为了让它"活"起来，必须遵循许多规则，因为新的Tile的开发方式必须与Launchpad本身周围的所有框架兼容，比如配置、导航、语义对象分配等等。

幸运的是，几乎所有的工作都已经由SAP的人员完成了，因此，我们可以从一个工作模板开始，而不是从头开始。

打开/UI2/FLPD\u CUST并将参数sap ui debug=true附加到URL，以便获得如下内容：

：/sap/bc/ui5\u ui5/sap/arsrvc\u upb\u admn/main.html？scope=CUST&sap client=100&sap language=IT&sap ui debug=true

加载并…耐心等待，处于调试模式的库需要一段时间才能得到处理。

一旦您可以访问启动板，打开Chrome Developer tools并导航到"网络"选项卡（如果您没有看到任何内容，则可能需要重新加载页面）。在过滤器字段中输入"Dynamic"并检查加载的文件：

我们需要DynamicTile的内容-dbg.controller.js文件但我们可以跳过DynamicTile-dbg.view.js文件因为我们稍后将创建自己的UI。此时，您还应下载applauncher的内容_动态.chip.xml.

现在，让开发人员工具保持打开状态，返回Launchpad定制页面，单击任何动态互动程序以进入其配置页面。然后，好评返现卡，回到开发者工具中的网络选项卡，这次搜索"配置"：

我们需要两者的内容配置.view.xml和配置-dbg.controller.js文件.

注意这些文件的url：它们必须属于sap/ushell/components/tiles/applauncherdynamic存储库。

有了这些源，我们现在已经准备好创建我们的tile了。

为了本教程的目的，我使用Eclipse创建了一个简单的项目–我没有使用SapWebIDE的原因是因为我没有一个正确设置的从云部署的环境（我很懒，Eclipse团队提供程序比手动下载/上传要快）。

结构这个项目的目的很简单：

配置.controller.js以及配置.view.xml是上一章下载的原始资料的副本，只是为了重写原来的组件名称空间而稍微做了改动。

KpiTile.controller.js文件是原件的一个修改过的副本DynamicTile.controller.js文件来源

KpiTile.view.xml文件是新的平铺布局文件。

kpilauncher_动态.chip.xml是原始applauncher的更改副本_动态.chip.xml来源

打开KpiTile.view.xml文件创造你自己的瓷砖。您可以使用任何平铺类型（StandardTile、CustomTile、GenericTile），但请记住，唯一支持的框架类型是OneByOne–我无法使用TwoByOne框架使其工作，但可能其他人会

此外，GenericTile是最适用于Microcharts等内容的类型。

下面是我的示例：

让我们看看在装订处。磁贴应显示静态标题和在磁贴本身的配置属性中定制的静态字幕。另一方面，嵌入式Microchart应显示来自oData服务的实时数据。

每个动态磁贴的配置模型的"config"属性具有以下属性：

显示标题文本显示字幕文本显示\u图标\u url显示\信息\文本显示\u编号\u单位

配置模型的"数据"属性具有从任何配置的oData服务Url传入的动态属性，该Url可以驱动动态文件上的数据：

图标信息信息状态数数字位数数字因子数字状态数字单位状态箭头字幕目标参数标题

除了这些属性之外，请记住oData服务可以返回您想要的任意多个属性，因此，通过一个小技巧，磁贴将不限于仅显示这些属性。

此外，不要更改注册到磁贴按下事件的"onPress"事件处理程序：这已经在原始控制器文件中管理，并且很好用。如果您想让互动程序执行其他操作，而不是导航到某个内容，然后更改事件处理程序并在控制器对象中实现您的特定行为KpiTile.controller.js文件文件，因为我们需要对从标准复制的代码做一些更改。