界面构造方法、可读存储介质和电子设备技术

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

【技术实现步骤摘要】
界面构造方法、可读存储介质和电子设备


[0001]本专利技术涉及产品开发
，尤其涉及界面构造方法、可读存储介质和电子设备。

技术介绍

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

技术实现思路

[0003]本专利技术实施例提出界面构造方法、可读存储介质和电子设备，以实现自动、快速地构造个性化界面。
[0004]本专利技术实施例的技术方案是这样实现的：
[0005]一种界面构造方法，该方法包括：
[0006]接收用户输入的用户接口UI界面构造请求，在显示屏上生成构造界面，并在显示屏上生成管理界面，该管理界面用于提供UI界面构造模板，该模板包括：构造UI界面所需的元素选项，所述元素选项包括：界面选项和控件选项；
[0007]检测用户在管理界面上选择的元素选项，将用户选择的元素选项添加到UI数据模型中，检测用户设置的元素选项在构造界面上的布局，将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中；以用于根据所述UI数据模型生成UI界面。
[0008]所述检测用户在管理界面上选择的元素选项包括：
[0009]检测到用户在所述管理界面上操作了创建界面选项，则为用户提供界面名称输入入口，并为用户提供可选界面背景UI样式列表；
[0010]所述将用户选择的元素选项添加到UI数据模型中包括：
[0011]将用户输入的界面名称和用户所选择的背景UI样式ID添加到UI数据模型中。
[0012]所述元素选项包括：产品信息选项，
[0013]所述检测用户在管理界面上选择的元素选项包括：
[0014]检测用户在所述管理界面上输入了产品信息，则记录该产品信息与UI数据模型的对应关系。
[0015]所述检测用户在管理界面上选择的元素选项包括：
[0016]检测到用户在所述管理界面上操作了创建控件选项，则为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表；所述功能点描述信息输入入口和选项包括：功能点名称和ID输入入口、以及可选功能点数据类型列表、功能点的数据约束信息配置入口；
[0017]所述将用户选择的元素选项添加到UI数据模型中包括：
[0018]将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中；
[0019]所述检测用户设置的元素选项在构造界面上的布局包括：
[0020]检测用户将所选择的功能点UI样式拖动到所述构造界面上的位置；
[0021]所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中包括：
[0022]将用户将所选择的功能点UI样式拖动到所述构造界面上的位置信息添加到UI数据模型中。
[0023]所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后，进一步包括：
[0024]在所述管理界面上为用户提供功能点的数据约束值的描述信息配置入口，或/和，在所述管理界面上为用户提供控件的跳转信息配置入口；
[0025]且，所述将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后，进一步包括：
[0026]将用户配置的功能点的数据约束值的描述信息、或/和控件的跳转信息添加到所述UI数据模型中。
[0027]所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表之后，进一步包括：
[0028]在所述管理界面上为用户提供界面之间或/和控件之间的关联关系配置入口，或/和，在所述管理界面上为用户提供界面或/和控件的的展示效果配合入口，或/和，在所述管理界面上为用户提供界面或/和控件的展示文案配置入口；
[0029]且，所述将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中之后，进一步包括：：
[0030]将用户配置的界面之间或/和控件之间的关联关系，或/和，用户配置的界面或/和控件的的展示效果，或/和，用户配置的界面或/和控件的展示文案添加到所述UI数据模型。
[0031]所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型之后，进一步包括：
[0032]检测到用户对所述构造界面上的任一元素的位置进行了调整，则以该元素的新位置信息更新所述UI数据模型中记录的该元素的位置信息。
[0033]所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中之后，进一步包括：
[0034]接收到一客户端发来的携带产品信息的界面下载请求，则根据该产品信息查找到对应的UI数据模型，将该UI数据模型返回给客户端。
[0035]一种非瞬时计算机可读存储介质，所述非瞬时计算机可读存储介质存储指令，所述指令在由处理器执行时使得所述处理器执行如上任一项所述的界面构造方法的步骤。
[0036]一种电子设备，包括如上所述的非瞬时计算机可读存储介质、以及可访问所述非瞬时计算机可读存储介质的所述处理器。
[0037]本专利技术实施例通过提供UI界面构造模板，该模板包括：构造UI界面所需的元素选项，元素选项包括：界面选项和控件选项，并将用户选择的元素选项和设置的元素选项的布局添加到UI数据模型中，以根据UI数据模型生成UI界面，从而能够根据用户的个性化需求自动、快速地构造UI界面的可视化功能和操作交互功能。
附图说明
[0038]图1为本专利技术一实施例提供的界面构造方法流程图；
[0039]图2为本专利技术另一实施例提供的界面构造方法流程图；
[0040]图3为本专利技术实施例提供的界面构造系统的结构示意图；
[0041]图4为本专利技术又一实施例提供的界面构造方法流程图；
[0042]图5为本专利技术实施例提供的界面构造过程示意图；
[0043]图6为本专利技术实施例提供的UI数据模型的示例图；
[0044]图7为本专利技术实施例提供的UI界面生成及操作方法流程图；
[0045]图8为本专利技术实施例提供的电子设备的结构示意图。
具体实施方式
[0046]下面结合附图及具体实施例对本专利技术再作进一步详细的说明。
[0047]图1为本专利技术一实施例提供的界面构造方法流程图，其具体步骤如下：
[0048]步骤101：接收用户输入的UI界面本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面构造方法，其特征在于，该方法包括：接收用户输入的用户接口UI界面构造请求，在显示屏上生成构造界面，并在显示屏上生成管理界面，该管理界面用于提供UI界面构造模板，该模板包括：构造UI界面所需的元素选项，所述元素选项包括：界面选项和控件选项；检测用户在管理界面上选择的元素选项，将用户选择的元素选项添加到UI数据模型中，检测用户设置的元素选项在构造界面上的布局，将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中；以用于根据所述UI数据模型生成UI界面。2.根据权利要求1所述的方法，其特征在于，所述检测用户在管理界面上选择的元素选项包括：检测到用户在所述管理界面上操作了创建界面选项，则为用户提供界面名称输入入口，并为用户提供可选界面背景UI样式列表；所述将用户选择的元素选项添加到UI数据模型中包括：将用户输入的界面名称和用户所选择的背景UI样式ID添加到UI数据模型中。3.根据权利要求1所述的方法，其特征在于，所述元素选项包括：产品信息选项，所述检测用户在管理界面上选择的元素选项包括：检测用户在所述管理界面上输入了产品信息，则记录该产品信息与UI数据模型的对应关系。4.根据权利要求1至3任一所述的方法，其特征在于，所述检测用户在管理界面上选择的元素选项包括：检测到用户在所述管理界面上操作了创建控件选项，则为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式列表；所述功能点描述信息输入入口和选项包括：功能点名称和ID输入入口、以及可选功能点数据类型列表、功能点的数据约束信息配置入口；所述将用户选择的元素选项添加到UI数据模型中包括：将用户输入的实现控件的功能点名称和ID、用户选择的功能点数据类型、用户配置的功能点的数据约束信息以及用户选择的功能点UI样式ID添加到UI数据模型中；所述检测用户设置的元素选项在构造界面上的布局包括：检测用户将所选择的功能点UI样式拖动到所述构造界面上的位置；所述将用户设置的元素选项在构造界面上的布局信息添加到UI数据模型中包括：将用户将所选择的功能点UI样式拖动到所述构造界面上的位置信息添加到UI数据模型中。5.根据权利要求4所述的方法，其特征在于，所述为用户提供实现该控件的功能点描述信息输入入口和选项以及功能点可选UI样式...

【专利技术属性】
技术研发人员：楼江，李兴波，
申请(专利权)人：杭州萤石软件有限公司，
类型：发明
国别省市：