自定义控件的处理方法、装置、电子设备及存储介质制造方法及图纸

本申请涉及自定义控件的处理方法、装置、电子设备及存储介质，本申请通过确定在自定义控件库中被选中的目标自定义控件的控件标识，并从自定义控件库中调取与控件标识对应的目标控件数据，可以根据从目标控件数据中提取目标自定义控件包括的各个子控件的子控件数据，以及各个子控件之间的层级关系，对应创建各个子控件，并将各个子控件进行组合，生成目标自定义控件。基于上述方式，通过将目标自定义控件的目标控件数据存储在自定义控件库中，用户只需要在界面设计编辑器中的自定义控件库选中要调用的目标自定义控件的控件标识，就可以实现对目标自定义控件的自动调用，操作简便。

【技术实现步骤摘要】
自定义控件的处理方法、装置、电子设备及存储介质
本申请涉及界面设计
，尤其涉及自定义控件的处理方法、装置、电子设备及存储介质。
技术介绍
自定义控件是用户将界面设计编辑器自带的一个或多个基础控件自定义组装生成的控件集合，通常，用户会多次重复使用自定义控件，因此，设计一些方案来提高复用自定义控件的效率是很有必要的。目前常用的技术方案主要有两种，方案一：使用导出导入的方法，将创建好的自定义控件导出生成一个文件，当使用的时候再进行导入；方案二：使用容器，创建一个自定义控件的模板文件，容器会以此为模板复制得到多个自定义控件。虽然这两种方案都到达了复用的目的，但是也有很大的局限性，其中，方案一中导出导入的操作繁琐，而且要管理好自己导出的文件，一旦丢失就没有了，而且对于多人协作的情况很不友好；方案二中使用很有局限性，每次复用都需要创建容器，增加了操作的繁琐度。
技术实现思路
有鉴于此，本申请实施例的目的在于提供自定义控件的处理方法、装置、电子设备及存储介质，可以实现对目标自定义控件的自动调用，操作简便。本申请主要包括以下几个方面：第一方面，本申请实施例提供一种自定义控件的处理方法，应用于带有界面设计编辑器的用户终端，所述界面设计编辑器内置有自定义控件库，所述处理方法包括：确定在所述自定义控件库中被选中的目标自定义控件的控件标识，并从所述自定义控件库中调取与所述控件标识对应的目标控件数据；从所述目标控件数据中提取所述目标自定义控件包括的各个子控件的子控件数据，以及所述各个子控件之间的层级关系；根据所述各个子控件的子控件数据，对应创建所述各个子控件；根据所述各个子控件之间的层级关系，将所述各个子控件进行组合，生成所述目标自定义控件。在一种可能的实施方式中，所述子控件数据包括以下数据中的至少一种：对应子控件的控件类型、对应子控件的子控件标识、对应子控件在所述目标自定义控件中的布局信息、对应子控件的图片信息、对应子控件的文字信息。在一种可能的实施方式中，在所述生成所述目标自定义控件之后，所述处理方法还包括：响应于通过容器控件针对所述目标自定义控件的复制操作，以及输入的复制数量，在所述界面设计编辑器中生成所述复制数量的所述目标自定义控件。在一种可能的实施方式中，在所述确定在所述自定义控件库中被选中的目标自定义控件的控件标识，并从所述自定义控件库中调取与所述控件标识对应的目标控件数据之前，所述处理方法还包括：以字典的形式将所述目标自定义控件的目标控件数据存储在所述自定义控件库中。在一种可能的实施方式中，在所述生成所述目标自定义控件之后，所述处理方法还包括：响应于针对所述目标自定义控件的编辑操作，更新所述目标自定义控件的目标控件数据。在一种可能的实施方式中，所述处理方法还包括：响应于所述自定义控件库中所述目标自定义控件的删除操作，删除所述自定义控件库中与所述控件标识对应的所述目标控件数据。在一种可能的实施方式中，所述处理方法还包括根据以下步骤将所述目标自定义控件存储至所述自定义控件库中：响应于在所述界面设计编辑器上对所述目标自定义控件完成创建的触发事件，将创建的所述目标自定义控件的所述控件标识和所述目标控件数据关联存储至所述自定义控件库中。在一种可能的实施方式中，所述触发事件为选中所述目标自定义控件的所述各个子控件，且点击创建自定义控件的按键的事件。在一种可能的实施方式中，所述响应于在所述界面设计编辑器上对所述目标自定义控件完成创建的触发事件，将创建的所述目标自定义控件的所述控件标识和所述目标控件数据关联存储至所述自定义控件库中，包括：响应于在所述界面设计编辑器上对所述目标自定义控件完成创建的触发事件，获取所述目标自定义控件的所述控件标识；在所述自定义控件库中查找是否存在与所述控件标识对应的初始控件数据；若存在，则将所述目标控件数据替换所述初始控件数据存储在所述自定义控件库中；若不存在，则将所述控件标识和所述目标控件数据关联存储至所述自定义控件库中。在一种可能的实施方式中，所述处理方法还包括根据以下步骤生成所述目标控件数据：对所述目标自定义控件中的所述各个子控件进行遍历，提取出每个子控件对应的子控件数据，以及所述各个子控件之间的层级关系；根据所述各个子控件对应的子控件数据，以及所述各个子控件之间的层级关系，生成所述目标控件数据。第二方面，本申请实施例还提供一种自定义控件的处理装置，所述处理装置带有界面设计编辑器，所述界面设计编辑器内置有自定义控件库，所述处理装置包括：调取模块，用于确定在所述自定义控件库中被选中的目标自定义控件的控件标识，并从所述自定义控件库中调取与所述控件标识对应的目标控件数据；提取模块，用于从所述目标控件数据中提取所述目标自定义控件包括的各个子控件的子控件数据，以及所述各个子控件之间的层级关系；创建模块，用于根据所述各个子控件的子控件数据，对应创建所述各个子控件；第一生成模块，用于根据所述各个子控件之间的层级关系，将所述各个子控件进行组合，生成所述目标自定义控件。在一种可能的实施方式中，所述目标自定义控件的所述控件标识和所述目标控件数据关联存储在所述自定义控件库中。在一种可能的实施方式中，所述子控件数据包括以下数据中的至少一种：对应子控件的控件类型、对应子控件的子控件标识、对应子控件在所述目标自定义控件中的布局信息、对应子控件的图片信息、对应子控件的文字信息。在一种可能的实施方式中，所述处理装置还包括：第二生成模块，用于响应于通过容器控件针对所述目标自定义控件的复制操作，以及输入的复制数量，在所述界面设计编辑器中生成所述复制数量的所述目标自定义控件。在一种可能的实施方式中，所述处理装置还包括：第一存储模块，用于以字典的形式将所述目标自定义控件的目标控件数据存储在所述自定义控件库中。在一种可能的实施方式中，所述处理装置还包括：更新模块，用于响应于针对所述目标自定义控件的编辑操作，更新所述目标自定义控件的目标控件数据。在一种可能的实施方式中，所述处理装置还包括：删除模块，用于响应于所述自定义控件库中所述目标自定义控件的删除操作，删除所述自定义控件库中与所述控件标识对应的所述目标控件数据。在一种可能的实施方式中，所述处理装置还包括第二存储模块；所述第二存储模块，用于根据以下步骤将所述目标自定义控件存储至所述自定义控件库中：响应于在所述界面设计编辑器上对所述目标自定义控件完成创建的触发事件，将创建的所述目标自定义控件的所述控件标识和所述目标控件数据关联存储至所述自定义控件库中。在一种可能的实施方式中，所述触发事件为选中所述目标自定义控件的所述各个子控件，且点击创建自定义控件的按键的事件。在一种可能的实施方式中，所述第二存储模块包括：获取单元，用于响应于本文档来自技高网...

【技术保护点】
1.一种自定义控件的处理方法，其特征在于，应用于带有界面设计编辑器的用户终端，所述界面设计编辑器内置有自定义控件库，所述处理方法包括：/n确定在所述自定义控件库中被选中的目标自定义控件的控件标识，并从所述自定义控件库中调取与所述控件标识对应的目标控件数据；/n从所述目标控件数据中提取所述目标自定义控件包括的各个子控件的子控件数据，以及所述各个子控件之间的层级关系；/n根据所述各个子控件的子控件数据，对应创建所述各个子控件；/n根据所述各个子控件之间的层级关系，将所述各个子控件进行组合，生成所述目标自定义控件。/n

【技术特征摘要】
1.一种自定义控件的处理方法，其特征在于，应用于带有界面设计编辑器的用户终端，所述界面设计编辑器内置有自定义控件库，所述处理方法包括：
确定在所述自定义控件库中被选中的目标自定义控件的控件标识，并从所述自定义控件库中调取与所述控件标识对应的目标控件数据；
从所述目标控件数据中提取所述目标自定义控件包括的各个子控件的子控件数据，以及所述各个子控件之间的层级关系；
根据所述各个子控件的子控件数据，对应创建所述各个子控件；
根据所述各个子控件之间的层级关系，将所述各个子控件进行组合，生成所述目标自定义控件。


2.根据权利要求1所述的处理方法，其特征在于，所述子控件数据包括以下数据中的至少一种：
对应子控件的控件类型、对应子控件的子控件标识、对应子控件在所述目标自定义控件中的布局信息、对应子控件的图片信息、对应子控件的文字信息。


3.根据权利要求1所述的处理方法，其特征在于，在所述生成所述目标自定义控件之后，所述处理方法还包括：
响应于通过容器控件针对所述目标自定义控件的复制操作，以及输入的复制数量，在所述界面设计编辑器中生成所述复制数量的所述目标自定义控件。


4.根据权利要求1所述的处理方法，其特征在于，在所述确定在所述自定义控件库中被选中的目标自定义控件的控件标识，并从所述自定义控件库中调取与所述控件标识对应的目标控件数据之前，所述处理方法还包括：
以字典的形式将所述目标自定义控件的目标控件数据存储在所述自定义控件库中。


5.根据权利要求1所述的处理方法，其特征在于，在所述生成所述目标自定义控件之后，所述处理方法还包括：
响应于针对所述目标自定义控件的编辑操作，更新所述目标自定义控件的目标控件数据。


6.根据权利要求1所述的处理方法，其特征在于，所述处理方法还包括：
响应于所述自定义控件库中所述目标自定义控件的删除操作，删除所述自定义控件库中与所述控件标识对应的所述目标控件数据。


7.根据权利要求1所述的处理方法，其特征在于，所述处理方法还包括根据以下步骤将所述目标自定义控件存储至所述自定义控件库中：
响应于在所述界面设计编辑器上对所述目标自定义控件完成创建的触发事件，将创建的所述目标自定义控件的所述控件标识和所述目标控件数据关联存储至所述自定义控件库中。


8.根据权利要求7所述的处理方法，其特...

【专利技术属性】
技术研发人员：叶贺峰，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江;33