界面显示方法与装置制造方法及图纸

技术编号:15690606 阅读:183 留言:0更新日期:2017-06-24 03:08
本公开提供一种界面显示方法与装置。方法包括:监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇;若所述第一界面与第二界面交汇,计算交汇面积;若所述交汇面积大于预设值,合并所述第一界面与所述第二界面为第三界面,设置所述第一界面与所述第二界面为所述第三界面的二级子界面。本公开提供的界面显示方法能够更方便地展示多个界面,提升用户体验。

Interface display method and device

The present invention provides an interface display method and device. The method includes: a mobile monitoring interface, when the first interface moves, determine whether the intersection with other interface; if the first interface and the second interface intersection calculation of intersection area; if the intersection area is larger than the preset value, combining the first interface and the second interface third interface, set the first the interface with the second interface for the third interface of the two sub interface. The method of interface display provided by the invention can more conveniently display a plurality of interfaces and enhance the user experience.

【技术实现步骤摘要】
界面显示方法与装置
本公开涉及计算机图形图像
,具体而言,涉及一种用于合并界面的界面显示方法与装置。
技术介绍
在传统的游戏设计中,界面的设计实现往往需要根据游戏的玩法、系统进行独立分类。图1是一种现有的界面显示方法。参考图1,当一个游戏展示界面需要分别展示技能、人数等属性时,可以在界面的边栏设置多个选项卡,以在用户点击不同的选项卡的时候显示不同子界面,可以将这种包含多个子界面的界面称为一级界面。但是,在现有技术中,当需要同时展示多个一级界面时,往往由于各一级界面之间互不兼容,需要占用较大的屏幕面积,为用户同时展示多个界面带来了不便。因此,需要一种能灵活展示多种界面,并可由用户自定义设置的界面显示方法。需要说明的是,在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本公开的目的在于提供一种用于合并界面的界面显示方法与装置,用于至少在一定程度上克服由于相关技术的限制和缺陷而导致的一个或多个问题。根据本公开实施例的第一方面,提供一种界面显示方法,包括:监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇;若所述第一界面与第二界面交汇,计算交汇面积;若所述交汇面积大于预设值,合并所述第一界面与所述第二界面为第三界面,设置所述第一界面与所述第二界面为所述第三界面的二级子界面。在本公开的一种示例性实施例中,所述第一界面与所述第二界面均为一级界面。在本公开的一种示例性实施例中,所述计算交汇面积包括:实时计算交汇面积;或者,当所述第一界面与所述第二界面都处于静止状态时,计算交汇面积。在本公开的一种示例性实施例中,所述预设值包括所述第一界面的预设面积百分比。在本公开的一种示例性实施例中,所述第一界面与所述第二界面的各子界面在合并后成为所述第三界面的三级子界面,并依旧从属于所述第一界面与所述第二界面。在本公开的一种示例性实施例中,所述第三界面以选项卡形式显示所述二级子界面。在本公开的一种示例性实施例中,所述第三界面的长和宽与所述第一界面的长和宽相等。在本公开的一种示例性实施例中,所述第三界面与第四界面交汇时,合并所述第四界面为所述第三界面的二级子界面。根据本公开的第二方面,提供一种界面显示装置,包括:交汇监控模块,用于监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇;交汇面积计算模块,用于若所述第一界面与第二界面交汇,计算交汇面积;;界面合并模块,用于若所述交汇面积大于预设值,合并所述第一界面与所述第二界面为第三界面,设置所述第一界面与所述第二界面为所述第三界面的二级子界面。在本公开的一种示例性实施例中,所述第三界面以选项卡形式显示所述二级子界面。本公开提供的界面显示方法通过判断用户合并界面的意图,合并多个包含子界面的一级界面,可以方便地展示多个一级界面,减少屏幕中显示的界面数量,节省界面显示空间,为用户提供更丰富的界面显示设置功能。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1示意性示出现有技术中一种界面显示方法的示意图。图2示意性示出本公开示例性实施例中一种界面显示方法的流程图。图3~图6示意性示出本公开示例性实施例中界面合并过程示意图。图7示意性示出本公开示例性实施例中一种界面显示装置的方框图。具体实施方式现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。此外,附图仅为本公开的示意性图解,图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。下面结合附图对本公开示例实施方式进行详细说明。图2示意性示出本公开示例性实施例中一种界面显示方法的流程图。参考图2,界面显示方法200可以包括:步骤S202,监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇。步骤S204,若所述第一界面与第二界面交汇,计算交汇面积。步骤S206,若所述交汇面积大于预设值,合并所述第一界面与所述第二界面为第三界面,设置所述第一界面与所述第二界面为所述第三界面的二级子界面。本公开提供的界面显示方法通过判断用户合并界面的意图,合并多个包含子界面的一级界面,可以方便地展示多个一级界面,减少屏幕中显示的界面数量,节省界面显示空间,为用户提供更丰富的界面显示设置功能。下面对界面显示方法200的各步骤进行详细说明。在步骤S202,监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇。本方法可以应用于监控多个一级界面的移动,各一级界面可以包括多个子界面。在本公开的一些示例性实施例中,也可以仅监控当前活动/选中界面的移动。当用户使用鼠标或触控等控制方式拖拽一第一界面移动时,可以通过监控该第一界面的边界坐标是否落入其他界面的显示范围内来判断该第一界面是否与其他界面交汇。需要说明的是,第一界面的移动可以是由用户通过多种控制方式控制的移动,也可以是在程序判断需要移动某界面时实施的移动,本公开对此不作特殊限制。在步骤S204,若所述第一界面与第二界面交汇,计算交汇面积;。在本公开的一种示例性实施例中,判断交汇面积可以通过以下方程判断:max(0,(w1+w2)/2-|x1-x2|)*max(0,(h1+h2)/2-|y1-y2|)(1)其中,x1、y1为所述第一界面中心点的横坐标与纵坐标,x2、y2为所述第二界面中心点的横坐标与纵坐标,w1、h1为所述第一界面的宽度与高度,w2、h2为所述第二界面的宽度与高度。上式表明,当第一界面与第二界面的横坐标距离大于两界面宽度之和的二分之一时,判断其不相交,因此相交面积为0;反之,则判断两界面横向相交,横向相交宽度为两界面宽度之和的二分之一与两界面中心点横坐标距离的差值。同理,当第一界面与第二界面的纵坐标距离大于两界面高度之和的二分之一时,判断其不相交,相交面积为0;反之,则判断两界面纵向相交,纵向相交高度为两界面高度之和的二分之一与两界面中心点纵坐标距离的差值。此外,上述两个条件为乘法关系,即判断两界面相交必须同时满足横向相交与本文档来自技高网...
界面显示方法与装置

【技术保护点】
一种界面显示方法,其特征在于,包括:监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇;若所述第一界面与第二界面交汇,计算交汇面积;若所述交汇面积大于预设值,合并所述第一界面与所述第二界面为第三界面,设置所述第一界面与所述第二界面为所述第三界面的二级子界面。

【技术特征摘要】
1.一种界面显示方法,其特征在于,包括:监控界面的移动,当第一界面发生移动时,判断其是否与其他界面交汇;若所述第一界面与第二界面交汇,计算交汇面积;若所述交汇面积大于预设值,合并所述第一界面与所述第二界面为第三界面,设置所述第一界面与所述第二界面为所述第三界面的二级子界面。2.根据权利要求1所述的界面显示方法,其特征在于,所述第一界面与所述第二界面均为一级界面。3.根据权利要求1所述的界面显示方法,其特征在于,所述计算交汇面积包括:实时计算交汇面积;或者,当所述第一界面与所述第二界面都处于静止状态时,计算交汇面积。4.根据权利要求1所述的界面显示方法,其特征在于,所述预设值包括所述第一界面的预设面积百分比。5.根据权利要求1所述的界面显示方法,其特征在于,所述第一界面与所述第二界面的各子界面在合并后成为所述第三界面的三级子界面,并依旧从属于所述第一界面...

【专利技术属性】
技术研发人员:钟楚婷劳丰
申请(专利权)人:网易杭州网络有限公司
类型:发明
国别省市:浙江,33

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1