CN107122175B - 界面生成方法及装置 - Google Patents
界面生成方法及装置 Download PDFInfo
- Publication number
- CN107122175B CN107122175B CN201710206475.XA CN201710206475A CN107122175B CN 107122175 B CN107122175 B CN 107122175B CN 201710206475 A CN201710206475 A CN 201710206475A CN 107122175 B CN107122175 B CN 107122175B
- Authority
- CN
- China
- Prior art keywords
- interface
- interface element
- interfacial structure
- interfacial
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种界面生成方法及装置。其中,该方法包括:获取待生成的目标界面的界面结构信息,其中,界面结构信息所指示的每个界面结构中分别配置有结构节点,结构节点用于配置在目标界面中与界面结构对应的显示位置上的界面元素;为结构节点配置在目标界面中所显示的界面元素;生成目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。本发明解决了由于采用现有的界面生成方式所导致的界面生成效率较低的技术问题。
Description
技术领域
本发明涉及计算机领域,具体而言,涉及一种界面生成方法及装置。
背景技术
如今,在很多应用客户端中所显示的用户界面(User Interface,简称UI),往往是集人机交互、操作逻辑、设计美观于一体的复杂用户操作界面,因而,生成上述所要显示的界面的操作往往都比较复杂。例如,常用的界面生成过程是在图片编辑器中对界面中所涉及的图片进行编辑,然后,再将编辑后的图片一张一张合入制作引擎,以制作生成符合应用客户端需求的UI界面。
然而,上述制作过程不仅操作比较繁琐,而且在对界面进行修改(如添加新的界面元素等)时,还需要进行反复调整。例如,在游戏应用客户端中,后期可能会在界面中添加新的界面元素,若仍采用上述方式生成界面,则需重复执行图片编辑、合入等生成操作来调整界面,从而导致界面生成效率降低。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种界面生成方法及装置,以至少解决由于采用现有的界面生成方式所导致的界面生成效率较低的技术问题。
根据本发明实施例的一个方面,提供了一种界面生成方法,包括:获取待生成的目标界面的界面结构信息,其中,上述界面结构信息所指示的每个界面结构中分别配置有结构节点,上述结构节点用于配置在上述目标界面中与上述界面结构对应的显示位置上的界面元素;为上述结构节点配置在上述目标界面中所显示的界面元素;生成上述目标界面,其中,上述目标界面按照与上述界面结构匹配的显示方式显示。
根据本发明实施例的另一方面,还提供了一种界面生成装置,包括:第一获取单元,用于获取待生成的目标界面的界面结构信息,其中,上述界面结构信息所指示的每个界面结构中分别配置有结构节点,上述结构节点用于配置在上述目标界面中与上述界面结构对应的显示位置上的界面元素;第一配置单元,用于为上述结构节点配置在上述目标界面中所显示的界面元素;生成单元,用于生成上述目标界面,其中,上述目标界面按照与上述界面结构匹配的显示方式显示。
在本发明实施例中,获取待生成的目标界面的界面结构信息,通过为该界面结构信息所指示的各个界面结构中的结构节点配置界面元素,以生成上述目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。也就是说,预先配置界面结构,在生成目标界面的过程中,通过直接为上述界面结构中的结构节点配置界面元素,从而实现快速生成按照与界面结构匹配的显示方式进行显示的目标界面,而无需重复执行图片编辑、合入等操作,以简化生成操作,达到提高界面生成效率的效果,进而克服相关技术中界面生成效率较低的问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种可选的界面生成方法的应用环境示意图;
图2是根据本发明实施例的一种可选的界面生成方法的流程图;
图3是根据本发明实施例的一种可选的界面生成方法的示意图;
图4是根据本发明实施例的另一种可选的界面生成方法的示意图;
图5是根据本发明实施例的另一种可选的界面生成方法的流程图;
图6是根据本发明实施例的又一种可选的界面生成方法的示意图;
图7是根据本发明实施例的又一种可选的界面生成方法的流程图;
图8是根据本发明实施例的又一种可选的界面生成方法的示意图;
图9是根据本发明实施例的又一种可选的界面生成方法的示意图;
图10是根据本发明实施例的又一种可选的界面生成方法的示意图;
图11是根据本发明实施例的一种可选的界面生成装置的示意图;
图12是根据本发明实施例的一种可选的界面生成终端的示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例1
在本发明实施例中,提供了一种上述界面生成方法的实施例。作为一种可选的实施方式,该界面生成方法可以但不限于应用于以下应用环境中,在终端102运行的客户端中获取待生成的目标界面的界面结构信息,其中,该界面结构信息所指示的每个界面结构中分别配置有结构节点,上述结构节点用于配置在目标界面中与上述界面结构对应的显示位置上的界面元素,为上述结构节点配置目标界面中所要显示的界面元素,从而生成所要显示的目标界面,其中,目标界面按照与界面结构对应的显示方式显示。需要说明的是,上述界面元素可以但不限于如图1所示通过网络104从服务器106中获取,也可以但不限于从终端102中直接获取,也就是说,上述界面元素可以缓存在终端中,也可以存储在服务器中,本实施例中对此不做任何限定。
可选地,在本实施例中,上述终端102运行的客户端可以但不限于为界面生成应用客户端,例如unity可视化引擎,用于生成游戏界面。上述仅是一种示例,本实施例中,对此不做任何限定。
在本实施例中,获取待生成的目标界面的界面结构信息,通过为该界面结构信息所指示的界面结构中的结构节点配置界面元素,以生成上述目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。也就是说,在应用客户端中预先配置界面结构,在生成目标界面的过程中,通过直接为上述界面结构中的结构节点配置界面元素,从而实现快速生成按照与界面结构匹配的显示方式进行显示的目标界面,而无需重复执行图片编辑、合入等操作,以简化生成操作,达到提高界面生成效率的效果,进而克服相关技术中界面生成效率较低的问题;进一步,利用上述界面结构来生成目标界面,还可直接调整结构节点中配置的界面元素,以便于后期对目标界面的修改调整,进而达到提高扩展性的效果。
可选地,在本实施例中,上述终端可以包括但不限于以下至少之一:手机、平板电脑、笔记本电脑、台式PC机及其他用于生成界面的硬件设备。上述网络可以包括但不限于以下至少之一:广域网、城域网、局域网。上述只是一种示例,本实施例对此不做任何限定。
根据本发明实施例,提供了一种界面生成方法,如图2所示,该方法包括:
S202,获取待生成的目标界面的界面结构信息,其中,界面结构信息所指示的每个界面结构中分别配置有结构节点,结构节点用于配置在目标界面中与界面结构对应的显示位置上的界面元素;
S204,为结构节点配置在目标界面中所显示的界面元素;
S206,生成目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。
可选地,在本实施例中,上述界面生成方法可以但不限于应用于游戏UI界面生成过程中,例如,应用于生成游戏界面的可视化引擎unity中。也就是说,上述待生成的目标界面可以但不限于为游戏应用中的游戏界面,具体的,在上述unity引擎中获取待生成的游戏UI界面的界面结构信息,并为该界面结构信息所指示的各个界面结构中的结构节点配置界面元素,从而实现利用界面结构快速生成利于扩展的目标界面,以达到提高界面生成效率的效果。上述仅是一种示例,本实施例中对此不做任何限定。
需要说明的是,在本实施例中,获取待生成的目标界面的界面结构信息,通过为该界面结构信息所指示的各个界面结构中的结构节点配置界面元素,以生成上述目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。也就是说,在应用客户端中预先配置界面结构,在生成目标界面的过程中,通过直接为上述界面结构中的结构节点配置界面元素,从而实现快速生成按照与界面结构匹配的显示方式进行显示的目标界面,而无需重复执行图片编辑、合入等操作,以简化生成操作,达到提高界面生成效率的效果,进而克服相关技术中界面生成效率较低的问题;进一步,利用上述界面结构来生成目标界面,还可直接调整结构节点中配置的界面元素,以便于后期对目标界面的修改调整,进而达到提高扩展性的效果。
可选地,在本实施例中,在获取待生成的目标界面的界面结构信息之前,还包括:配置具有预定拓扑关系的界面结构,其中,每个界面结构分别配置有匹配的显示方式。
可选地,在本实施例中,上述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。其中,上述横版拓扑关系可以但不限于为按照“田”字划分的四个相同大小的界面结构,例如,左-上界面结构、左-下界面结构、右-上界面结构和右-下界面结构。上述竖版拓扑关系可以但不限于为按照九宫格划分的九个相同大小的界面结构,例如,左-上界面结构、左-中界面结构、中-上界面结构、中-中界面结构、中-下界面结构、右-上界面结构、右-中界面结构及右-下界面结构。例如,配置横版拓扑关系的界面结构可以如图3所示,其中,每个界面结构分别配置有匹配的显示方式。
需要说明的是,在本实施例中,上述显示方式可以包括以下至少之一:静态显示、动态显示,其中,上述动态显示可以但不限于通过配置结构动画,实现按照结构动画指示的显示顺序及显示路径进行显示。可选地,在本实施例中,上述结构动画可以但不限于通过tween动画控制器实现编辑控制,例如,如图4所示,配置动画位置(Position)、高度(Height)、宽度(Width)、颜色(Color)等信息。上述仅是一种示例,本实施例中对此不做任何限定。
可选地,在本实施例中,上述界面元素(也可称作预制件)可以但不限于为按照类型预先配置的具有特定操作属性的控件。也就是说,在本实施例中,通过在相同类型中选择一个界面元素作为所要配置的界面元素,从而实现可以对相同类型的界面元素只需执行一次生成制作过程,在后续的界面生成过程中,可以直接利用已生成的界面元素(即预制件)。
需要说明的是,这里界面元素的生成制作过程可以但不限于采用相关技术中在图片编辑器编辑,合入生成独立界面元素的方式,也可以但不限于采用其他方式生成界面元素,本实施例中对此不做任何限定。
可选地,在本实施例中,在目标界面生成之前的编辑状态下,可以但不限于预览显示已完成配置的界面结构,以测试完成配置的界面结构是否可以按照对应的显示方式显示,从而减少后期修改调整的次数,进而达到提高界面生成的准确性。
通过本申请提供的实施例,预先配置界面结构,在生成目标界面的过程中,通过直接为上述界面结构中的结构节点配置界面元素,从而实现快速生成按照与界面结构匹配的显示方式进行显示的目标界面,而无需重复执行图片编辑、合入等操作,以简化生成操作,达到提高界面生成效率的效果,进而克服相关技术中界面生成效率较低的问题;进一步,利用上述界面结构来生成目标界面,还可直接调整结构节点中配置的界面元素,以便于后期对目标界面的修改调整,进而达到提高扩展性的效果。
作为一种可选的方案,如图5所示,步骤S204,为结构节点配置在目标界面中所显示的界面元素包括:
S502,获取所要配置的界面元素的元素标识;
S504,根据元素标识判断在预存空间中是否至少存在一个与元素标识所标识的界面元素属于相同类型的界面元素;
S506,在至少存在一个与元素标识所标识的界面元素属于相同类型的界面元素时,获取一个属于相同类型的界面元素作为所要配置的界面元素,并生成与所要配置的界面元素对应的操作按钮;
S508,在不存在与元素标识所标识的界面元素属于相同类型的界面元素时,生成所要配置的界面元素及与所要配置的界面元素对应的操作按钮。
可选地,在本实施例中,在为结构节点配置界面元素的过程中,可以但不限于判断预存空间中是否至少存在一个与获取到的元素标识所标识的界面元素属于相同类型的界面元素。需要说明的是,在本实施例中,同一类型的界面元素在后期可以被配置为不同设计分别存储,如图6所示,上述所示仅是一种示例。
也就是说,判断所要配置的界面元素是否为首次配置,若判断出非首次配置,则预存空间中至少存在一个与获取到的元素标识所标识的界面元素,可直接点击获取该界面元素作为所要配置的界面元素,并生成对应的操作按钮;若判断出为首次配置,则预存空间中不存在与获取到的元素标识所标识的界面元素属于相同类型的界面元素,则可进入编辑界面生成上述所要配置的界面元素,并生成对应的操作按钮。
可选地,在本实施例中,生成所要配置的界面元素包括:获取与所要配置的界面元素相匹配的图片集及文字信息;利用图片集及文字信息生成所要配置的界面元素。
可选地,在本实施例中,上述界面元素(也可称作预制件)可以但不限于为按照类型预先配置的具有特定操作属性的控件。上述界面元素可以但不限于在unity引擎中生成,此外,生成的界面元素可以缓存在本地,也可以存储在服务器中,本实施例中对此不做任何限定。
可选地,在本实施例中,上述界面元素可以在配置过程中根据上述是否存在至少一个与获取到的元素标识属于相同类型的界面元素的判断结构执行生成操作,也可以但不限于预先生成所要配置的全部的界面元素。例如,结合图7所示步骤S702-S706进行说明,确定待生成的界面元素的类型和数量,分别获取各个待生成的界面元素(包括所要配置的界面元素)的图片集及文字信息,在unity引擎中生成上述界面元素,并将生成的界面元素存到指定目录下。
进一步,在为结构节点配置界面元素时,所获取的界面元素可以但不限于直接从上述指定目录下拉取到预定位置(如预设0点位置),然后移动到所要显示的界面结构的指定位置上,以完成配置操作。
通过本申请提供的实施例,通过判断在预存空间中是否至少存在一个与元素标识所标识的界面元素属于相同类型的界面元素,从而实现将按照类型生成的界面元素配置到对应的结构节点中,不仅简化了目标界面的生成步骤,而且也简化了界面元素的生成过程,无需重复生成相同类型的界面元素,以保证界面的生成效率。
作为一种可选的方案,在获取待生成的目标界面的界面结构信息之前,还包括:
S1,配置具有预定拓扑关系的界面结构,其中,每个界面结构分别配置有匹配的显示方式。
可选地,在本实施例中,上述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。其中,上述横版拓扑关系可以但不限于为按照“田”字划分的四个相同大小的界面结构,例如,左-上界面结构、左-下界面结构、右-上界面结构和右-下界面结构。上述竖版拓扑关系可以但不限于为按照九宫格划分的九个相同大小的界面结构,例如,左-上界面结构、左-中界面结构、中-上界面结构、中-中界面结构、中-下界面结构、右-上界面结构、右-中界面结构及右-下界面结构。例如,配置横版拓扑关系的界面结构可以如图3所示,其中,每个界面结构分别配置有匹配的显示方式。
需要说明的是,在本实施例中,上述显示方式可以包括以下至少之一:静态显示、动态显示,其中,上述动态显示可以但不限于通过配置结构动画,实现按照结构动画指示的显示顺序及显示路径进行显示。
通过本申请提供的实施例,通过预先配置具有预定拓扑关系的界面结构,以便于在生成目标界面的过程中,可以直接从应用客户端中获取目标界面的界面结构信息,以根据界面结构信息获取所指示的界面结构,实现利用界面结构配置与结构节点对应的界面元素来达到快速生成目标界面的目的。此外,利用上述具有拓扑关系的界面结构还将有利于对目标界面进行修改调整,以提高界面的扩展性。
作为一种可选的方案,在配置具有预定拓扑关系的界面结构之前,还包括:
S1,获取界面结构与显示方式的匹配关系,其中,显示方式对应的控制代码与所匹配的界面结构的代码相互分离存储。
可选地,在本实施例中,上述结构动画可以但不限于通过tween动画控制器实现编辑控制,例如,如图4所示,配置动画位置(Position)、高度(Height)、宽度(Width)、颜色(Color)等信息。上述仅是一种示例,本实施例中对此不做任何限定。
具体的,结合图8所示进行说明,在获取界面结构与显示方式的匹配关系时,可以但不限于通过将对应的界面结构的控制信息拖动至节点GameObject,以实现对界面结构与显示方式(也可称作结构动画)之间的匹配。如图8所示,将右-中界面结构的控制信息(如Right-CenterAnim)拖动至节点GameObject,以实现为右-中界面结构配置旋转动画显示方式。
此外,如图9所示,在本实施例中,上述显示方式对应的控制代码(如图9所示uianim)与所匹配的界面结构的代码(如图9所示界面结构topgroup和界面结构bottomgroup的代码)相互分离存储,在界面结构所在的拓扑关系中仅存储上述显示方式与上述界面结构之间的匹配关系,如存储topanimgroup,用于指示与界面结构topgroup匹配的显示方式(也可称作结构动画)。
通过本申请提供的实施例,通过分离存储显示方式,以便于直接对显示方式的控制代码直接进行修改调整,以提高调整效率,而不影响已配置的界面结构。
作为一种可选的方案,在生成目标界面之前,还包括:
S1,通过嵌入的预设插件预览显示目标界面中已完成配置的界面结构。
可选地,在本实施例中,上述为预设插件开放的接口可以如图10所示,通过开放上述接口不仅可以在触发事件之后按照显示方式连续播放显示已完成配置的界面结构,还能够在编辑状态下测试上述显示方式是否可行,从而减少后期修改调整的次数,进而达到提高界面生成的准确性。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
实施例2
根据本发明实施例,还提供了一种用于实施上述界面生成方法的界面生成装置,如图11所示,该装置包括:
1)第一获取单元1102,用于获取待生成的目标界面的界面结构信息,其中,界面结构信息所指示的每个界面结构中分别配置有结构节点,结构节点用于配置在目标界面中与界面结构对应的显示位置上的界面元素;
2)第一配置单元1104,用于为结构节点配置在目标界面中所显示的界面元素;
3)生成单元1106,用于生成目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。
可选地,在本实施例中,上述界面生成装置可以但不限于应用于游戏UI界面生成过程中,例如,应用于生成游戏界面的可视化引擎unity中。也就是说,上述待生成的目标界面可以但不限于为游戏应用中的游戏界面,具体的,在上述unity引擎中获取待生成的游戏UI界面的界面结构信息,并为该界面结构信息所指示的各个界面结构中的结构节点配置界面元素,从而实现利用界面结构快速生成利于扩展的目标界面,以达到提高界面生成效率的效果。上述仅是一种示例,本实施例中对此不做任何限定。
需要说明的是,在本实施例中,获取待生成的目标界面的界面结构信息,通过为该界面结构信息所指示的各个界面结构中的结构节点配置界面元素,以生成上述目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。也就是说,在应用客户端中预先配置界面结构,在生成目标界面的过程中,通过直接为上述界面结构中的结构节点配置界面元素,从而实现快速生成按照与界面结构匹配的显示方式进行显示的目标界面,而无需重复执行图片编辑、合入等操作,以简化生成操作,达到提高界面生成效率的效果,进而克服相关技术中界面生成效率较低的问题;进一步,利用上述界面结构来生成目标界面,还可直接调整结构节点中配置的界面元素,以便于后期对目标界面的修改调整,进而达到提高扩展性的效果。
可选地,在本实施例中,在获取待生成的目标界面的界面结构信息之前,还包括:配置具有预定拓扑关系的界面结构,其中,每个界面结构分别配置有匹配的显示方式。
可选地,在本实施例中,上述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。其中,上述横版拓扑关系可以但不限于为按照“田”字划分的四个相同大小的界面结构,例如,左-上界面结构、左-下界面结构、右-上界面结构和右-下界面结构。上述竖版拓扑关系可以但不限于为按照九宫格划分的九个相同大小的界面结构,例如,左-上界面结构、左-中界面结构、中-上界面结构、中-中界面结构、中-下界面结构、右-上界面结构、右-中界面结构及右-下界面结构。例如,配置横版拓扑关系的界面结构可以如图3所示,其中,每个界面结构分别配置有匹配的显示方式。
需要说明的是,在本实施例中,上述显示方式可以包括以下至少之一:静态显示、动态显示,其中,上述动态显示可以但不限于通过配置结构动画,实现按照结构动画指示的显示顺序及显示路径进行显示。可选地,在本实施例中,上述结构动画可以但不限于通过tween动画控制器实现编辑控制,例如,如图4所示,配置动画位置(Position)、高度(Height)、宽度(Width)、颜色(Color)等信息。上述仅是一种示例,本实施例中对此不做任何限定。
可选地,在本实施例中,上述界面元素(也可称作预制件)可以但不限于为按照类型预先配置的具有特定操作属性的控件。也就是说,在本实施例中,通过在相同类型中选择一个界面元素作为所要配置的界面元素,从而实现可以对相同类型的界面元素只需执行一次生成制作过程,在后续的界面生成过程中,可以直接利用已生成的界面元素(即预制件)。
需要说明的是,这里界面元素的生成制作过程可以但不限于采用相关技术中在图片编辑器编辑,合入生成独立界面元素的方式,也可以但不限于采用其他方式生成界面元素,本实施例中对此不做任何限定。
可选地,在本实施例中,在目标界面生成之前的编辑状态下,可以但不限于预览显示已完成配置的界面结构,以测试完成配置的界面结构是否可以按照对应的显示方式显示,从而减少后期修改调整的次数,进而达到提高界面生成的准确性。
通过本申请提供的实施例,预先配置界面结构,在生成目标界面的过程中,通过直接为上述界面结构中的结构节点配置界面元素,从而实现快速生成按照与界面结构匹配的显示方式进行显示的目标界面,而无需重复执行图片编辑、合入等操作,以简化生成操作,达到提高界面生成效率的效果,进而克服相关技术中界面生成效率较低的问题;进一步,利用上述界面结构来生成目标界面,还可直接调整结构节点中配置的界面元素,以便于后期对目标界面的修改调整,进而达到提高扩展性的效果。
作为一种可选的方案,第一配置单元1104包括:
1)第一获取模块,用于获取所要配置的界面元素的元素标识;
2)判断模块,用于根据元素标识判断在预存空间中是否至少存在一个与元素标识所标识的界面元素属于相同类型的界面元素;
3)第二获取模块,用于在至少存在一个与元素标识所标识的界面元素属于相同类型的界面元素时,获取一个属于相同类型的界面元素作为所要配置的界面元素,并生成与所要配置的界面元素对应的操作按钮;
4)第一生成模块,用于在不存在与元素标识所标识的界面元素属于相同类型的界面元素时,生成所要配置的界面元素及与所要配置的界面元素对应的操作按钮。
可选地,在本实施例中,在为结构节点配置界面元素的过程中,可以但不限于判断预存空间中是否至少存在一个与获取到的元素标识所标识的界面元素属于相同类型的界面元素。需要说明的是,在本实施例中,同一类型的界面元素在后期可以被配置为不同设计分别存储,如图6所示,上述所示仅是一种示例。
也就是说,判断所要配置的界面元素是否为首次配置,若判断出非首次配置,则预存空间中至少存在一个与获取到的元素标识所标识的界面元素,可直接点击获取该界面元素作为所要配置的界面元素,并生成对应的操作按钮;若判断出为首次配置,则预存空间中不存在与获取到的元素标识所标识的界面元素属于相同类型的界面元素,则可进入编辑界面生成上述所要配置的界面元素,并生成对应的操作按钮。
可选地,在本实施例中,生成单元1106包括:
(1)第三获取模块,用于获取与所要配置的界面元素相匹配的图片集及文字信息;
(2)第二生成模块,用于利用图片集及文字信息生成所要配置的界面元素。
可选地,在本实施例中,上述界面元素(也可称作预制件)可以但不限于为按照类型预先配置的具有特定操作属性的控件。上述界面元素可以但不限于在unity引擎中生成,此外,生成的界面元素可以缓存在本地,也可以存储在服务器中,本实施例中对此不做任何限定。
可选地,在本实施例中,上述界面元素可以在配置过程中根据上述是否存在至少一个与获取到的元素标识属于相同类型的界面元素的判断结构执行生成操作,也可以但不限于预先生成所要配置的全部的界面元素。例如,结合图7所示步骤S702-S708进行说明,确定待生成的界面元素的类型和数量,分别获取各个待生成的界面元素(包括所要配置的界面元素)的图片集及文字信息,在unity引擎中生成上述界面元素,并将生成的界面元素存到指定目录下。
进一步,在为结构节点配置界面元素时,所获取的界面元素可以但不限于直接从上述指定目录下拉取到预定位置(如预设0点位置),然后移动到所要显示的界面结构的指定位置上,以完成配置操作。
通过本申请提供的实施例,通过判断在预存空间中是否至少存在一个与元素标识所标识的界面元素属于相同类型的界面元素,从而实现将按照类型生成的界面元素配置到对应的结构节点中,不仅简化了目标界面的生成步骤,而且也简化了界面元素的生成过程,无需重复生成相同类型的界面元素,以保证界面的生成效率。
作为一种可选的方案,还包括:
1)第二配置单元,用于在获取待生成的目标界面的界面结构信息之前,配置具有预定拓扑关系的界面结构,其中,每个界面结构分别配置有匹配的显示方式。
可选地,在本实施例中,上述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。其中,上述横版拓扑关系可以但不限于为按照“田”字划分的四个相同大小的界面结构,例如,左-上界面结构、左-下界面结构、右-上界面结构和右-下界面结构。上述竖版拓扑关系可以但不限于为按照九宫格划分的九个相同大小的界面结构,例如,左-上界面结构、左-中界面结构、中-上界面结构、中-中界面结构、中-下界面结构、右-上界面结构、右-中界面结构及右-下界面结构。例如,配置横版拓扑关系的界面结构可以如图3所示,其中,每个界面结构分别配置有匹配的显示方式。
需要说明的是,在本实施例中,上述显示方式可以包括以下至少之一:静态显示、动态显示,其中,上述动态显示可以但不限于通过配置结构动画,实现按照结构动画指示的显示顺序及显示路径进行显示。
通过本申请提供的实施例,通过预先配置具有预定拓扑关系的界面结构,以便于在生成目标界面的过程中,可以直接从应用客户端中获取目标界面的界面结构信息,以根据界面结构信息获取所指示的界面结构,实现利用界面结构配置与结构节点对应的界面元素来达到快速生成目标界面的目的。此外,利用上述具有拓扑关系的界面结构还将有利于对目标界面进行修改调整,以提高界面的扩展性。
作为一种可选的方案,还包括:
1)第二获取单元,用于在配置具有预定拓扑关系的界面结构之前,获取界面结构与显示方式的匹配关系,其中,显示方式对应的控制代码与所匹配的界面结构的代码相互分离存储。
可选地,在本实施例中,上述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。其中,上述横版拓扑关系可以但不限于为按照“田”字划分的四个相同大小的界面结构,例如,左-上界面结构、左-下界面结构、右-上界面结构和右-下界面结构。上述竖版拓扑关系可以但不限于为按照九宫格划分的九个相同大小的界面结构,例如,左-上界面结构、左-中界面结构、中-上界面结构、中-中界面结构、中-下界面结构、右-上界面结构、右-中界面结构及右-下界面结构。例如,配置横版拓扑关系的界面结构可以如图3所示,其中,每个界面结构分别配置有匹配的显示方式。
需要说明的是,在本实施例中,上述显示方式可以包括以下至少之一:静态显示、动态显示,其中,上述动态显示可以但不限于通过配置结构动画,实现按照结构动画指示的显示顺序及显示路径进行显示。
通过本申请提供的实施例,通过预先配置具有预定拓扑关系的界面结构,以便于在生成目标界面的过程中,可以直接从应用客户端中获取目标界面的界面结构信息,以根据界面结构信息获取所指示的界面结构,实现利用界面结构配置与结构节点对应的界面元素来达到快速生成目标界面的目的。此外,利用上述具有拓扑关系的界面结构还将有利于对目标界面进行修改调整,以提高界面的扩展性。
作为一种可选的方案,还包括:
1)预览单元,用于在生成目标界面之前,通过嵌入的预设插件预览显示目标界面中已完成配置的界面结构。
可选地,在本实施例中,上述为预设插件开放的接口可以如图10所示,通过开放上述接口不仅可以在触发事件之后按照显示方式连续播放显示已完成配置的界面结构,还能够在编辑状态下测试上述显示方式是否可行,从而减少后期修改调整的次数,进而达到提高界面生成的准确性。
实施例3
本发明实施例的应用环境可以但不限于参照实施例1中的应用环境,本实施例中对此不再赘述。
可选地,在本实施例中,上述界面生成方法可以但不限于应用于如下应用场景中,为游戏应用生成游戏UI界面,假设上述界面生成过程在Unity游戏界面生成可视化引擎中实现。
在本示例中,可以在上述Unity可视化引擎中配置具有拓扑关系的界面结构(在本示例中也可称作面板结构),其中,该面板结构可以如图9所示,扩展性高,便于中后期添加或删减结构中的结构节点。以横版拓扑关系为例,在面板结构中,新建gameobject节点,为各个界面结构配置对应显示方式(在本示例中也可称作结构动画)。
在本示例中,上述结构动画可以但不限于由tween动画插件实现配置,其中结构动画的控制代码与上述界面结构的代码是相互分离存储的,以实现利用tween动画插件本身,来达到对结构动画的修改调整控制,而不影响与界面结构的匹配关系。
在本示例中,在结构节点配置的界面元素(在本示例中也可称作预制件)是按照类型配置的控件。从而实现只需要对同一种类下不同设计的预制件做一次图片编辑、合入制作,以达到简化界面元素生成步骤的效果。
在本示例中,采用预设插件的脚本工具,不仅可以连续播放显示已完成配置的结构动画,还能够在编辑状态下测试结构动画是否可行,从而减少了中后期再加入此类动画控制器的风险。
实施例4
根据本发明实施例,还提供了一种用于实施上述界面生成方法的界面生成终端,如图12所示,该终端包括:
1)通讯接口1202,设置为获取待生成的目标界面的界面结构信息,其中,界面结构信息所指示的每个界面结构中分别配置有结构节点,结构节点用于配置在目标界面中与界面结构对应的显示位置上的界面元素;还设置为为结构节点配置在目标界面中所显示的界面元素;
2)处理器1204,与通讯接口1202连接,设置为生成目标界面,其中,目标界面按照与界面结构匹配的显示方式显示;
3)存储器1206,设置为与通讯接口1202及处理器1204连接,设置为存储界面元素及生成的目标界面。
可选地,本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例,本实施例在此不再赘述。
实施例5
本发明的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以位网络中的多个网络设备中的至少一个网络设备。
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:
S1,获取待生成的目标界面的界面结构信息,其中,界面结构信息所指示的每个界面结构中分别配置有结构节点,结构节点用于配置在目标界面中与界面结构对应的显示位置上的界面元素;
S2,为结构节点配置在目标界面中所显示的界面元素;
S3,生成目标界面,其中,目标界面按照与界面结构匹配的显示方式显示。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
可选地,本实施例中的具体示例可以参考上述实施例1和实施例2中所描述的示例,本实施例在此不再赘述。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (13)
1.一种界面生成方法,其特征在于,包括:
获取待生成的目标界面的界面结构信息,其中,所述界面结构信息所指示的每个界面结构中分别配置有结构节点,所述结构节点用于配置在所述目标界面中与所述界面结构对应的显示位置上的界面元素;
为所述结构节点配置在所述目标界面中所显示的界面元素;
生成所述目标界面,其中,所述目标界面按照与所述界面结构匹配的显示方式显示;
其中,所述为所述结构节点配置在所述目标界面中所显示的界面元素包括:获取所要配置的所述界面元素的元素标识;根据所述元素标识判断在预存空间中是否至少存在一个与所述元素标识所标识的界面元素属于相同类型的界面元素;在至少存在一个与所述元素标识所标识的界面元素属于相同类型的界面元素时,获取一个所述属于相同类型的界面元素作为所要配置的所述界面元素,并生成与所要配置的所述界面元素对应的操作按钮;在不存在与所述元素标识所标识的界面元素属于相同类型的界面元素时,生成所要配置的所述界面元素及与所要配置的所述界面元素对应的操作按钮。
2.根据权利要求1所述的方法,其特征在于,所述生成所要配置的所述界面元素包括:
获取与所要配置的所述界面元素相匹配的图片集及文字信息;
利用所述图片集及所述文字信息生成所要配置的所述界面元素。
3.根据权利要求1所述的方法,其特征在于,在获取待生成的目标界面的界面结构信息之前,还包括:
配置具有预定拓扑关系的界面结构,其中,每个所述界面结构分别配置有匹配的显示方式。
4.根据权利要求3所述的方法,其特征在于,所述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。
5.根据权利要求3所述的方法,其特征在于,在所述配置具有预定拓扑关系的界面结构之前,还包括:
获取所述界面结构与所述显示方式的匹配关系,其中,所述显示方式对应的控制代码与所匹配的所述界面结构的代码相互分离存储。
6.根据权利要求1所述的方法,其特征在于,在生成所述目标界面之前,还包括:
通过嵌入的预设插件预览显示所述目标界面中已完成配置的所述界面结构。
7.根据权利要求1至6中任一项所述的方法,其特征在于,所述目标界面包括游戏应用中的游戏界面。
8.一种界面生成装置,其特征在于,包括:
第一获取单元,用于获取待生成的目标界面的界面结构信息,其中,所述界面结构信息所指示的每个界面结构中分别配置有结构节点,所述结构节点用于配置在所述目标界面中与所述界面结构对应的显示位置上的界面元素;
第一配置单元,用于为所述结构节点配置在所述目标界面中所显示的界面元素;
生成单元,用于生成所述目标界面,其中,所述目标界面按照与所述界面结构匹配的显示方式显示;
其中,所述第一配置单元包括:第一获取模块,用于获取所要配置的所述界面元素的元素标识;判断模块,用于根据所述元素标识判断在预存空间中是否至少存在一个与所述元素标识所标识的界面元素属于相同类型的界面元素;第二获取模块,用于在至少存在一个与所述元素标识所标识的界面元素属于相同类型的界面元素时,获取一个所述属于相同类型的界面元素作为所要配置的所述界面元素,并生成与所要配置的所述界面元素对应的操作按钮;第一生成模块,用于在不存在与所述元素标识所标识的界面元素属于相同类型的界面元素时,生成所要配置的所述界面元素及与所要配置的所述界面元素对应的操作按钮。
9.根据权利要求8所述的装置,其特征在于,所述生成单元包括:
第三获取模块,用于获取与所要配置的所述界面元素相匹配的图片集及文字信息;
第二生成模块,用于利用所述图片集及所述文字信息生成所要配置的所述界面元素。
10.根据权利要求8所述的装置,其特征在于,还包括:
第二配置单元,用于在获取待生成的目标界面的界面结构信息之前,配置具有预定拓扑关系的界面结构,其中,每个所述界面结构分别配置有匹配的显示方式。
11.根据权利要求10所述的装置,其特征在于,所述预定拓扑关系包括以下之一:横版拓扑关系、竖版拓扑关系。
12.根据权利要求10所述的装置,其特征在于,还包括:
第二获取单元,用于在所述配置具有预定拓扑关系的界面结构之前,获取所述界面结构与所述显示方式的匹配关系,其中,所述显示方式对应的控制代码与所匹配的所述界面结构的代码相互分离存储。
13.根据权利要求8所述的装置,其特征在于,还包括:
预览单元,用于在生成所述目标界面之前,通过嵌入的预设插件预览显示所述目标界面中已完成配置的所述界面结构。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710206475.XA CN107122175B (zh) | 2017-03-30 | 2017-03-30 | 界面生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710206475.XA CN107122175B (zh) | 2017-03-30 | 2017-03-30 | 界面生成方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107122175A CN107122175A (zh) | 2017-09-01 |
CN107122175B true CN107122175B (zh) | 2018-11-09 |
Family
ID=59718136
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710206475.XA Active CN107122175B (zh) | 2017-03-30 | 2017-03-30 | 界面生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107122175B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110309401B (zh) * | 2018-02-13 | 2023-12-22 | 中兴通讯股份有限公司 | 一种信息处理方法及装置 |
CN110389759A (zh) * | 2018-04-17 | 2019-10-29 | 北京搜狗科技发展有限公司 | 一种目标界面生成方法及装置 |
CN108786112B (zh) * | 2018-04-26 | 2024-03-12 | 腾讯科技(上海)有限公司 | 一种应用场景配置方法、装置和存储介质 |
WO2020104999A1 (en) * | 2018-11-23 | 2020-05-28 | Nagravision S.A. | Techniques for managing generation and rendering of user interfaces on client devices |
CN110163926A (zh) * | 2019-05-10 | 2019-08-23 | 上海莉莉丝科技股份有限公司 | 制作包含多个重复物体的场景的方法、系统、设备和介质 |
CN111135570B (zh) * | 2019-12-25 | 2023-07-25 | 上海米哈游天命科技有限公司 | 基于Unity的元素配置方法、装置、设备和存储介质 |
CN112463282B (zh) * | 2020-12-14 | 2023-02-24 | 网易(杭州)网络有限公司 | 界面显示方法、装置、存储介质和电子装置 |
CN114942717B (zh) * | 2022-07-25 | 2022-11-01 | 苏州黑火石科技有限公司 | 可交互照片墙效果的实现方法、装置及存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101770359A (zh) * | 2008-12-30 | 2010-07-07 | 华为技术有限公司 | 界面生成和获取数据进行存储的方法、装置和系统 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130106885A1 (en) * | 2011-11-02 | 2013-05-02 | Microsoft Corporation | Aliasing of live elements in a user interface |
CN103885764B (zh) * | 2012-12-24 | 2017-10-24 | 深圳市世纪凯旋科技有限公司 | 网络媒介信息展示系统、方法、装置和服务器 |
CN104252356B (zh) * | 2013-06-28 | 2018-04-06 | 腾讯科技(深圳)有限公司 | 生成界面的方法和系统 |
CN103488479A (zh) * | 2013-09-04 | 2014-01-01 | 用友软件股份有限公司 | 客户端界面动态生成装置和客户端界面动态生成方法 |
-
2017
- 2017-03-30 CN CN201710206475.XA patent/CN107122175B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101770359A (zh) * | 2008-12-30 | 2010-07-07 | 华为技术有限公司 | 界面生成和获取数据进行存储的方法、装置和系统 |
Also Published As
Publication number | Publication date |
---|---|
CN107122175A (zh) | 2017-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107122175B (zh) | 界面生成方法及装置 | |
CN104040529B (zh) | 用于云迁移中的配置管理的装置和方法 | |
CN105739983B (zh) | 脚本程序编辑装置及其实现方法 | |
CN103902520B (zh) | 主题编辑方法和移动终端 | |
CN103092612B (zh) | 实现安卓操作系统3d桌面贴图的方法及电子装置 | |
EP3639134B1 (en) | Detecting and managing recurring patterns in device and service configuration data | |
US10880595B2 (en) | Method and apparatus for adjusting virtual reality scene, and storage medium | |
CN109144485B (zh) | 一种微服务的部署方法、装置、设备及可读存储介质 | |
CN104063495A (zh) | 表单扩展方法与表单扩展装置 | |
CN106648666A (zh) | 一种用户界面生成方法及系统 | |
CN110069312A (zh) | 一种ui组件配置和生成ui组件库的方法及装置 | |
CN104699863A (zh) | 一种网页数据展示系统 | |
CN106980442A (zh) | 一种图标管理方法及电子设备 | |
CN107766106B (zh) | 生成配置文件的方法和装置 | |
CN107045413A (zh) | 应用程序图标的显示方法和装置 | |
WO2022061027A1 (en) | Interactive graphic design system to enable creation and use of variant component sets for interactive objects | |
CN109471580A (zh) | 一种可视化3d课件编辑器及课件编辑方法 | |
CN113407284A (zh) | 导航界面的生成方法、装置、存储介质及电子设备 | |
CN108399038A (zh) | 一种图片合成方法及移动终端 | |
CN107220044B (zh) | 基于元模型驱动业务对象的方法和装置 | |
CN107239212A (zh) | 分段选择视图呈现方法、装置及用户终端 | |
CN109558405A (zh) | 对象发布方法及装置、系统 | |
CN107301036A (zh) | 一种快速筛选幻灯片的方法及装置 | |
CN111061480B (zh) | 一种基于ngui的多层材质的渲染方法及装置 | |
CN112632444A (zh) | 可视化网站主题配置方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |