CN117409110A - 一种视图显示方法、装置、设备和存储介质 - Google Patents

Abstract

本申请公开一种视图显示方法、装置、设备和存储介质，通过响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；确定目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；获取各个目标区域的面积和所包含图元的个数；基于各个目标区域的面积和所包含图元的个数，在各个目标区域中确定各个有效区域和显示顺序；按照显示顺序将各个有效区域依次显示在客户端显示屏上。该方案可以排除掉无用的图元，只让有效区域显示在显示屏中，可以使目标视图在显示屏可操作区域中的显示范围更合理，针对有用的图元有较大的操作范围，还能使有效区域中图元的显示更清晰，方便用户的编辑和设计。

Description

一种视图显示方法、装置、设备和存储介质

技术领域

本申请涉及视图显示技术领域，具体涉及一种视图显示方法、装置、设备和存储介质。

背景技术

许多领域都会用到视图，利用图片展示工作内容，比如建筑设计师、画家、游戏设计师等，他们一般会利用计算机辅助设计软件进行绘图或者视图展示，一般情况下，设计软件会在屏幕的可操作区域显示整个视图，即将视图中的所有图元同时显示在可操作区域。

由于设计师在工作过程中不一定会用到视图中的所有图元，因此对于图元排布比较分散的视图，若按照传统的视图显示方法将所有图元同时进行显示，那么真正需要进行编辑的图元并不能清晰、合理的显示在显示屏可操作区域中，且设计师在可操作区域中针对需要操作图元的可操作范围会变小，不利于设计师的观察和编辑，给设计工作带来很大的不便。

发明内容

有鉴于此，本申请提供了一种视图显示方法、装置、设备和存储介质，用于解决对于图元排布比较分散的视图，若按照传统的视图显示方法将所有图元同时进行显示，那么设计师在有效显示区域中针对需要操作的图元的可操作范围会变小，不利于设计师的观察和编辑，给设计工作带来很大的不便的问题。

为实现以上目的，现提出的方案如下：

第一方面，一种视图显示方法，包括：

响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

获取各个所述目标区域的面积和所包含图元的个数；

基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

优选地，所述确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，包括：

在所述目标视图的各个图元中确定一个目标图元；

将所述目标视图中与所述目标图元之间的距离不大于第一预设距离的各个图元作为各个第一图元；

将所述目标图元与各个所述第一图元进行组合，以构成图元集合，并将所述图元集合所对应的正交包围框作为所述目标图元所属的目标区域；

在所述目标视图的其他未被包围的图元中选择一个图元作为新的目标图元，返回执行所述将所述目标视图中与所述目标图元之间的距离不大于第一预设距离的各个图元作为各个第一图元的步骤，直到所述目标视图中每一个图元都有各自所属的目标区域，以得到各个目标区域。

优选地，所述在所述目标视图的各个图元中确定一个目标图元，包括：

确定用户在所述目标视图中产生的鼠标点击事件的发生位置；

确定所述目标视图中每一个图元与所述发生位置之间的距离；

将与所述发生位置之间距离最短的图元作为目标图元。

优选地，所述在所述目标视图的其他未被包围的图元中选择一个图元作为新的目标图元，包括：

在所述目标视图中，确定每一个未被包围的图元与每一个目标区域之间的距离；

将每一个未被包围的图元与每一个目标区域之间的距离进行比较；

将距离最短所对应的未被包围的图元作为新的目标图元。

优选地，所述基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，包括：

获取所述用户在客户端显示屏中所选择的视图排序类型；

若所选择的视图排序类型为面积类型，则根据各个所述目标区域的面积，将面积最大的目标区域作为第一区域；

计算每一个目标区域的面积与所述第一区域的面积之间的比值，得到每一个所述目标区域对应的第一计算值；

分别将每一个目标区域的第一计算值与预设的第一对比值进行比较，将大于所述第一对比值的各个目标区域作为各个有效区域；

若所选择的视图排序类型为图元个数类型，则根据各个所述目标区域所包围图元的个数，将包围图元个数最多的目标区域作为第二区域；

计算每一个目标区域包围图元的个数与所述第二区域包围图元的个数之间的比值，得到每一个目标区域对应的第二计算值；

分别将每一个目标区域的第二计算值与所述第一对比值进行比较，将大于所述第一对比值的各个目标区域作为各个有效区域。

优选地，所述基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，包括：

获取所述用户在客户端显示屏中所选择的视图排序类型；

若所选择的视图排序类型为综合类型，则根据各个所述目标区域的面积，将面积最大的目标区域作为第一区域；计算每一个目标区域的面积与所述第一区域的面积之间的比值，得到每一个所述目标区域对应的第一计算值；

根据各个所述目标区域所包围图元的个数，将包围图元个数最多的目标区域作为第二区域；计算每一个目标区域包围图元的个数与所述第二区域包围图元的个数之间的比值，得到每一个目标区域对应的第二计算值；

针对每一个目标区域，将该目标区域的第一计算值和第二计算值进行求和计算，得到该目标区域的第三计算值；

将第三计算值最大的目标区域作为第三区域，计算每一个目标区域的第三计算值与所述第三区域的第三计算值之间的比值，得到第四计算值；

分别将每一个目标区域的第四计算值与预设的第二对比值进行比较，将大于所述第二对比值的各个目标区域作为各个有效区域。

优选地，所述确定各个所述有效区域的显示顺序，包括：

若所选择的视图排序类型为面积类型，则按照从大到小的顺序将各个有效区域所对应的第一计算值进行排序，得到第一排列顺序，并将所述第一排序类型作为各个有效区域的显示顺序；

若所选择的视图排序类型为图元个数类型，则按照从大到小的顺序将各个有效区域所对应的第二计算值进行排序，得到第二排序类型，并将所述第二排序类型作为各个有效区域的显示顺序；

若所选择的视图排序类型为综合类型，则按照从大到小的顺序将各个有效区域所对应的第四计算值进行排序，得到第三排序类型，并将所述第三排序类型作为各个有效区域的显示顺序。

第二方面，一种视图显示装置，包括：

目标视图获取模块，用于响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

目标区域确定模块，用于确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

目标区域信息获取模块，用于获取各个所述目标区域的面积和所包含图元的个数；

显示顺序确定模块，用于基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

显示模块，用于按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

第三方面，一种视图显示设备，包括存储器和处理器；

所述存储器，用于存储程序；

所述处理器，用于执行所述程序，实现如第一方面所述的视图显示方法的各个步骤。

第四方面，一种存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如第一方面所述的视图显示方法的各个步骤。

从上述技术方案可以看出，本申请通过响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；获取各个所述目标区域的面积和所包含图元的个数；基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。该方案通过响应用户的请求指令，找到每一个图元所属的目标区域，也就是每一个图元都划分到某一个目标区域中，再根据每一个目标区域的面积和所包含图元的个数确定出各个有效区域，这各个有效区域即为需要显示给用户的区域，并且按照特定的显示顺序进行显示，就可以快速定位有效区域，排除掉无用的图元，只让有效区域显示在显示屏中，可以使目标视图在显示屏可操作区域中的显示范围更合理，针对有用的图元有较大的操作范围，还能使有效区域中图元的显示更清晰，方便用户的编辑和设计。尤其是针对图元数目很多或本身范围很大的目标视图来说，本方案可以快速准确的定位用户需要进行编辑的图元位置，不需要用户进行反复的查找、切换视角等操作，提高用户的工作效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本申请实施例提供的一种分散视图的示意图；

图2为本申请实施例提供的一种视图显示方法的可选流程图；

图3为本申请实施例提供的一种划分目标区域的场景示意图；

图4和图5为本申请实施例提供的显示屏可操作区域中的有效区域分布示意图；

图6为本申请实施例提供的另一种划分目标区域的场景示意图；

图7为本申请实施例提供的一种视图显示装置的结构示意图；

图8为本申请实施例提供的一种视图显示设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

许多领域都会用到视图，利用图片展示工作内容，比如建筑设计师、画家、游戏设计师等，他们一般会利用计算机辅助设计软件进行绘图或者视图展示，一般情况下，设计软件会在屏幕的可操作区域显示整个视图，即将视图中的所有图元同时显示在可操作区域。

由于设计师在工作过程中不一定会用到视图中的所有图元，因此对于图元排布比较分散的视图，如图1所示，若按照传统的视图显示方法将所有图元同时进行显示，那么图元1～图元10000都会显示在显示屏的可操作区域中(其中，如图1所示，图元10～图元10000是分布较为紧密且在视图中占据范围很小的部分图元，因此此处用省略号代替)，若设计师在本次工作中只需要对图元1～图元5进行编辑操作，那么图元6～图元10000都会变成无用图元，因此在设计师在对图元1～图元5编辑时，如果图元6～图元10000也都同时显示在显示屏可操作区域中，图元1～图元5只能占据很小一部分位置，设计师在可操作区域中针对图元1～图元5的可操作范围会变小，会影响设计师的操作过程和对图元的编辑效果，并且还不利于设计师的观察。另外，很多设计软件通常会设置调试功能，比如放大、缩小和移动等，可以让设计师定位具体的图元，但是针对图元数目很多或本身范围很大的目标视图来说，仅仅利用放大、缩小或移动等功能定位具体图元是非常繁琐的，设计师需要进行反复的查找、拖拽，费时费力，并且简单的放大、缩小和移动功能并不能存储设计师的调试记录，给设计工作带来很大的不便。

本发明实施例提供一种视图显示方法，该方法可以应用在各种计算机终端或是智能终端中，其执行主体可以为计算机终端或是智能终端的处理器或服务器，该方法可以应用于包含二维、三维等设计的计算机辅助设计软件或程序中，还可以应用于其他包含点、线、面、文字等基本元素的视图显示场景的应用程序，本申请对此不作限制。

所述方法的方法流程图如图2所示，具体包括：

S1：响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图。

具体地，在一个应用场景中，用户/设计师在客户端显示屏上点击设计软件，设计软件打开后，用户请求对某一张视图/图片进行显示，此时，客户端响应于用户进行视图显示的请求指令，获取该视图，即目标视图。

可选的，除了响应用户对某一张视图进行显示的请求指令外，还可以对用户的操作历史进行记录，当用户点击设计软件后，客户端直接调用用户的历史操作记录，提取用户上一次使用该软件时所编辑的视图，并将该视图作为目标视图显示在客户端显示屏上，以此可以节省时间，提高用户的工作效率。

S2：确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元。

针对一个图元比较分散的目标视图来说，每一个图元占据了该目标视图的一部分区域，可以将距离较近的一些图元划分为一个目标区域；可以按照图元的形状，将相似形状的图元划分到一个目标区域中；还可以按照色彩进行划分。

可选的，在划分目标区域时，还可以让用户自由选择，比如用户根据个人需求点击某些图元，客户端将这些图元所占据的区域进行合并，组成一个大的区域，将该区域作为这些图元所属的目标区域，将剩下的图元所占据的区域组成另一个目标区域。

划分完成后，每一个图元都确定出了各自所属的目标区域，请参考图3，图3中的图元1、图元2、图元3、图元4和图元5彼此之间距离较近，因此可以将图元1～图元5划分到一个区域中，其中，图元1～图元5中间的空隙也是包含在该区域中的，本实施例中是利用长方形来表示图元1～图元5所对应的目标区域的，也可以使用其他图形，本实施例对此不作限制；另外图元6周围没有距离较近的其他图元，所以可以将图元6所占据的区域作为其所属的目标区域，该目标区域中没有包含其他图元。可以理解的是，如果一个目标区域中只包含一个图元，那么该图元所占据的区域即为该图元所属的目标区域，该目标区域的面积即为该图元的面积。

S3：获取各个所述目标区域的面积和所包含图元的个数。

可以理解的是，获取各个目标区域的面积和所包含图元的个数，并根据面积和图元个数可以大致确定出用户需要进行编辑的是哪一个或哪几个目标区域，因为面积的大小可以表明用户需要编辑范围的大小，所包含图元的个数可以表明用户需要编辑的图元个数的多少。

那么根据目标区域的面积和所包含图元的个数，就可以从中确定出有效区域，也就是用户大概率需要进行编辑的区域。

S4：基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序。

具体地，如果从目标区域的面积角度来考虑有效区域，可以根据面积的大小来确定有效区域，比如将面积较大的目标区域作为有效区域；如果从目标区域所包含图元的个数来考虑有效区域，可以将包含图元个数较多的目标区域作为有效区域，将包含图元个数较多的目标区域或将面积较大的目标区域作为有效区域可以提高所有有效区域的显示效率。

另外，有效区域的显示顺序可以只从面积的角度进行制定，也可以只从包含图元的个数角度进行制定；为了更加契合用户的需求，可以综合从面积角度和包含图元个数的角度制定各个有效区域的显示顺序。

S5：按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

在本申请中，按照显示顺序将各个有效区域依次显示在客户端显示屏的过程中，可以将显示顺序中的第一个有效区域显示在客户端显示屏的正中央位置，并且，该有效区域可以占据整个显示屏的可操作区域。

具体地，若有效区域有N个，那么将有效区域分别按显示顺序定义为第一有效区域～第N个有效区域，并设置第一时间段，在将第一有效区域显示之后，若用户在第一时间段内移动了鼠标或者在这个时间段内有对该有效区域内图元的编辑操作，则在用户编辑操作的过程中不会将第二有效区域显示在显示屏上，用户在编辑完成时刻后的第一时间段内，用户没有移动鼠标，并且也没有点击鼠标或没有对该有效区域内的图元进行任何编辑操作，则将该有效区域取消显示，将显示顺序中的第二有效区域显示上来。另外，若用户在第一时间段内没有移动鼠标，并且也没有点击鼠标或没有对第一有效区域内的图元进行任何编辑操作，则可以将该有效区域取消显示，将显示顺序中的第二有效区域显示上来。

在一个可选的实施例中，可以选择一次显示的有效区域数量，比如将有效区域两两进行展示，即第一次将显示顺序的第一有效区域和第二有效区域进行显示，第二次将显示顺序中的第三有效区域和第四有效区域进行显示等等。其中，可以使两个有效区域分别占据客户端显示屏的可操作区域的一半，也可以将第一有效区域占据显示屏可操作区域的大部分位置，将第二有效区域显示在显示屏可操作区域的右上角位置，如图4所示，若用户点击第二有效区域，则第一有效区域和第二有效区域互换，如图5所示。当用户不再对第一有效区域和第二有效区域编辑后，将第三有效区域显示和第四有效区域显示在客户端显示屏的可操作区域。

从上述技术方案可以看出，本申请通过响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；获取各个所述目标区域的面积和所包含图元的个数；基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。该方案通过响应用户的请求指令，找到每一个图元所属的目标区域，也就是每一个图元都划分到某一个目标区域中，再根据每一个目标区域的面积和所包含图元的个数确定出各个有效区域，这各个有效区域即为需要显示给用户的区域，并且按照特定的显示顺序进行显示，就可以排除掉无用的图元，只让有效区域显示在显示屏中，可以使目标视图在显示屏可操作区域中的显示范围更合理，针对有用的图元有较大的操作范围，还能使有效区域中图元的显示更清晰，方便用户的编辑和设计。尤其是针对图元数目很多或本身范围很大的目标视图来说，本方案可以快速准确的定位用户需要进行编辑的图元位置，不需要用户进行反复的查找、切换视角等操作，提高用户的工作效率。

本发明实施例提供的方法中，确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域的过程，具体说明如下所述：

S21：在所述目标视图的各个图元中确定一个目标图元。

具体地，可以在目标视图的所有图元中随机选择一个图元作为目标图元；可以获取目标视图中每一个图元的面积，将面积最大的图元作为目标图元；可以将形状最复杂的图元作为目标图元；可以将该用户上次应用设计软件时最后操作的图元作为目标图元；还可以不直接确定目标图元，若用户点击了某个图元，就可以认为该图元就是用户需要操作的图元，则将其作为目标图元。上述方案为可选择的一些方案，可以方便用户根据自身具体需求来确定目标图元，使用户的使用感更高。

S22：将所述目标视图中与所述目标图元之间的距离不大于第一预设距离的各个图元作为各个第一图元。

S23：将所述目标图元与各个所述第一图元进行组合，以构成图元集合，并将所述图元集合所对应的正交包围框作为所述目标图元所属的目标区域。

下面将步骤S22和S23结合进行说明，本步骤中设定第一预设距离，第一预设距离可以根据显示屏的分辨率或者显示屏可操作区域的长和宽来决定，然后将与目标图元之间的距离不大于该第一预设距离的其他各个图元作为该目标图元对应的各个第一图元。然后可以沿着外围的图元的边缘，画一个圈，将该目标图元和其对应的各个第一图元包围起来，它们之间的空隙也被包围在里面，以构成一个图元集合，将该图元集合所对应的正交包围圈作为该目标图元对应的目标区域。将目标图元以及其周围距离较近的第一图元包围起来是考虑到用户往往会同时处理距离较近的几个图元，并且按照目标区域来统一编辑，可以提高编辑效率，可以避免在两个目标区域之间频繁切换。

S24：在所述目标视图的其他未被包围的图元中选择一个图元作为新的目标图元，返回执行所述将所述目标视图中与所述目标图元之间的距离不大于第一预设距离的各个图元作为各个第一图元的步骤，直到所述目标视图中每一个图元都有各自所属的目标区域，以得到各个目标区域。

在步骤S23中构成了一个目标区域后，目标视图中可能还剩余一些未被包围的图元，然后在这些未被包围的图元中选择一个图元作为新的目标图元，重复执行上述确定目标区域的步骤，依次找到剩下每个图元所属的目标区域，从而得到一个或多个目标区域，每一个目标区域中包含一个或多个图元，如图6所示。这样就可以把目标视图中的所有图元区分开来，按区域划分，方便用户对目标视图的编辑操作。

可选的，上述步骤S21，在所述目标视图的各个图元中确定一个目标图元的过程，可以包括：

确定用户在所述目标视图中产生的鼠标点击事件的发生位置；

确定所述目标视图中每一个图元与所述发生位置之间的距离；

将与所述发生位置之间距离最短的图元作为目标图元。

具体地，可以认为用户在目标视图中的点击位置就是用户想要编辑的位置，因此确定用户在目标视图中产生的鼠标点击事件的发生位置，然后获取目标视图中每一个图元与该鼠标点击事件的发生位置之间的距离，将距离最短的图元作为目标图元，因为用户有可能直接点击在该图元中，也有可能点击在该图元周围，从而可以直接确定该目标图元的目标区域，快速的将目标区域显示在客户端显示屏上，不需要用户移动目标视图和对目标视图进行放缩，节省时间。若有多个图元与鼠标点击事件的发生位置距离相同，则可以随机选择一个作为目标图元。

进一步地，上述步骤S24中，在所述目标视图的其他未被包围的图元中选择一个图元作为新的目标图元的步骤，具体可以包括：在所述目标视图中，确定每一个未被包围的图元与每一个目标区域之间的距离；将每一个未被包围的图元与每一个目标区域之间的距离进行比较；将距离最短所对应的未被包围的图元作为新的目标图元。可以理解的是，从未被包围的图元中选择一个离现有目标区域距离最近的作为新的目标图元，因为距离相近的图元与已经构成的目标区域之间的关联度更大，用户在处理完上一个构建的目标区域后，处理该图元的概率更大。

在本申请提供的一个实施例中，基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域的过程，具体包括：

设定多个视图排序类型，比如面积类型、包含图元个数类型，综合类型，颜色类型等等，那么首先获取所述用户在客户端显示屏中所选择的视图排序类型，再依照具体的视图排序类型从各个目标区域中选择有效区域。

(一)参照目标区域的面积来确定有效区域。

若所选择的视图排序类型为面积类型，则根据各个所述目标区域的面积，将面积最大的目标区域作为第一区域；

计算每一个目标区域的面积与所述第一区域的面积之间的比值，得到每一个所述目标区域对应的第一计算值；

分别将每一个目标区域的第一计算值与预设的第一对比值进行比较，将大于所述第一对比值的各个目标区域作为各个有效区域。

(二)参照目标区域所包含图元的个数来确定有效区域。

若所选择的视图排序类型为图元个数类型，则根据各个所述目标区域所包围图元的个数，将包围图元个数最多的目标区域作为第二区域；

计算每一个目标区域包围图元的个数与所述第二区域包围图元的个数之间的比值，得到每一个目标区域对应的第二计算值；

分别将每一个目标区域的第二计算值与所述第一对比值进行比较，将大于所述第一对比值的各个目标区域作为各个有效区域。

(三)结合目标区域的面积和包含图元个数来确定有效区域。

若所选择的视图排序类型为综合类型，则根据各个所述目标区域的面积，将面积最大的目标区域作为第一区域；计算每一个目标区域的面积与所述第一区域的面积之间的比值，得到每一个所述目标区域对应的第一计算值；

根据各个所述目标区域所包围图元的个数，将包围图元个数最多的目标区域作为第二区域；计算每一个目标区域包围图元的个数与所述第二区域包围图元的个数之间的比值，得到每一个目标区域对应的第二计算值；

针对每一个目标区域，将该目标区域的第一计算值和第二计算值进行求和计算，得到该目标区域的第三计算值；

将第三计算值最大的目标区域作为第三区域，计算每一个目标区域的第三计算值与所述第三区域的第三计算值之间的比值，得到第四计算值；

分别将每一个目标区域的第四计算值与预设的第二对比值进行比较，将大于所述第二对比值的各个目标区域作为各个有效区域。

在上述方案中，第一对比值和第二对比值可以设置为相同数值，可以根据有效区域的数量来参考设定。

在本申请提供的另一个实施例中，若各个目标区域的面积大小比较接近，或者各个有效区域所包含图元的个数也相差不多，那么可以直接根据有效区域的面积大小或所包含图元个数的多少来筛选有效区域，会更加直观，使确定有效区域过程的效率更高。

而本申请中，通过选取面积最大的区域、所包含图元个数最多的区域，并计算比值，根据比值来筛选有效区域，可以满足目标区域分散较广的目标视图，使面积大小相差较大，或所包含图元个数相差较大的目标区域之间区分开，使确定有效区域的准确度更高。比如在图6中，图元10～图元10000所属的目标区域所包含的图元个数是最多的，因此计算比值，并根据比值来筛选有效区域可以快速将该目标区域确定为有效区域，同时其他目标区域也不会被确定为有效区域，那么就可以将图元10～图元10000最大限度的、且清晰的显示在显示屏中。

更进一步地，确定各个所述有效区域的显示顺序的过程，具体可以包括以下步骤：

若所选择的视图排序类型为面积类型，则按照从大到小的顺序将各个有效区域所对应的第一计算值进行排序，得到第一排列顺序，并将所述第一排序类型作为各个有效区域的显示顺序；

若所选择的视图排序类型为图元个数类型，则按照从大到小的顺序将各个有效区域所对应的第二计算值进行排序，得到第二排序类型，并将所述第二排序类型作为各个有效区域的显示顺序；

若所选择的视图排序类型为综合类型，则按照从大到小的顺序将各个有效区域所对应的第四计算值进行排序，得到第三排序类型，并将所述第三排序类型作为各个有效区域的显示顺序。

具体地，将目标区域的面积和所包含图元的个数进行组合，来确定第三计算值和第四计算值，根据第四计算值可以使设置的显示顺序更精确，更加符合用户的需求。

与图2所述的方法相对应，本发明实施例还提供了视图显示装置，用于对图2中方法的具体实现，本发明实施例提供的视图显示装置可以在计算机终端或各种移动设备中，结合图7，对视图显示装置进行介绍，如图7所示，该装置可以包括：

目标视图获取模块10，用于响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

目标区域确定模块20，用于确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

目标区域信息获取模块30，用于获取各个所述目标区域的面积和所包含图元的个数；

显示顺序确定模块40，用于基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

显示模块50，用于按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

从上述技术方案可以看出，本申请通过响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；获取各个所述目标区域的面积和所包含图元的个数；基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。该方案通过响应用户的请求指令，找到每一个图元所属的目标区域，也就是每一个图元都划分到某一个目标区域中，再根据每一个目标区域的面积和所包含图元的个数确定出各个有效区域，这各个有效区域即为需要显示给用户的区域，并且按照特定的显示顺序进行显示，就可以排除掉无用的图元，只让有效区域显示在显示屏中，可以使目标视图在显示屏可操作区域中的显示范围更合理，针对有用的图元有较大的操作范围，还能使有效区域中图元的显示更清晰，方便用户的编辑和设计。尤其是针对图元数目很多或本身范围很大的目标视图来说，本方案可以快速准确的定位用户需要进行编辑的图元位置，不需要用户进行反复的查找、切换视角等操作，提高用户的工作效率。

更进一步地，本申请实施例提供了一种视图显示设备。可选的，图8示出了视图显示设备的硬件结构框图，参照图8，视图显示设备的硬件结构可以包括：至少一个处理器01，至少一个通信接口02，至少一个存储器03和至少一个通信总线04。

在本申请实施例中，处理器01、通信接口02、存储器03、通信总线04的数量为至少一个，且处理器01、通信接口02、存储器03通过通信总线04完成相互间的通信。

处理器01可以是一个中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路等。

存储器03可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatilememory)等，例如至少一个磁盘存储器。

其中，存储器存储有程序，处理器可调用存储器存储的程序，程序用于执行下述视图显示方法，包括：

响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

获取各个所述目标区域的面积和所包含图元的个数；

基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

可选的，程序的细化功能和扩展功能可参照方法实施例中的视图显示方法的描述。

本申请实施例还提供一种存储介质，该存储介质可存储有适于处理器执行的程序，在所述程序运行时控制所述存储介质所在的设备执行下述视图显示方法，包括：

响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

获取各个所述目标区域的面积和所包含图元的个数；

基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

具体地，该存储介质可以是一种计算机可读存储介质，计算机可读存储介质可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。

可选的，程序的细化功能和扩展功能可参照方法实施例中的视图显示方法的描述。

另外，在本公开各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，直播设备，或者网络设备等)执行本公开各个实施例方法的全部或部分步骤。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种视图显示方法，其特征在于，包括：

响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

获取各个所述目标区域的面积和所包含图元的个数；

基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

2.根据权利要求1所述的方法，其特征在于，所述确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，包括：

在所述目标视图的各个图元中确定一个目标图元；

将所述目标视图中与所述目标图元之间的距离不大于第一预设距离的各个图元作为各个第一图元；

将所述目标图元与各个所述第一图元进行组合，以构成图元集合，并将所述图元集合所对应的正交包围框作为所述目标图元所属的目标区域；

在所述目标视图的其他未被包围的图元中选择一个图元作为新的目标图元，返回执行所述将所述目标视图中与所述目标图元之间的距离不大于第一预设距离的各个图元作为各个第一图元的步骤，直到所述目标视图中每一个图元都有各自所属的目标区域，以得到各个目标区域。

3.根据权利要求2所述的方法，其特征在于，所述在所述目标视图的各个图元中确定一个目标图元，包括：

确定用户在所述目标视图中产生的鼠标点击事件的发生位置；

确定所述目标视图中每一个图元与所述发生位置之间的距离；

将与所述发生位置之间距离最短的图元作为目标图元。

4.根据权利要求2所述的方法，其特征在于，所述在所述目标视图的其他未被包围的图元中选择一个图元作为新的目标图元，包括：

在所述目标视图中，确定每一个未被包围的图元与每一个目标区域之间的距离；

将每一个未被包围的图元与每一个目标区域之间的距离进行比较；

将距离最短所对应的未被包围的图元作为新的目标图元。

5.根据权利要求1所述的方法，其特征在于，所述基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，包括：

获取所述用户在客户端显示屏中所选择的视图排序类型；

若所选择的视图排序类型为面积类型，则根据各个所述目标区域的面积，将面积最大的目标区域作为第一区域；

计算每一个目标区域的面积与所述第一区域的面积之间的比值，得到每一个所述目标区域对应的第一计算值；

分别将每一个目标区域的第一计算值与预设的第一对比值进行比较，将大于所述第一对比值的各个目标区域作为各个有效区域；

若所选择的视图排序类型为图元个数类型，则根据各个所述目标区域所包围图元的个数，将包围图元个数最多的目标区域作为第二区域；

计算每一个目标区域包围图元的个数与所述第二区域包围图元的个数之间的比值，得到每一个目标区域对应的第二计算值；

分别将每一个目标区域的第二计算值与所述第一对比值进行比较，将大于所述第一对比值的各个目标区域作为各个有效区域。

6.根据权利要求1所述的方法，其特征在于，所述基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，包括：

获取所述用户在客户端显示屏中所选择的视图排序类型；

若所选择的视图排序类型为综合类型，则根据各个所述目标区域的面积，将面积最大的目标区域作为第一区域；计算每一个目标区域的面积与所述第一区域的面积之间的比值，得到每一个所述目标区域对应的第一计算值；

根据各个所述目标区域所包围图元的个数，将包围图元个数最多的目标区域作为第二区域；计算每一个目标区域包围图元的个数与所述第二区域包围图元的个数之间的比值，得到每一个目标区域对应的第二计算值；

针对每一个目标区域，将该目标区域的第一计算值和第二计算值进行求和计算，得到该目标区域的第三计算值；

将第三计算值最大的目标区域作为第三区域，计算每一个目标区域的第三计算值与所述第三区域的第三计算值之间的比值，得到第四计算值；

分别将每一个目标区域的第四计算值与预设的第二对比值进行比较，将大于所述第二对比值的各个目标区域作为各个有效区域。

7.根据权利要求5或6所述的方法，其特征在于，所述确定各个所述有效区域的显示顺序，包括：

若所选择的视图排序类型为面积类型，则按照从大到小的顺序将各个有效区域所对应的第一计算值进行排序，得到第一排列顺序，并将所述第一排序类型作为各个有效区域的显示顺序；

若所选择的视图排序类型为图元个数类型，则按照从大到小的顺序将各个有效区域所对应的第二计算值进行排序，得到第二排序类型，并将所述第二排序类型作为各个有效区域的显示顺序；

若所选择的视图排序类型为综合类型，则按照从大到小的顺序将各个有效区域所对应的第四计算值进行排序，得到第三排序类型，并将所述第三排序类型作为各个有效区域的显示顺序。

8.一种视图显示装置，其特征在于，包括：

目标视图获取模块，用于响应于用户在客户端显示屏中进行视图显示的请求指令，获取目标视图；

目标区域确定模块，用于确定所述目标视图中每一个图元所属的目标区域，以得到各个目标区域，其中，每一个目标区域中包含一个或多个图元；

目标区域信息获取模块，用于获取各个所述目标区域的面积和所包含图元的个数；

显示顺序确定模块，用于基于各个所述目标区域的面积和所包含图元的个数，在各个所述目标区域中确定各个有效区域，并确定各个所述有效区域的显示顺序；

显示模块，用于按照所述显示顺序将各个所述有效区域依次显示在所述客户端显示屏上。

9.一种视图显示设备，其特征在于，包括存储器和处理器；

所述存储器，用于存储程序；

所述处理器，用于执行所述程序，实现如权利要求1-7任一项所述的视图显示方法的各个步骤。

10.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现如权利要求1-7任一项所述的视图显示方法的各个步骤。