目标：

我们可能需要SAP UI控件提供的所有属性和功能进入我们的自定义控件，但呈现UI元素应符合我们自己的要求。

让我们开始：

为了达到上述要求，我正在考虑以sap.m.GenericTile为例。

我们将在GenericTile中添加两个自定义标签，数据分析平台，人工智能可以做什么，并且我们应该将sap.m.GenericTile的所有功能也添加到我们的自定义ui控件中。

首先，我们应该在sap Web IDE中创建一个sap UI5项目。

并创建一个如下所示的文件夹，我们将在其中存储我们的所有customcontrol。

和创建以下两个文件：

现在我们将把sap.m.GenericTile的所有元数据特性扩展到我们自己的CustomGenericTile中，如下：

现在我们可以添加我们自己的附加属性，我们想要的事件。如下：

现在我们必须根据自己的要求编写自己的自定义渲染器。但是sap.m.GenericTile的所有可用功能我们也可以按原样使用。

我们可以从上面的代码片段中看到，什么是云，大数据如何处理，我们正在检索自定义和继承属性的值。

现在，全球云购，我们将开始编写自己的UI元素呈现过程。

现在我们必须在中创建一个模型组件.js文件如下：

现在我们将整合我们的自定义控件进入视图如下：

在应用程序的css文件中输入以下.css类。

现在我们将运行我们的应用程序，我们将得到如下结果：

我们可以看到我们自己的CustomGenericFile拥有sap.m.GenericFile的所有功能以及我们自己的功能。