32. 如何创建一个自定义 SAP UI5 控件

SAP UI5 应用开发教程之三十二 - 如何创建一个自定义 SAP UI5 控件

本教程前面三十一个步骤，我们使用的都是 SAP UI5 框架提供的标准控件。如果这些控件不能满足我们项目中的某些特殊需要，我们也可以自己动手创建新的自定义控件，然后如同消费 SAP UI5 标准控件一样的方式，去消费这些 自定义控件。

本步骤我们创建一个自定义控件，可以给产品打分(rating)。我们把这个自定义控件显示在发票明细页面里，如下图所示:

本步骤包含的自定义控件的实现代码，位于这个 Github 仓库下面：

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/32

下面是这个自定义控件的实现明细。

在 webapp 文件夹里新建一个 control 文件夹，用于存放自定义控件的实现：ProductRating.js。

同标准的 SAP UI5 控件一样，我们的自定义控件也必须扩展自 sap/ui/core/Control, 见下图代码第 2 行，并且需要实现三个属性/方法：

• metadata
• init
• renderer