[发明专利]界面构造方法、可读存储介质和电子设备

说明书

本发明实施例提出界面构造方法、可读存储介质和电子设备。方法包括：接收用户输入的用户接口UI界面构造请求，在显示屏上生成构造界面，并在显示屏上生成管理界面，该管理界面用于提供UI界面构造模板，该模板包括：构造UI界面所需的元素选项，所述元素选项包括：界面选项和控件选项；检测用户在管理界面上选择的元素选项，将用户选择的元素选项添加到UI数据模型中，检测用户设置的元素选项在构造界面上的布局，将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中；以用于根据所述UI数据模型生成UI界面。本发明实施例能够根据用户的个性化需求自动、快速地构造UI界面的可视化功能和操作交互功能。

技术领域

本发明涉及产品开发技术领域，尤其涉及界面构造方法、可读存储介质和电子设备。

背景技术

目前，物联网行业中每个功能都需要多端合作开发，每一个功能都需要进行产品-设计-设备开发-服务开发-客户端开发的多端联调。在生成应用程序(APP)界面时，都是采用编译器自带的可视化图形编辑，只能生成UI(User Interface，用户接口)视觉和功能，并需要开发者根据实际场景编写界面功能。这样场景发生变化了，就需要重新编写界面功能，效率很低且人工成本很高。

发明内容

本发明实施例提出界面构造方法、可读存储介质和电子设备，以实现自动、快速地构造个性化界面。

本发明实施例的技术方案是这样实现的：

一种界面构造方法，该方法包括：

接收用户输入的用户接口UI界面构造请求，在显示屏上生成构造界面，并在显示屏上生成管理界面，该管理界面用于提供UI界面构造模板，该模板包括：构造UI界面所需的元素选项，所述元素选项包括：界面选项和控件选项；

检测用户在管理界面上选择的元素选项，将用户选择的元素选项添加到UI数据模型中，检测用户设置的元素选项在构造界面上的布局，将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中；以用于根据所述UI数据模型生成UI界面。

所述检测用户在管理界面上选择的元素选项包括：

检测到用户在所述管理界面上操作了创建界面选项，则为用户提供界面名称输入入口，并为用户提供可选界面背景UI样式列表；

所述将用户选择的元素选项添加到UI数据模型中包括：

将用户输入的界面名称和用户所选择的背景UI样式ID添加到UI数据模型中。

所述元素选项包括：产品信息选项，

所述检测用户在管理界面上选择的元素选项包括：

检测用户在所述管理界面上输入了产品信息，则记录该产品信息与UI数据模型的对应关系。

所述检测用户在管理界面上选择的元素选项包括：

检测到用户在所述管理界面上操作了创建控件选项，则为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表；所述功能点描述信息输入入口和选项包括：功能点名称和ID输入入口、以及可选功能点数据类型列表、功能点的数据约束信息配置入口；

所述将用户选择的元素选项添加到UI数据模型中包括：

将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中；

所述检测用户设置的元素选项在构造界面上的布局包括：

检测用户将所选择的功能点UI样式拖动到所述构造界面上的位置；

所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中包括：