CN114327208B - 一种图例展示方法、装置、存储介质及终端 - Google Patents
一种图例展示方法、装置、存储介质及终端 Download PDFInfo
- Publication number
- CN114327208B CN114327208B CN202111424755.0A CN202111424755A CN114327208B CN 114327208 B CN114327208 B CN 114327208B CN 202111424755 A CN202111424755 A CN 202111424755A CN 114327208 B CN114327208 B CN 114327208B
- Authority
- CN
- China
- Prior art keywords
- legend
- subscript
- sliding distance
- array
- final
- 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
Images
Abstract
本发明公开了一种图例展示方法、装置、存储介质及终端,方法包括:获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;根据第二图例集合确定并展示第一图例集合,其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,将显示效果展示于当前页面。由于本申请对当前页面待展示的全部图例构建出环形数组的表示方式,并基于该方式确定需要展示的图例集合进行展示,使得在有限的区域可以展示全部图例,从而提升了动态图例增减的适应性。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种图例展示方法、装置、存储介质及终端。
背景技术
在GIS(Geographic Information System,地理信息系统)系统界面中,图例是一种非常重要的快速访问组件,一个图例控制一个GIS图层的数据访问。如图1所示,一般而言,在GIS系统界面的右下部会安置一个图例框来收纳图例组件,每一个图例组件由两部分构成:一部分是图例对应的复选框,另一部分是图例的文字描述。当勾选图例对应的复选框时,在GIS界面上就会显示该图例指代的数据,如图标等。
当前GIS系统的图例安置方式存在如下问题:首先,图例框会对GIS系统界面造成覆盖,在GIS系统界面的呈现效果上不够简洁,有割裂感;其次,当系统需要访问的GIS图层越来越多时,图例组件也会变得非常庞杂,图例框在GIS系统界面中占用的面积也会越来越大,严重影响系统美观和操作体验;最后,由于图例的文字描述长短不一,会对图例框内的排版效果造成巨大的挑战,特别是当GIS系统的图层是按需动态增减的情况下。
发明内容
本申请实施例提供了一种图例展示方法、装置、存储介质及终端。为了对披露的实施例的一些方面有一个基本的理解,下面给出了简单的概括。该概括部分不是泛泛评述,也不是要确定关键/重要组成元素或描绘这些实施例的保护范围。其唯一目的是用简单的形式呈现一些概念,以此作为后面的详细说明的序言。
第一方面,本申请实施例提供了一种图例展示方法,方法包括:
获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;
根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;
将显示效果展示于当前页面。
可选的,按照以下步骤生成预设环形图例数组,包括:
获取每一个第二图例的图例信息,图例信息包括图标、图例选中状态、图例描述信息;
获取每个第二图例在预设数组中的位置信息,其中,位置信息用图例在环形数组中的下标标记;
基于图例信息和位置信息将多个第二图例依次保存在预设数组中,生成预设环形数组。
可选的,方法还包括:
当接收到的触发动作为滑动时,获取滑动距离;
根据滑动距离计算环形数组中每一个第二图例的目标滑动距离,目标滑动距离用第一图例滑动前与滑动后的位置下标的差值标记;
根据目标滑动距离及滑动方向对图例展示框中每个第一图例执行位置移动计算,得到位移后的每个第一图例在环形数组中的位置下标,记为第一最终下标;
将所述图例展示框中的每个第一图例的位置下标替换为其对应的第一最终下标,获取第一最终下标对应的第一图例;
将所述第一最终下标对应的第一图例集合展示至图例展示框中。
可选的,方法还包括:
获取所述滑动操作的滑动方向和滑动距离;
当滑动方向为左滑动时,以位移前的位置下标与所述滑动距离对应的位置差做差值,得到所述第一最终下标;
当滑动方向为右滑动时,以位移前的位置下标与滑动距离对应的位置差作和,得到所述第一最终下标。可选的,方法还包括:
当环形数组中的第二图例个数大于第一图例个数时,
获取图例显示框的初始显示需求对应的第一图例集合;
将第一图例集合展示至图例展示框,并隐藏环形数组中未展示的第二图例集合。
可选的,方法还包括:
当触发动作为聚焦指令时,根据聚焦指令从第一图例集合内确定至少一个待放大图例;
将待放大图例的原始尺寸值替换为预设放大尺寸值,并将第一图例集合中待放大图例左右两边的多个图例的尺寸值按照预设多个阶梯缩小尺寸值逐一替换;
生成替换尺寸值后的第一图例集合;
将替换尺寸值后的第一图例集合展示至图例展示框;
在待放大图例顶部生成一个信息栏展示图例的描述信息。
可选的,方法还包括:
根据预设标签集合将环形数组划分为多个子数组,每一个子数组对应一个标签,标签常态伴随显示于子数组对应的图例集合的一侧;
当接收到的触发动作为针对目标标签的选择指令时,确定目标标签的起始图例在环形数组中的第二最终下标;
将第一图例集合中起始图例的位置下标替换为目标标签起始图例的第二最终下标,并根据替换后的第二最终下标与替换前的起始图例的位置下标的差值计算目标滑动距离;
根据目标滑动距离计算每个第一图例对应的替换后的第三图例的第二最终下标,以将第一图例集合切换为最终下标对应的第三图例集合;将第三图例集合展示至图例展示框。
可选的,根据替换后的第二最终下标计算目标滑动距离,包括:
当第一图例集合中起始图例的下标小于第二最终下标时,将最终下标与第一图例集合中起始图例的下标做差,得到左滑动距离;
将环形数组中第二图例个数与左滑动距离做差,得到右滑动距离;
将右滑动距离或左滑动距离确定为目标滑动距离;
或者,
当第一图例集合中起始图例的下标大于最终下标时,将第一图例集合中起始图例的下标与最终下标做差,得到右滑动距离;
将环形数组中第二图例个数与右滑动距离做差,得到左滑动距离;
将右滑动距离或左滑动距离确定为目标滑动距离;
或者,
当第一图例集合中起始图例的下标等于最终下标时,目标滑动距离为0。
第二方面,本申请实施例提供了一种图例展示装置,装置包括:
第二图例展示模块,用于获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;
第一图例展示模块,用于根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
图例操作模块,用于当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;
效果显示模块,用于将显示效果展示于当前页面。
第三方面,本申请实施例提供一种计算机存储介质,计算机存储介质存储有多条指令,指令适于由处理器加载并执行上述的方法步骤。
第四方面,本申请实施例提供一种终端,可包括:处理器和存储器;其中,存储器存储有计算机程序,计算机程序适于由处理器加载并执行上述的方法步骤。
本申请实施例提供的技术方案可以包括以下有益效果:
在本申请实施例中,图例展示装置首先获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;然后根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动,再当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;最后将显示效果展示于当前页面。由于本申请对当前页面待展示的全部图例构建出环形数组的表示方式,并基于该方式确定需要展示的图例集合进行展示,使得在有限的区域可以展示全部图例,从而提升了动态图例增减的适应性,优化了当前页面的图例排版效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本发明。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1是本申请实施例提供的一种传统的GIS图例收纳框及图例组件构成示意图;
图2是本申请实施例提供的一种图例展示方法的流程示意图;
图3是本申请实施例提供的一种图例环形数组示意图;
图4是本申请实施例提供的一种浏览图例时平滑放大突出显示的效果示意图;
图5是本申请实施例提供的一种GIS图例的安置方法示意图;
图6是本申请实施例提供的一种标签化后的图例环形数组示意图;
图7是本申请实施例提供的一种标签化管理后的图例安置效果示意图;
图8是本申请实施例提供的一种图例展示装置的结构示意图;
图9是本申请实施例提供的一种终端的结构示意图。
具体实施方式
以下描述和附图充分地示出本发明的具体实施方案,以使本领域的技术人员能够实践它们。
应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
在本发明的描述中,需要理解的是,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本发明中的具体含义。此外,在本发明的描述中,除非另有说明,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
本申请提供了一种图例展示方法、装置、存储介质及终端,以解决上述相关技术问题中存在的问题。本申请提供的技术方案中,由于本申请对当前页面待展示的全部图例构建出环形数组的表示方式,并基于该方式确定需要展示的图例集合进行展示,使得在有限的区域可以展示全部图例,从而提升了动态图例增减的适应性,优化了当前页面的图例排版效果,下面采用示例性的实施例进行详细说明。
下面将结合附图2-附图7,对本申请实施例提供的图例展示方法进行详细介绍。该方法可依赖于计算机程序实现,可运行于基于冯诺依曼体系的图例展示装置上。该计算机程序可集成在应用中,也可作为独立的工具类应用运行。
请参见图2,为本申请实施例提供了一种图例展示方法的流程示意图。如图2所示,本申请实施例的方法可以包括以下步骤:
S101,获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;
S102,根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
通常,在根据第二图例集合确定并展示第一图例集合之前,还需要获取预设环形数组中的第二图例集合,第二图例集合是环形数组中所有的图例的集合。需要说明的是,当前页面的边沿线在本发明以底边沿来做说明,例如图5中图例框,在GIS界面的底边沿,但不失一般性,也可以根据用户需要放置在左右和上边沿,例如图例框可以设置在上边沿,或者左边沿,或者右边沿,具体可按照实际情况进行设定,当设置于底边沿或上边沿时,平铺为横向平铺,当设置于左边沿或右边沿时,平铺为纵向平铺。
在本申请实施例中,在生成预设环形数组时,首先获取每一个待展示图例的图例信息,图例信息包括图标、图例选中状态、图例描述信息,然后获取每个第二图例在预设数组中的位置信息,其中,位置信息用图例在环形数组中的下标标记,最后基于图例信息和位置信息将多个图例依次保存在预设环形数组中,生成预设环形图例数组。
在一个可能的实施例中,图例可以为GIS图例,对于电子地图场景,随着地图精度的提升,如高精地图等,因涉及的图层多、图例多,图例描述信息多,将GIS图例以平铺的方式展示于当前页面的边沿线上的图例展示框中,避免了悬浮图例框对高精度地图的遮挡。在一种可能的实现方式中,定义图例组件p=<θ,s,c>为一个三元组。其中,θ记录图例组件p的图标图标;s记录图例组件p的状态,若p.s=1代表图例被选中,p.s=0代表图例未被选中;c记录图例组件p的描述信息。以GIS系统为例,设GIS系统中当前页面需要显示的图例有N个,本申请将N个图例定义为一个如图3所示的环形数组Ρ=[p1,p2,…,pk,…,pN]。
在本申请实施例中,在根据环形数组确定并展示第一图例集合时,首先计算当前页面的边沿线上的图例展示框内可放置的第一图例个数,然后当环形数组中的第二图例个数小于等于第一图例个数时,将环形数组中的全部图例确定为第一图例集合,最后将第一图例集合展示至图例展示框。
进一步地,当环形数组中的第二图例个数大于第一图例个数时,获取图例显示框的初始显示需求对应的第一图例集合;将第一图例集合展示至图例展示框,并隐藏环形数组中未展示的第二图例集合。
设函数next()功能为取环形数组Ρ中当前图例的下一个图例,有对于1≤k<N,有next(pk)=pk+1;next(pN)=p1。定义next(i)()为对函数next()嵌套执行i次,例如next(2)(pk)=next(next(pk))=pk+2。
在一种可能的实现方式中,设图例框可显示的图例个数为M,当N≤M时,环形数组Ρ中所有的图例均可以在图例框中显示。当N>M时,如图3所示,为了将环形数组Ρ中所有的图例都可以在有限的M个档位内显示,本申请通过对数组Ρ执行滑动操作,等价于在数组Ρ中形成一个长度为M的滑动窗口WM,WM截取数组Ρ中长度为M的子数组进行显示,而Ρ中其他部分的图例则被隐藏起来。设WM中子数组的起始图例下标为j,则基于next(i)()函数定义子数组Ρ(j,M)=[pj,next(1)(pj),,next(2)(pj),…,,next(M-1)(pj)]。
如图5所示,将系统部分图例展示于当前页面的底边沿线上的图例展示框内,并可对图例展示框内部或展示的图例进行滑动来显示全部的图例图标。通过上述操作可知,无论环形数组Ρ的图例个数有多少(包括动态新增或减少),也无论图例框可安置的图例有多少,本发明不需要调整图例的显示方法,只需要调整参数N和M即可;此外,图例在数组Ρ中的位置可以灵活地进行调整。因此,本发明为动态GIS图层加载场景下图例的可适配性带来极大的便利。
S103,当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击。
在本申请实施例中,当接收到的触发动作为滑动时,首先获取滑动的方向和滑动距离,获取的滑动方向为向左滑动或向右滑动,滑动距离可以理解为当前界面获取的滑动距离,可以为手势滑动,也可以为鼠标拖拽滑动,再根据滑动距离计算环形数组中每一个第二图例的目标滑动距离,目标滑动距离用第一图例滑动前与滑动后的位置下标的差值标记,然后根据目标滑动距离及滑动方向对图例展示框中每一个第一图例执行位置移动计算,得到位移后的每一个第一图例在环形数组中的位置下标,记为第一最终下标,将图例展示框中的每个第一图例的位置下标替换为其对应的第一最终下标,获取第一最终下标对应的第一图例。
将所述第一最终下标对应的第一图例集合展示至所述图例展示框中。
在一个可能的实施方式中,可以接收针对隐藏设置于图例显示框两端的下拉栏内的第二图例点选动作,点选所述图例显示框的第二图例,并将其拖拽于图例显示框某目标位置。
在一个可能的实施方式:
获取当前页面的滑动操作的滑动方向和滑动距离;
当滑动方向为左滑动时,以位移前的位置下标与滑动距离对应的位置差做差值,得到第一最终下标,可以理解地,滑动距离与环形数组的各图例的位置差是预设的,比如滑动1cm,对应一个位置差/位移;
当滑动方向为右滑动时,以位移前的位置下标与滑动距离对应的位置差作加和,得到所述第一最终下标。
以第一最终下标对应的图例替换位移前的位置下标的图例;
对滑动操作前的每一个第一图例做上述位移计算及替换操作。即得到第一最终下标对应的图例集合,将该图例集合展示至图例显示框,即为该滑动动作对应的显示效果。
在一个可能的实施方式:
WM可以定义为一个双向队列,其两个方向的进出队列分别对应环形数组Ρ的左右滑动操作。对环形数组Ρ执行滑动操作等价于对子数组Ρ(j,M)的起始图例的下标j进行调整,对Ρ执行左滑动时,相当于按照顺时针方向调整Ρ进入滑动窗口的子数组;反之对Ρ执行右滑动时,相当于按照逆时针方向调整Ρ进入滑动窗口的子数组。若通过滑动将子数组的起始图例下标从j调整为j′,则在图例框中显示的子数组为Ρ(j′,M)。
在本申请实施例中,当触发动作为聚焦指令时,根据聚焦指令从第一图例集合内确定至少一个待放大图例,然后将待放大图例的原始尺寸值替换为预设放大尺寸值,并将第一图例集合中待放大图例左右两边的多个图例的尺寸值按照预设多个阶梯缩小尺寸值逐一替换,其次生成替换尺寸值后的第一图例集合,最后将替换尺寸值后的第一图例集合展示至图例展示框。
例如图4所示,为了优化图标pk.θ突出显示的弧度过渡效果,将pk.θ周边的图标亦采用递减比例放大的操作,即离当前图例pk越近的图例,放大比例越大。在一种可能的实现方式中,如图5所示,当光标移动到图标pk.θ时,图标pk.θ做一定比例的放大以突出显示,同时在图标pk.θ顶部生成一个信息栏放置图例pk的描述信息pk.c,标签栏的大小可以动态调整已适应描述信息包含的字数。
具体的,当点击图标pk.θ时,改变图例pk的状态pk.s,并随之调整图标pk.θ的颜色填充态。若当前pk.s=0,此时图标pk.θ的颜色呈未填充态,代表图例pk未选中,即图例pk关联的内容未在GIS界面上显示;点击图标pk.θ,置pk.s=1,图例pk关联的内容在GIS界面上显示,同时图标pk.θ的颜色被填充。若当前pk.s=1,此时图标pk.θ的颜色呈填充态,代表图例pk被选中,即图例pk关联的内容在GIS界面上显示;点击图标pk.θ,置pk.s=0,图例pk关联的内容在GIS界面上被隐藏,同时将图标pk.θ的颜色恢复未填充态。
为了提升图例的访问效率,本发明支持对环形数组Ρ中的图例进行标签化管理和索引。具体的,在本申请实施例中,根据预设标签集合将环形数组划分为多个子数组,每一个子数组对应一个标签,标签常态伴随显示于子数组对应的图例集合的一侧;当接收到的触发动作为针对目标标签的选择指令时,首先确定目标标签的起始图例在环形数组中的最终下标,然后将第一图例集合中起始图例的位置下标替换为目标标签起始图例的最终下标,并根据替换后的最终下标与替换前的起始图例的位置下标的差值计算目标滑动距离,再根据目标滑动距离计算每个第一图例对应的替换后的第三图例的第二最终下标,以将第一图例集合切换为最终下标对应的第三图例集合,最后将第三图例集合展示至图例展示框,即为该针对目标标签的选择指令对应的显示效果,例如图7所示。
如图6所示,设标签集合Ω={x,y,z,…}有ω个标签,这些标签将环形数组Ρ分为ω段,不妨定义标签x∈Ω在数组Ρ对应的子数组其中为标签x在数组Ρ中图例的个数。定义index()函数取图例在环形数组Ρ中的下标,则为标签x的起始图例在环形数组Ρ中的下标。为了快速访问标签x下的所有图例元素,当选择标签x时,相当于将当前在WM中显示的子数组Ρ(j,M)的起始图例下标由j调整为
图7所示为一种标签化管理后的图例的安置效果,如将标签浮置于图例框的上方。当点击标签x时,图例框左侧第一个图例的下标为在标签x的最后一个图例(下标为)之后为相邻标签y的第一个图例(下标为)。在实际应用中,标签可基于图例的类别进行定义,如“气象”标签下的图例包括“雨”、“雪”和“雾”等。
进一步地,在根据替换后的最终下标计算目标滑动距离时,当第一图例集合中起始图例的下标小于第二最终下标时,将最终下标与第一图例集合中起始图例的下标做差,得到左滑动距离,再将环形数组中图例个数与左滑动距离做差,得到右滑动距离,然后将右滑动距离或左滑动距离确定为目标滑动距离;
或者当第一图例集合中起始图例的下标大于第二最终下标时,将第一图例集合中起始图例的下标与第二最终下标做差,得到右滑动距离,再将环形数组中图例个数与右滑动距离做差,得到左滑动距离,最后将右滑动距离或左滑动距离确定为目标滑动距离;
或者,当第一图例集合中起始图例的下标等于第二最终下标时,目标滑动距离为0。
进一步地,当右击图标pk.θ时,显示对话框提示对图例pk的其他操作,包括但不限于:在环形数组Ρ中删除该图例;调整图例pk在环形数组Ρ中的位置;调整图例pk的索引标签;遴选pk为常用图例等。
在本申请实施例中,图例展示装置首先获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;然后根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动,再当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;最后将显示效果展示于当前页面。由于本申请对当前页面待展示的全部图例构建出环形数组的表示方式,并基于该方式确定需要展示的图例集合进行展示,使得在有限的区域可以展示全部图例,从而提升了动态图例增减的适应性,优化了当前页面的图例排版效果。
下述为本发明装置实施例,可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节,请参照本发明方法实施例。
请参见图8,其示出了本发明一个示例性实施例提供的图例展示装置的结构示意图。该图例展示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置1包括第二图例展示模块10、第一图例展示模块20、图例操作模块30、效果显示模块40。
第二图例展示模块10,用于获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;
第一图例展示模块20,用于根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
图例操作模块30,用于当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;
效果显示模块40,用于将显示效果展示于当前页面。
需要说明的是,上述实施例提供的图例展示装置在执行图例展示方法时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的图例展示装置与图例展示方法实施例属于同一构思,其体现实现过程详见方法实施例,这里不再赘述。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
在本申请实施例中,图例展示装置首先获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;然后根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动,再当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;最后将显示效果展示于当前页面。由于本申请对当前页面待展示的全部图例构建出环形数组的表示方式,并基于该方式确定需要展示的图例集合进行展示,使得在有限的区域可以展示全部图例,从而提升了动态图例增减的适应性,优化了当前页面的图例排版效果。
本发明还提供一种计算机可读介质,其上存储有程序指令,该程序指令被处理器执行时实现上述各个方法实施例提供的图例展示方法。
本发明还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述各个方法实施例的图例展示方法。
请参见图9,为本申请实施例提供了一种终端的结构示意图。如图9所示,终端1000可以包括:至少一个处理器1001,至少一个网络接口1004,用户接口1003,存储器1005,至少一个通信总线1002。
其中,通信总线1002用于实现这些组件之间的连接通信。
其中,用户接口1003可以包括显示屏(Display)、摄像头(Camera),可选用户接口1003还可以包括标准的有线接口、无线接口。
其中,网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。
其中,处理器1001可以包括一个或者多个处理核心。处理器1001利用各种借口和线路连接整个电子设备1000内的各个部分,通过运行或执行存储在存储器1005内的指令、程序、代码集或指令集,以及调用存储在存储器1005内的数据,执行电子设备1000的各种功能和处理数据。可选的,处理器1001可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器1001可集成中央处理器(Central Processing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器1001中,单独通过一块芯片进行实现。
其中,存储器1005可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选的,该存储器1005包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1005可用于存储指令、程序、代码、代码集或指令集。存储器1005可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等;存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图9所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及图例展示应用程序。
在图9所示的终端1000中,用户接口1003主要用于为用户提供输入的接口,获取用户输入的数据;而处理器1001可以用于调用存储器1005中存储的图例展示应用程序,并具体执行以下操作:
获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;
根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;
将显示效果展示于当前页面。
在一个实施例中,处理器1001按照以下步骤生成预设环形图例数组:
获取每一个待展示图例的图例信息,图例信息包括图标、图例选中状态、图例描述信息;
获取每个第二图例在预设数组中的位置信息,其中,位置信息用图例在环形数组中的下标标记;
基于图例信息和位置信息将多个图例依次保存在预设环形数组中,生成预设环形图例数组。
在一个实施例中,处理器1001在还执行以下操作:
当接收到的触发动作为滑动时,获取滑动的方向和滑动距离;
根据滑动距离计算环形数组中每一个第二图例的目标滑动距离,目标滑动距离用第一图例滑动前与滑动后的下标的差值标记;
根据目标滑动距离及滑动方向对图例展示框中每一个第一图例执行位置移动计算,得到位移后的每一个第一图例在环形数组中的位置下标,记为第一最终下标;
将所述图例展示框中的每个第一图例的位置下标替换为其对应的所述第一最终下标,获取所述第一最终下标对应的第一图例;
在一个实施例中,处理器1001在还执行以下操作:
获取所述滑动操作的滑动方向和滑动距离;
当滑动方向为左滑动时,以位移前的位置下标与滑动距离对应的位置差做差值,得到第一最终下标;
当滑动方向为右滑动时,以位移前的位置下标与滑动距离对应的位置差作和,得到第一最终下标。
将第一最终下标对应的第一图例集合展示至所述图例展示框中;
将第一最终下标对应的图例集合展示至图例展示框中。
在一个实施例中,处理器1001还执行以下操作:
当环形数组中的第二图例个数大于第一图例个数时,获取图例显示框的初始显示需求对应的第一图例集合;
将第一图例集合展示至图例展示框,并隐藏环形数组中未展示的第二图例集合。
在一个实施例中,处理器1001还执行以下操作:
当触发动作为聚焦指令时,根据聚焦指令从第一图例集合内确定至少一个待放大图例;
将待放大图例的原始尺寸值替换为预设放大尺寸值,并将第一图例集合中待放大图例左右两边的多个图例的尺寸值按照预设多个阶梯缩小尺寸值逐一替换;
生成替换尺寸值后的第一图例集合;
将替换尺寸值后的第一图例集合展示至图例展示框;
在待放大图例顶部生成一个信息栏展示图例的描述信息。
在一个实施例中,处理器1001还执以下操作:
根据预设标签集合将环形数组划分为多个子数组,每一个子数组对应一个标签,标签常态伴随显示于子数组对应的图例集合的一侧;
当接收到的触发动作为针对目标标签的选择指令时,确定目标标签的起始图例在环形数组中的第二最终下标;
将第一图例集合中起始图例的位置下标替换为目标标签起始图例的第二最终下标,并根据替换后的第二最终下标与替换前的起始图例的位置下标的差值计算目标滑动距离;
根据目标滑动距离计算每个第一图例对应的替换后的第三图例的第二最终下标,以将第一图例集合切换为最终下标对应的第三图例集合;将第三图例集合展示至图例展示框。
在一个实施例中,处理器1001在执行根据替换后的第二最终下标计算目标滑动距离时,具体执行以下操作:
当第一图例集合中起始图例的下标小于第二最终下标时,将第二最终下标与第一图例集合中起始图例的下标做差,得到左滑动距离;
将环形数组中图例个数与左滑动距离做差,得到右滑动距离;
将右滑动距离或左滑动距离确定为目标滑动距离;
或者,
当第一图例集合中起始图例的下标大于第二最终下标时,将第一图例集合中起始图例的下标与最终下标做差,得到右滑动距离;
将环形数组中图例个数与右滑动距离做差,得到左滑动距离;
将右滑动距离或左滑动距离确定为目标滑动距离;
或者,
当第一图例集合中起始图例的下标等于第二最终下标时,目标滑动距离为0。
在本申请实施例中,图例展示装置首先获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;然后根据第二图例集合确定并展示第一图例集合;其中,第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动,再当接收到针对图例展示框内部的任一触发动作时,获取触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;最后将显示效果展示于当前页面。由于本申请对当前页面待展示的全部图例构建出环形数组的表示方式,并基于该方式确定需要展示的图例集合进行展示,使得在有限的区域可以展示全部图例,从而提升了动态图例增减的适应性,优化了当前页面的图例排版效果。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,图例展示的程序可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。
以上所揭露的仅为本申请较佳实施例而已,当然不能以此来限定本申请之权利范围,因此依本申请权利要求所作的等同变化,仍属本申请所涵盖的范围。
Claims (10)
1.一种图例展示方法,其特征在于,所述方法包括:
获取预设环形数组中的第二图例集合,其中,每个第二图例由图例信息及其在环形数组中的位置信息标示;
根据所述第二图例集合确定并展示第一图例集合;其中,所述第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
当接收到针对所述图例展示框内部的任一触发动作时,获取所述触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;
将所述显示效果展示于所述当前页面;
所述方法还包括:
根据预设标签集合将所述环形数组划分为多个子数组,每一个子数组对应一个标签,所述标签常态伴随显示于子数组对应的图例集合的一侧;
当接收到的触发动作为针对目标标签的选择指令时,确定所述目标标签的起始图例在所述环形数组中的第二最终下标;
将所述第一图例集合中起始图例的位置下标替换为所述目标标签起始图例的第二最终下标,并根据替换后的所述第二最终下标与替换前的所述起始图例的位置下标的差值计算目标滑动距离;
根据所述目标滑动距离计算每个第一图例对应的替换后的第三图例的最终下标,以将所述第一图例集合切换为所述最终下标对应的第三图例集合;将所述第三图例集合展示至所述图例展示框。
2.根据权利要求1所述的方法,其特征在于,按照以下步骤生成预设环形图例数组,包括:
获取每个第二图例的图例信息,所述图例信息包括图标、图例选中状态、图例描述信息;
获取所述每个第二图例在预设数组中的位置信息,其中,所述位置信息用图例在环形数组中的下标标记;
基于所述图例信息和位置信息将多个所述第二图例依次保存在预设数组中,生成预设环形数组。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当接收到的所述触发动作为滑动时,获取滑动的方向和滑动距离;
根据所述滑动距离计算所述环形数组中每个第二图例的目标滑动距离,目标滑动距离用第一图例滑动前与滑动后的位置下标的差值标记;
根据所述目标滑动距离及滑动方向对所述图例展示框中每个第一图例执行位置移动计算,得到位移后的每个第一图例在环形数组中的位置下标,记为第一最终下标;
将所述图例展示框中的每个第一图例的位置下标替换为其对应的所述第一最终下标,获取所述第一最终下标对应的第一图例;
将所述第一最终下标对应的第一图例集合展示至所述图例展示框中。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
获取所述滑动操作的滑动方向和滑动距离;
当滑动方向为左滑动时,以位移前的位置下标与所述滑动距离对应的位置差做差值,得到所述第一最终下标;
当滑动方向为右滑动时,以位移前的位置下标与滑动距离对应的位置差作和,得到所述第一最终下标。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述环形数组中的第二图例个数大于所述第一图例个数时,获取所述图例展示框的初始显示需求对应的第一图例集合;
将所述第一图例集合展示至所述图例展示框,并隐藏所述环形数组中未展示的第二图例集合。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述触发动作为聚焦指令时,根据所述聚焦指令从所述第一图例集合内确定至少一个待放大图例;
将所述待放大图例的原始尺寸值替换为预设放大尺寸值,并将所述第一图例集合中所述待放大图例左右两边的多个图例的尺寸值按照预设多个阶梯缩小尺寸值逐一替换;
生成替换尺寸值后的第一图例集合;
将替换尺寸值后的所述第一图例集合展示至所述图例展示框;
在待放大图例顶部生成一个信息栏展示图例的描述信息。
7.根据权利要求1所述的方法,其特征在于,所述根据替换后的所述最终下标计算目标滑动距离,包括:
当所述第一图例集合中起始图例的下标小于所述最终下标时,将所述最终下标与所述第一图例集合中起始图例的下标做差,得到左滑动距离;
将环形数组中第二图例个数与所述左滑动距离做差,得到右滑动距离;
将所述右滑动距离或所述左滑动距离确定为目标滑动距离;
或者,
当所述第一图例集合中起始图例的下标大于所述最终下标时,将所述第一图例集合中起始图例的下标与所述最终下标做差,得到右滑动距离;
将环形数组中第二图例个数与所述右滑动距离做差,得到左滑动距离;
将所述右滑动距离或所述左滑动距离确定为目标滑动距离;
或者,
当所述第一图例集合中起始图例的下标等于所述第二最终下标时,所述目标滑动距离为0。
8.一种图例展示装置,其特征在于,所述装置包括:
第二图例展示模块,用于获取预设环形数组中的第二图例集合,其中,每一个第二图例由图例信息及其在环形数组中的位置信息标示;
第一图例展示模块,用于根据所述第二图例集合确定并展示第一图例集合;其中,所述第一图例集合中各图例平铺展示于当前页面的边沿线上的图例展示框内,并可对展示的图例集合进行滑动;
图例操作模块,用于当接收到针对所述图例展示框内部的任一触发动作时,获取所述触发动作对应的显示效果,其中,触发动作包括滑动、聚焦、点击;
效果显示模块,用于将所述显示效果展示于所述当前页面;
所述装置还具体用于:
根据预设标签集合将所述环形数组划分为多个子数组,每一个子数组对应一个标签,所述标签常态伴随显示于子数组对应的图例集合的一侧;
当接收到的触发动作为针对目标标签的选择指令时,确定所述目标标签的起始图例在所述环形数组中的第二最终下标;
将所述第一图例集合中起始图例的位置下标替换为所述目标标签起始图例的第二最终下标,并根据替换后的所述第二最终下标与替换前的所述起始图例的位置下标的差值计算目标滑动距离;
根据所述目标滑动距离计算每个第一图例对应的替换后的第三图例的最终下标,以将所述第一图例集合切换为所述最终下标对应的第三图例集合;将所述第三图例集合展示至所述图例展示框。
9.一种计算机存储介质,其特征在于,所述计算机存储介质存储有多条指令,所述指令适于由处理器加载并执行如权利要求1-7任意一项的方法步骤。
10.一种终端,其特征在于,包括:处理器和存储器;其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行如权利要求1-7任意一项的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111424755.0A CN114327208B (zh) | 2021-11-26 | 2021-11-26 | 一种图例展示方法、装置、存储介质及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111424755.0A CN114327208B (zh) | 2021-11-26 | 2021-11-26 | 一种图例展示方法、装置、存储介质及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114327208A CN114327208A (zh) | 2022-04-12 |
CN114327208B true CN114327208B (zh) | 2022-10-28 |
Family
ID=81047489
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111424755.0A Active CN114327208B (zh) | 2021-11-26 | 2021-11-26 | 一种图例展示方法、装置、存储介质及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114327208B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103168287A (zh) * | 2010-09-20 | 2013-06-19 | 理查德·甘蒙斯 | 用户界面 |
CN105630309A (zh) * | 2015-12-30 | 2016-06-01 | 武汉传神信息技术有限公司 | 一种应用图标展示的方法及终端 |
CN106227401A (zh) * | 2016-07-13 | 2016-12-14 | 无锡天脉聚源传媒科技有限公司 | 一种移动终端界面的调整方法和装置 |
CN108509849A (zh) * | 2017-02-24 | 2018-09-07 | 三星电子株式会社 | 利用显示器的像素识别传感器位置的电子设备及方法 |
CN110865748A (zh) * | 2019-11-13 | 2020-03-06 | 北京无限光场科技有限公司 | 菜单呈现方法、装置、电子设备及计算机可读存储介质 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7774284B2 (en) * | 2000-03-27 | 2010-08-10 | Stamps.Com Inc. | Apparatus, systems and methods for online, multi-parcel, multi-carrier, multi-service enterprise parcel shipping management |
CN109032898A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种图标的显示方法、装置、设备和存储介质 |
US20200117706A1 (en) * | 2018-10-15 | 2020-04-16 | Parkhurst Emily S | Method and system for rewriting gendered words in text |
CN109634497A (zh) * | 2018-12-13 | 2019-04-16 | 百度在线网络技术(北京)有限公司 | 地图标注点的呈现位置调整方法、装置、设备及存储介质 |
-
2021
- 2021-11-26 CN CN202111424755.0A patent/CN114327208B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103168287A (zh) * | 2010-09-20 | 2013-06-19 | 理查德·甘蒙斯 | 用户界面 |
CN105630309A (zh) * | 2015-12-30 | 2016-06-01 | 武汉传神信息技术有限公司 | 一种应用图标展示的方法及终端 |
CN106227401A (zh) * | 2016-07-13 | 2016-12-14 | 无锡天脉聚源传媒科技有限公司 | 一种移动终端界面的调整方法和装置 |
CN108509849A (zh) * | 2017-02-24 | 2018-09-07 | 三星电子株式会社 | 利用显示器的像素识别传感器位置的电子设备及方法 |
CN110865748A (zh) * | 2019-11-13 | 2020-03-06 | 北京无限光场科技有限公司 | 菜单呈现方法、装置、电子设备及计算机可读存储介质 |
Non-Patent Citations (1)
Title |
---|
基于体验驱动的互动装置多维度设计研究;杨丽丽;《宁波大学学报(理工版)》;20190531;第32卷(第3期);61-65 * |
Also Published As
Publication number | Publication date |
---|---|
CN114327208A (zh) | 2022-04-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10540744B2 (en) | Flexible control in resizing of visual displays | |
US10936790B2 (en) | Responsive grid layouts for graphic design | |
US20210349615A1 (en) | Resizing graphical user interfaces | |
US7750825B2 (en) | System and method for navigation of display data | |
US9026938B2 (en) | Dynamic detail-in-context user interface for application access and content access on electronic displays | |
US11048484B2 (en) | Automated responsive grid-based layout design system | |
CN111639476B (zh) | 操作系统对位置卡的支持 | |
US9436673B2 (en) | Automatic application of templates to content | |
JP2014529820A (ja) | タイルの配列 | |
US20120017176A1 (en) | Method and apparatus for displaying a menu | |
CN113778272A (zh) | 轻应用的分屏处理方法、设备及电子设备 | |
US10169307B2 (en) | Method and system for the use of adjustment handles to facilitate dynamic layout editing | |
US20170091152A1 (en) | Generating grid layouts with mutable columns | |
US10908764B2 (en) | Inter-context coordination to facilitate synchronized presentation of image content | |
CN113986076A (zh) | 图标显示控制方法、装置、电子设备及存储介质 | |
CN114327208B (zh) | 一种图例展示方法、装置、存储介质及终端 | |
JP6995208B2 (ja) | 画像のパンニング方法 | |
CN114741016B (zh) | 操作方法、装置、电子设备和计算机可读存储介质 | |
JP2017037416A (ja) | 画像処理装置、画像処理方法 | |
CN112000328B (zh) | 一种页面可视化编辑方法、装置及设备 | |
US9530183B1 (en) | Elastic navigation for fixed layout content | |
CN112162805A (zh) | 截图方法、装置和电子设备 | |
US11069066B2 (en) | Dynamically change tracker speed, switch crop rectangles, and display invisible corners via zoom-loupes | |
CN108388392B (zh) | 文档显示装置 | |
CN113268189A (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 |