界面显示方法与装置与流程

本公开涉及计算机图形图像技术领域，具体而言，涉及一种用于合并界面的界面显示方法与装置。

背景技术：

在传统的游戏设计中，界面的设计实现往往需要根据游戏的玩法、系统进行独立分类。图1是一种现有的界面显示方法。参考图1，当一个游戏展示界面需要分别展示技能、人数等属性时，可以在界面的边栏设置多个选项卡，以在用户点击不同的选项卡的时候显示不同子界面，可以将这种包含多个子界面的界面称为一级界面。

但是，在现有技术中，当需要同时展示多个一级界面时，往往由于各一级界面之间互不兼容，需要占用较大的屏幕面积，为用户同时展示多个界面带来了不便。因此，需要一种能灵活展示多种界面，并可由用户自定义设置的界面显示方法。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

本公开的目的在于提供一种用于合并界面的界面显示方法与装置，用于至少在一定程度上克服由于相关技术的限制和缺陷而导致的一个或多个问题。

根据本公开实施例的第一方面，提供一种界面显示方法，包括：

监控界面的移动，当第一界面发生移动时，判断其是否与其他界面交汇；

若所述第一界面与第二界面交汇，计算交汇面积；

若所述交汇面积大于预设值，合并所述第一界面与所述第二界面为第三界面，设置所述第一界面与所述第二界面为所述第三界面的二级子界面。

在本公开的一种示例性实施例中，所述第一界面与所述第二界面均为一级界面。

在本公开的一种示例性实施例中，所述计算交汇面积包括：

实时计算交汇面积；或者，

当所述第一界面与所述第二界面都处于静止状态时，计算交汇面积。在本公开的一种示例性实施例中，所述预设值包括所述第一界面的预设面积百分比。

在本公开的一种示例性实施例中，所述第一界面与所述第二界面的各子界面在合并后成为所述第三界面的三级子界面，并依旧从属于所述第一界面与所述第二界面。

在本公开的一种示例性实施例中，所述第三界面以选项卡形式显示所述二级子界面。

在本公开的一种示例性实施例中，所述第三界面的长和宽与所述第一界面的长和宽相等。

在本公开的一种示例性实施例中，所述第三界面与第四界面交汇时，合并所述第四界面为所述第三界面的二级子界面。

根据本公开的第二方面，提供一种界面显示装置，包括：

交汇监控模块，用于监控界面的移动，当第一界面发生移动时，判断其是否与其他界面交汇；

交汇面积计算模块，用于若所述第一界面与第二界面交汇，计算交汇面积；；

界面合并模块，用于若所述交汇面积大于预设值，合并所述第一界面与所述第二界面为第三界面，设置所述第一界面与所述第二界面为所述第三界面的二级子界面。

在本公开的一种示例性实施例中，所述第三界面以选项卡形式显示所述二级子界面。

本公开提供的界面显示方法通过判断用户合并界面的意图，合并多个包含子界面的一级界面，可以方便地展示多个一级界面，减少屏幕中显示的界面数量，节省界面显示空间，为用户提供更丰富的界面显示设置功能。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示意性示出现有技术中一种界面显示方法的示意图。

图2示意性示出本公开示例性实施例中一种界面显示方法的流程图。

图3～图6示意性示出本公开示例性实施例中界面合并过程示意图。

图7示意性示出本公开示例性实施例中一种界面显示装置的方框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。

此外，附图仅为本公开的示意性图解，图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

下面结合附图对本公开示例实施方式进行详细说明。

图2示意性示出本公开示例性实施例中一种界面显示方法的流程图。参考图2，界面显示方法200可以包括：

步骤S202，监控界面的移动，当第一界面发生移动时，判断其是否与其他界面交汇。

步骤S204，若所述第一界面与第二界面交汇，计算交汇面积。

步骤S206，若所述交汇面积大于预设值，合并所述第一界面与所述第二界面为第三界面，设置所述第一界面与所述第二界面为所述第三界面的二级子界面。

本公开提供的界面显示方法通过判断用户合并界面的意图，合并多个包含子界面的一级界面，可以方便地展示多个一级界面，减少屏幕中显示的界面数量，节省界面显示空间，为用户提供更丰富的界面显示设置功能。

下面对界面显示方法200的各步骤进行详细说明。

在步骤S202，监控界面的移动，当第一界面发生移动时，判断其是否与其他界面交汇。

本方法可以应用于监控多个一级界面的移动，各一级界面可以包括多个子界面。在本公开的一些示例性实施例中，也可以仅监控当前活动/选中界面的移动。当用户使用鼠标或触控等控制方式拖拽一第一界面移动时，可以通过监控该第一界面的边界坐标是否落入其他界面的显示范围内来判断该第一界面是否与其他界面交汇。需要说明的是，第一界面的移动可以是由用户通过多种控制方式控制的移动，也可以是在程序判断需要移动某界面时实施的移动，本公开对此不作特殊限制。

在步骤S204，若所述第一界面与第二界面交汇，计算交汇面积；。

在本公开的一种示例性实施例中，判断交汇面积可以通过以下方程判断：

max(0,(w₁+w₂)/2-|x₁-x₂|)*max(0,(h₁+h₂)/2-|y₁-y₂|) (1)

其中，x₁、y₁为所述第一界面中心点的横坐标与纵坐标，x₂、y₂为所述第二界面中心点的横坐标与纵坐标，w₁、h₁为所述第一界面的宽度与高度，w₂、h₂为所述第二界面的宽度与高度。

上式表明，当第一界面与第二界面的横坐标距离大于两界面宽度之和的二分之一时，判断其不相交，因此相交面积为0；反之，则判断两界面横向相交，横向相交宽度为两界面宽度之和的二分之一与两界面中心点横坐标距离的差值。同理，当第一界面与第二界面的纵坐标距离大于两界面高度之和的二分之一时，判断其不相交，相交面积为0；反之，则判断两界面纵向相交，纵向相交高度为两界面高度之和的二分之一与两界面中心点纵坐标距离的差值。此外，上述两个条件为乘法关系，即判断两界面相交必须同时满足横向相交与纵向相交，否则则返回相交面积为0，即判断两界面不相交。

在一些实施例中，当第一界面和第二界面长宽一致时，可以通过以下公式计算第一界面与第二界面的交汇面积：

max(0,w-|x₁-x₂|)*max(0,h-|y₁-y₂|) (2)

其中，x₁、y₁为所述第一界面中心点的横坐标与纵坐标，x₂、y₂为所述第二界面中心点的横坐标与纵坐标，w、h为所述第一界面与第二界面的宽度与高度。

值得一提的是，当界面具有凸出于界面主题的部分，例如选项卡或者动画弹窗等时，界面的高度和宽度可以设置为界面所有部分所占用的最小矩形的高度和宽度。

此外，在本公开的一些示例性实施例中，计算交汇面积可以包括实时计算交汇面积；或者当所述第一界面与所述第二界面都处于静止状态时，计算交汇面积。

实时计算交汇面积可以通过实时捕捉第一界面与第二界面中心点的坐标位置，判断并计算两界面的交汇面积，即可以在用户拖动界面的同时定时捕捉两界面中心点坐标，实时计算交汇面积。此种方式有利于及时响应用户的操作意图。或者，可以首先判断用户的拖动行为是否结束，在判断用户结束界面拖动行为，即当第一界面与第二界面均处于静止状态，两界面中心点坐标在一预设时间段内停止变化时，计算交汇面积。此种方式有助于提高对用户操作意图判断的准确度，避免误操作。

判断界面交汇面积的方法不限于上述举例，本领域技术人员还可根据实际情况自由实施，本公开不以此为限。

在步骤S206，若所述交汇面积大于预设值，合并所述第一界面与所述第二界面为第三界面，设置所述第一界面与所述第二界面为所述第三界面的二级子界面。

在本公开的一种示例性实施例中，所述预设值包括所述第一界面的预设面积百分比。例如，当用户拖拽第一界面使其与第二界面的交汇面积大于第一界面面积的30％时，或者当第一界面与第二界面长宽相同，且相交面积大于w*h*0.5时，可以判断用户具有合并两个界面的意图，此时，可以合并第一界面与第二界面为第三界面。需要说明的是，上述数字仅为示例说明，并不用于限定本公开。

在此步骤中，第三界面的位置可以有多种，例如第三界面中心点坐标可以与第一界面中心点坐标相同，也可以与第二界面中心点坐标相同，或者，第三界面中心点的坐标还可以位于由第一界面中心点坐标与第二界面中心点坐标所确定的矩形区域内。本领域技术人员可根据实际情况自行设置第三界面位置，本公开对此不作特殊限定。

合并后，可以将第一界面与第二界面设置为第三界面的二级子界面，同时，可以以选项卡形式显示二级子界面。在一些实施例中，可以将第三界面的显示界面设置为第一界面的最近显示界面，并将第三界面的长和宽设置为与第一界面的长和宽相等。如果第二界面与第一界面的长和宽不完全相同，可以相应调整第二界面的显示方式以完整显示第二界面的内容。当然，第三界面的界面设置也可以为多种，本公开对此不作特殊限定。

由于本方法可以适用于两个一级界面之间的合并，所以当第一界面与第二界面均为包含多个子界面的一级界面时，可以设置第一界面与第二界面的各子界面在合并后成为第三界面的三级子界面，所有子界面依旧从属于原从属的第一界面与第二界面。用户可以通过点击第一界面或第二界面的选项卡来进入该界面，在该界面中看到其原来具有的各子界面选项卡。显示在第三界面中的第一界面与第二界面的各种功能可以完全不变，本方法可以只用于集中显示第一界面与第二界面，节省界面显示面积。

在其他一些实施例中，当上述第三界面与一第四界面交汇时，可以合并所述第四界面为所述第三界面的二级子界面。第四界面可以为普通界面，即不包含子界面的界面，此时可以将第四界面为设置为与第一界面和第二界面平级的二级子界面，并以选项卡形式显示第四界面。在一些实施例中，也可以为用户提供拖拽第四界面以使其与第一界面或第二界面合并的功能，此时第四界面可以作为第一界面或第二界面的子界面，作为第三界面的三级子界面。当第四界面为包含多个子界面的一级界面时，可以将第四界面设置为与第一界面、第二界面平级的二级子界面。需要说明的是，使第三界面与第四界面合并的方式也可以是通过移动第四界面使其与第三界面交汇，判断交汇面积从而合并。

在本公开的其他示例性实施方式中，可以按照以上方法可以将多个界面(所述界面均可以为普通界面或包括多个子界面的一级界面)合并为一个界面，每个界面在合并后界面中的显示级别均可以被自由调整，从而可以整洁地展示多个界面，为用户提供可自由设置的界面显示选项。

下面通过具体实施例来对上述方法200进行详细说明。

图3～图6是界面合并过程示意图。

参考图3，当界面A被移动时，可以实时计算其与其他界面的交汇行为，当判断界面A与界面B交汇时，实时计算交汇面积并计算该面积与界面A面积的百分比。当交汇面积大于界面A面积的某个百分比数值，例如50％时，将界面A与界面B合并显示为界面C。

参考图4，界面C的显示界面为界面A的显示界面，其界面尺寸与界面A相等。在界面C的边栏，显示有界面A与界面B的选项卡，并且界面A的选项卡显示在上方。

参考图5，当用户点击界面B的选项卡时，界面B的选项卡显示在上方，并且此时界面C的显示界面切换为界面B的显示界面。用户点击界面B的子选项卡，可以将界面C的显示界面显示为界面B的子界面D。

参考图6，用户可以通过重复上述方法实现对界面E、界面F的合并，从而为用户显示整洁的显示界面。

对应于上述方法实施例，本公开还提供一种界面显示装置，可以用于执行上述方法实施例。

图7示意性示出本公开示例性实施例中一种界面显示装置的方框图。

参考图7，界面显示装置700可以包括交汇监控模块702、交汇面积计算模块704以及界面合并模块706。

交汇监控模块702可以用于监控界面的移动，当第一界面发生移动时，判断其是否与其他界面交汇。

交汇面积计算模块704可以用于若所述第一界面与第二界面交汇，计算交汇面积。

界面合并模块706可以用于若所述交汇面积大于预设值，合并所述第一界面与所述第二界面为第三界面，设置所述第一界面与所述第二界面为所述第三界面的二级子界面。

在本公开的一种示例性实施例中，所述第三界面以选项卡形式显示所述二级子界面。

在本公开的一种示例性实施例中，所述第一界面与所述第二界面均为一级界面。

在本公开的一种示例性实施例中，所述计算交汇面积包括：

实时计算交汇面积；或者，

当所述第一界面与所述第二界面都处于静止状态时，计算交汇面积。在本公开的一种示例性实施例中，所述预设值包括所述第一界面的预设面积百分比。

在本公开的一种示例性实施例中，所述第一界面与所述第二界面的各子界面在合并后成为所述第三界面的三级子界面，并依旧从属于所述第一界面与所述第二界面。

在本公开的一种示例性实施例中，所述第三界面的长和宽与所述第一界面的长和宽相等。

在本公开的一种示例性实施例中，所述第三界面与第四界面交汇时，合并所述第四界面为所述第三界面的二级子界面。

由于装置700的各功能已在其对应的方法实施例中予以详细说明，本公开于此不再赘述。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由所附的权利要求指出。