界面编辑方法、可视化界面处理方法和相关装置制造方法及图纸

本申请实施例公开了界面编辑方法、可视化界面处理方法和相关装置，在进行界面编辑时，编辑者只需标识需要进行编辑的目标组件以及更新后目标组件对应的组件设置信息，计算机设备即可目标组件标识自动定位目标组件对应的目标组件设置信息和目标组件功能信息。然后，计算机设备可以基于待更新的组件设置信息更新该目标组件设置信息，即可实现对目标组件所对应组件功能在目标界面中的应用方式的编辑，无需编辑者了解如何通过编辑底层组件功能信息来更新目标组件对应的组件功能在界面中的应用方式，降低了界面编辑难度，提高了界面编辑效率。辑效率。辑效率。

【技术实现步骤摘要】
界面编辑方法、可视化界面处理方法和相关装置


[0001]本申请涉及信息编辑
，特别是涉及界面编辑方法、可视化界面处理和相关装置。

技术介绍

[0002]界面是人机交互的关键媒介之一，通过界面可以获取对象输入的各种信息、操作指令，或者展示各种信息等，以控制计算机进行各种响应。由于计算机功能丰富多样，因此对于界面的需求也较为复杂，如何对界面进行高效编辑以生成多样化的界面是当下研究的热门问题之一。
[0003]在相关技术中，界面编辑需要编辑人员具有较强的底层代码编辑能力，通过编写底层代码实现对界面的编辑功能。在编辑过程中，编辑人员需要先编辑界面代码，然后基于编辑后的界面代码进行渲染，得到编辑后的界面，才能够看到对于界面的编辑效果。
[0004]由此可见，相关技术中的界面编辑方式需要编辑人员掌握熟练的代码编辑能力，编辑门槛较高，对界面的开发和维护成本较大。

技术实现思路

[0005]为了解决上述技术问题，本申请提供了一种界面编辑方法，使编辑者无需理解如何实现组件在界面中的组件功能也可以完成对组件功能应用方式的更新，降低了对界面中的组件进行编辑的编辑难度，提高了界面编辑效率。
[0006]本申请实施例公开了如下技术方案：
[0007]第一方面，本申请实施例公开了一种界面编辑方法，所述方法包括：
[0008]获取针对目标组件的界面编辑请求，所述界面编辑请求包括待更新组件设置信息和目标组件标识，所述目标组件标识用于标识所述目标组件；
[0009]根据所述目标组件标识，确定所述目标组件对应的第一组件信息，所述第一组件信息中包括目标组件设置信息和目标组件功能信息，所述目标组件设置信息用于设置所述目标组件所对应组件功能在界面中的应用方式，所述目标组件功能信息用于在界面中实现所述目标组件所对应组件功能，所述第一组件信息用于通过所述目标组件功能信息，基于所述目标组件设置信息设置的应用方式在界面中应用所述目标组件所对应组件功能；
[0010]根据所述待更新组件设置信息更新所述第一组件信息中的所述目标组件设置信息，得到第二组件信息；
[0011]根据所述第二组件信息生成界面展示信息，所述界面展示信息用于展示目标界面，所述第二组件信息用于通过所述目标组件功能信息，基于更新后的所述目标组件设置信息设置的应用方式在所述目标界面中应用所述目标组件所对应组件功能。
[0012]第二方面，本申请实施例公开了一种针对应用界面的可视化界面处理方法，所述方法包括：
[0013]展示编辑界面，所述编辑界面包括所述目标界面和目标组件，所述目标界面用于
展示所述目标组件对应的组件功能在所述目标界面中对应的应用方式；
[0014]通过所述编辑界面获取针对所述目标组件的界面编辑操作；
[0015]更新所述目标组件对应的组件功能在所述目标界面中的应用方式，所述界面编辑操作用于根据所述界面编辑操作对应的待更新组件设置信息，更新界面展示信息中所述目标组件对应的目标组件设置信息，所述界面展示信息用于展示所述目标界面，所述界面展示信息包括所述目标组件设置信息和目标组件功能信息，所述目标组件设置信息用于设置所述目标组件所对应组件功能在所述目标界面中的应用方式，所述目标组件功能信息用于在所述目标界面中实现所述目标组件所对应组件功能。
[0016]第三方面，本申请实施例公开了一种界面编辑装置，所述装置包括第一获取单元、确定单元、第一更新单元和生成单元：
[0017]所述第一获取单元，用于获取针对目标组件的界面编辑请求，所述界面编辑请求包括待更新组件设置信息和目标组件标识，所述目标组件标识用于标识所述目标组件；
[0018]所述确定单元，用于根据所述目标组件标识，确定所述目标组件对应的第一组件信息，所述第一组件信息中包括目标组件设置信息和目标组件功能信息，所述目标组件设置信息用于设置所述目标组件所对应组件功能在界面中的应用方式，所述目标组件功能信息用于在界面中实现所述目标组件所对应组件功能，所述第一组件信息用于通过所述目标组件功能信息，基于所述目标组件设置信息设置的应用方式在界面中应用所述目标组件所对应组件功能；
[0019]所述第一更新单元，用于根据所述待更新组件设置信息更新所述第一组件信息中的所述目标组件设置信息，得到第二组件信息；
[0020]所述生成单元，用于根据所述第二组件信息生成界面展示信息，所述界面展示信息用于展示目标界面，所述第二组件信息用于通过所述目标组件功能信息，基于更新后的所述目标组件设置信息设置的应用方式在所述目标界面中应用所述目标组件所对应组件功能。
[0021]在一种可能的实现方式中，所述界面编辑请求用于在所述目标界面中添加所述目标组件，所述确定单元具体用于：
[0022]从待添加组件信息集合中获取所述目标组件标识对应的待添加组件信息，所述待添加组件信息集合包括多个待添加组件信息，所述多个待添加组件信息分别具有对应的组件标识，目标待添加组件信息对应的组件标识用于标识通过所述目标待添加组件信息在界面中进行组件功能应用的组件，所述目标待添加组件信息为所述多个待添加组件信息中的任意一个；
[0023]将所述目标组件标识对应的待添加组件信息确定为所述第一组件信息。
[0024]在一种可能的实现方式中，所述生成单元具体用于：
[0025]获取所述目标界面对应的初始界面展示信息，所述初始界面展示信息包括已添加组件信息，所述已添加组件信息为所述目标界面包括的已添加组件对应的组件信息；
[0026]将所述第二组件信息作为新的已添加组件信息添加到所述初始界面展示信息中，生成所述界面展示信息。
[0027]在一种可能的实现方式中，所述界面编辑请求用于编辑所述目标界面中的所述目标组件，所述确定单元具体用于：
[0028]获取所述目标界面对应的初始界面展示信息，所述初始界面展示信息包括多个已添加组件信息，所述多个已添加组件信息为所述目标界面包括的多个已添加组件分别对应的组件信息，所述多个已添加组件信息分别具有对应的组件标识，目标已添加组件信息对应的组件标识用于标识通过所述目标已添加组件信息在所述目标界面中进行组件功能应用的组件，所述目标已添加组件信息为所述多个已添加组件信息中的任意一个；
[0029]将所述多个已添加组件信息中对应所述目标组件标识的已添加组件信息确定为所述第一组件信息。
[0030]在一种可能的实现方式中，所述生成单元具体用于：
[0031]将所述初始界面展示信息中所述目标组件标识对应的已添加组件信息更新为所述第二组件信息，生成所述界面展示信息。
[0032]在一种可能的实现方式中，所述目标组件设置信息包括目标区域设置信息，所述目标区域设置信息用于设置所述目标组件在界面中的展示区域，所述待更新组件设置信息包括待更新区域设置信息；
[0033]所述第一更新单元具体用于：
[0034]根据所述待更新区域设置信息更新所述第一组件信息中本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面编辑方法，其特征在于，所述方法包括：获取针对目标组件的界面编辑请求，所述界面编辑请求包括待更新组件设置信息和目标组件标识，所述目标组件标识用于标识所述目标组件；根据所述目标组件标识，确定所述目标组件对应的第一组件信息，所述第一组件信息中包括目标组件设置信息和目标组件功能信息，所述目标组件设置信息用于设置所述目标组件所对应组件功能在界面中的应用方式，所述目标组件功能信息用于在界面中实现所述目标组件所对应组件功能，所述第一组件信息用于通过所述目标组件功能信息，基于所述目标组件设置信息设置的应用方式在界面中应用所述目标组件所对应组件功能；根据所述待更新组件设置信息更新所述第一组件信息中的所述目标组件设置信息，得到第二组件信息；根据所述第二组件信息生成界面展示信息，所述界面展示信息用于展示目标界面，所述第二组件信息用于通过所述目标组件功能信息，基于更新后的所述目标组件设置信息设置的应用方式在所述目标界面中应用所述目标组件所对应组件功能。2.根据权利要求1所述的方法，其特征在于，所述界面编辑请求用于在所述目标界面中添加所述目标组件，所述根据所述目标组件标识，确定所述目标组件对应的第一组件信息，包括：从待添加组件信息集合中获取所述目标组件标识对应的待添加组件信息，所述待添加组件信息集合包括多个待添加组件信息，所述多个待添加组件信息分别具有对应的组件标识，目标待添加组件信息对应的组件标识用于标识通过所述目标待添加组件信息在界面中进行组件功能应用的组件，所述目标待添加组件信息为所述多个待添加组件信息中的任意一个；将所述目标组件标识对应的待添加组件信息确定为所述第一组件信息。3.根据权利要求2所述的方法，其特征在于，所述根据所述第二组件信息生成界面展示信息，包括：获取所述目标界面对应的初始界面展示信息，所述初始界面展示信息包括已添加组件信息，所述已添加组件信息为所述目标界面包括的已添加组件对应的组件信息；将所述第二组件信息作为新的已添加组件信息添加到所述初始界面展示信息中，生成所述界面展示信息。4.根据权利要求1所述的方法，其特征在于，所述界面编辑请求用于编辑所述目标界面中的所述目标组件，所述根据所述目标组件标识，确定所述目标组件对应的第一组件信息，包括：获取所述目标界面对应的初始界面展示信息，所述初始界面展示信息包括多个已添加组件信息，所述多个已添加组件信息为所述目标界面包括的多个已添加组件分别对应的组件信息，所述多个已添加组件信息分别具有对应的组件标识，目标已添加组件信息对应的组件标识用于标识通过所述目标已添加组件信息在所述目标界面中进行组件功能应用的组件，所述目标已添加组件信息为所述多个已添加组件信息中的任意一个；将所述多个已添加组件信息中对应所述目标组件标识的已添加组件信息确定为所述第一组件信息。5.根据权利要求1所述的方法，其特征在于，所述根据所述第二组件信息生成界面展示
信息，包括：将所述初始界面展示信息中所述目标组件标识对应的已添加组件信息更新为所述第二组件信息，生成所述界面展示信息。6.根据权利要求1所述的方法，其特征在于，所述目标组件设置信息包括目标区域设置信息，所述目标区域设置信息用于设置所述目标组件在界面中的展示区域，所述待更新组件设置信息包括待更新区域设置信息；所述根据所述待更新组件设置信息更新所述第一组件信息中的所述目标组件设置信息，得到第二组件信息，包括：根据所述待更新区域设置信息更新所述第一组件信息中的所述目标区域设置信息，得到第二组件信息；所述根据所述第二组件信息生成界面展示信息，包括：获取所述目标界面对应的初始界面展示信息，所述初始界面展示信息包括多个组件信息，所述多个组件信息为所述目标界面包括的多个组件分别对应的组件信息，所述多个组件中不包括所述目标组件；根据所述多个组件信息和所述第二组件信息，确定所述多个组件中在所述目标界面中与所述目标组件在展示区域上具有重叠部分的待移动组件；更新所述待移动组件所对应组件信息中的区域设置信息，使所述多个组件和所述目标组件在所述目标界面中分别对应的展示区域不重叠；根据更新后的所述多个组件分别对应的组件信息和所述第二组件信息生成界面展示信息。7.根据权利要求6所述的方法，其特征在于，所述更新所述待移动组件所对应组件信息中的区域设置信息，使所述多个组件和所述目标组件在所述目标界面中分别对应的展示区域不重叠，包括：将所述待移动组件确定为第1次更新对应的待更新组件，将所述目标组件确定为第1次更新对应的标准组件，针对第i次更新，根据所述第i次更新对应的标准组件所对应组件信息中的区域设置信息，更新所述第i次更新对应的待更新组件所对应组件信息中的区域设置信息，使所述第i次更新对应的待更新组件在所述目标界面中对应的展示区域向预设移动方向移动，直至与所述第i次更新对应的标准组件在所述目标界面中分别对应的展示区域不重叠；响应于所述目标界面中不存在与移动后的所述第i次更新对应的待更新组件在展示区域上重叠的冲突组件，结束更新，得到所述更新后的所述多个组件分别对应的组件信息；响应于所述目标界面中存在所述冲突组件，将所述冲突组件作为第i+1次更新对应的待更新组件，将所述移动后的所述第i次更新对应的待更新组件作为第i+1次更新对应的标准组件，执行第i+1次更新。8.根据权利要求6所述的方法，其特征在于，所述目标区域设置信息包括所述目标组件对应的基准位置信息和区域范围信息，所述基准位置信息用于标识所述目标组件在所述目标界面对应的区域基准位置，所述区域范围信息用于标识所述目标组件在所述目标界面中对应的展示区域尺寸，所述区域基准位置和所述展示区域尺寸构成所述目标组件在所述目标界面中对应的展示区域。
9.一种针对应用界面的可视化界面处理方法，其特征在于，所述方法包括：展示编辑界面，所述编辑界面包括所述目标界面和目标组件，所述目标界面用于展示所述目标组件对应的组件功能在所述目标界面中对应的应用方式，所述目标界面用于控制目标应用程序，所述目标界面为所述目标应用程序对应的应用界面；通过所述编辑界面获取针对所述目标组件的界面编辑操作；根据所述界面编辑操作更新所述目标组件对应的组件功能在所述目标界面中的应用方式，其中，响应于所述界面编辑操作包括位置变更操作，所述根据所述界面编辑操作更新所述目标组件对应的组件功能在所述目标界面中的应用方式，包括：根据所述位置变更操作将所述目标组件在所述目标界面上的展示区域变更为目标展示区域，所述目标展示区域为所述界面编辑操作对应的展示区域；响应于所述界面编辑操作包括组件添加操作，所述根据所述界面编辑操作更新所述目标组件对应的组件功能在所述目标界面中的应用方式，包括：在所述目标界面中添加所述目标组件；响应于所述界面编辑操作中包括属性编辑操作，所述根据所述界面编辑操作更新所述目标组件对应的组件功能在所述目标界面中的应用方式，包括：根据所述属性编辑操作，更新所述目标组件对应的...

【专利技术属性】
技术研发人员：詹海亮，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：