发明内容
本公开的目的是提供一种页面定位方法、装置、存储介质及电子设备,以提升数据定位效率。
为了实现上述目的,根据本公开的第一方面,提供一种页面定位方法,页面上设置有多个定位标识,且每个所述定位标识对应于不同的色相值范围,所述方法包括:
响应于接收到针对目标定位标识的触发指令,确定所述目标定位标识对应的色相值范围为目标色相值范围,所述目标定位标识为所述多个定位标识中的任一定位标识;
根据所述目标色相值范围,在数据列表中确定目标数据记录,其中,所述数据列表的每一条数据记录均包括图像信息,所述目标数据记录为其图像信息对应的色相值处于所述目标色相值范围的数据记录;
显示所述目标数据记录。
可选地,所述数据列表中的数据记录按照图像信息对应的色相值由大到小,或者由小到大的顺序排列。
可选地,所述根据所述目标色相值范围,在数据列表中确定目标数据记录,包括:
确定所述目标色相值范围所对应的最小色相值在所述数据列表中对应的第一数据记录;
确定所述目标色相值范围所对应的最大色相值在所述数据列表中对应的第二数据记录;
将所述第一数据记录、所述第二数据记录、以及所述数据列表中所述第一数据记录和所述第二数据记录之间的数据记录确定为所述目标数据记录。
可选地,显示在所述页面的所述目标数据记录,其顺序与其在所述数据列表中的顺序相同。
可选地,所述方法还包括:
响应于接收到针对所述目标定位标识的所述触发指令,以第一显示状态显示所述目标定位标识。
可选地,所述方法还包括:
获取所述页面显示的数据记录内容;
若获取到的所述数据记录内容保持不变、且所述数据记录内容保持不变的时长达到预设时长,获取目标色相值,其中,所述目标色相值为所述数据记录内容中首个数据记录的图像信息对应的色相值;
以第二显示状态显示与所述目标色相值对应的定位标识。
根据本公开的第二方面,提供一种页面定位装置,页面上设置有多个定位标识,且每个所述定位标识对应于不同的色相值范围,所述装置包括:
第一确定模块,用于响应于接收到针对目标定位标识的触发指令,确定所述目标定位标识对应的色相值范围为目标色相值范围,所述目标定位标识为所述多个定位标识中的任一定位标识;
第二确定模块,用于根据所述目标色相值范围,在数据列表中确定目标数据记录,其中,所述数据列表的每一条数据记录均包括图像信息,所述目标数据记录为其图像信息对应的色相值处于所述目标色相值范围的数据记录;
第一显示模块,用于显示所述目标数据记录。
可选地,所述数据列表中的数据记录按照图像信息对应的色相值由大到小,或者由小到大的顺序排列。
可选地,所述第二确定模块包括:
第一确定子模块,用于确定所述目标色相值范围所对应的最小色相值在所述数据列表中对应的第一数据记录;
第二确定子模块,用于确定所述目标色相值范围所对应的最大色相值在所述数据列表中对应的第二数据记录;
第三确定子模块,用于将所述第一数据记录、所述第二数据记录、以及所述数据列表中所述第一数据记录和所述第二数据记录之间的数据记录确定为所述目标数据记录。
可选地,显示在所述页面的所述目标数据记录,其顺序与其在所述数据列表中的顺序相同。
可选地,所述装置还包括:
第二显示模块,用于响应于接收到针对所述目标定位标识的所述触发指令,以第一显示状态显示所述目标定位标识。
可选地,所述装置还包括:
第一获取模块,用于获取所述页面显示的数据记录内容;
第二获取模块,用于若获取到的所述数据记录内容保持不变、且所述数据记录内容保持不变的时长达到预设时长,获取目标色相值,其中,所述目标色相值为所述数据记录内容中首个数据记录的图像信息对应的色相值;
第三显示模块,用于以第二显示状态显示与所述目标色相值对应的定位标识。
根据本公开的第三方面,提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本公开第一方面所述方法的步骤。
根据本公开的第四方面,提供一种电子设备,包括:
存储器,其上存储有计算机程序;
处理器,用于执行所述存储器中的所述计算机程序,以实现本公开第一方面所述方法的步骤。
通过上述技术方案,响应于接收到针对目标定位标识的触发指令,确定目标定位标识对应的色相值范围为目标色相值范围,根据目标色相值范围,在数据列表中确定目标数据记录,并显示目标数据记录。其中,数据列表的每一条数据记录均包括图像信息,且目标数据记录为其图像信息对应的色相值处于目标色相值范围的数据记录。由此,可以通过色相值快速定位到相应的数据记录并显示,提升数据查找的效率,并且,用户仅需记忆图像大致所处的色相值范围,无需精确记忆或者额外记忆其他信息,提升用户体验。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
具体实施方式
以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是,此处所描述的具体实施方式仅用于说明和解释本公开,并不用于限制本公开。
在本公开提供的方法中,页面上可以设置有多个定位标识,且每个定位标识对应于不同的色相值范围。
已知色相值的取值范围为[0,360]构成的数值区间,其中,色相值0和色相值360为同一色相。因而,可以将色相值的取值区间划分为多个子区间,每个子区间对应一个定位标识,子区间对应的色相值范围就是该定位标识对应的色相值范围。在一种可能的实施例中,通过平均划分的方式对色相值的取值区间进行划分,以得到多个子区间。示例地,将色相值的取值范围[0,360]平均划分为24个子区间,各自对应一个定位标识,相应地,页面上设置的定位标识个数为24个。在另一种可能的实施例中,通过随机划分的方式对色相值的取值区间进行划分,以得到多个子区间。示例地,将色相值的取值范围[0,360]随机划分为36个子区间,各自对应一个定位标识,相应地,页面上设置的定位标识个数为36个。
对于页面上所设置的多个定位标识,可以预先设置每个定位标识对应的显示效果,例如,设置定位标识的显示形状、显示颜色、显示大小、显示位置等。在一种可能的实施例中,设置定位标识的显示形状、显示大小相同,以及,定位标识的显示颜色、显示位置根据各个定位标识对应的色相值范围分别设定。针对定位标识的显示颜色,示例地,可以将定位标识对应的色相值范围的均值所对应的颜色作为定位标识的显示颜色;再例如,可以将定位标识的色相值范围对应的渐变形式的颜色作为定位标识的显示颜色。对于定位标识的显示位置,示例地,可以根据色相值范围的大小按照顺序(由大到小的顺序,或者,由小到大的顺序)排列。示例地,定位标识大小相同、均为圆形,以定位标识各自对应的色相值范围的均值对应的颜色作为定位标识的显示颜色,且按照色相值范围由小到大的顺序依次排列各个定位标识,如图1所示,其中,页面上共设置有9个定位标识,各个定位标识按照对应色相值范围的顺序由上至下依次排列在页面右侧,其中,并未详细显示定位标识的颜色,为表区分,将每个定位标识内附上了不同的数字(代表不同的颜色),且由上至下的各个定位标识所对应的色相值范围依次增大。
图2是根据本公开的一种实施方式提供的页面定位方法的流程图。如图2所示,该方法可以包括以下步骤。
在步骤21中,响应于接收到针对目标定位标识的触发指令,确定目标定位标识对应的色相值范围为目标色相值范围。
若接收到针对目标定位标识的触发指令,则响应于该触发指令,确定目标定位标识对应的色相值范围为目标色相值范围。其中,目标定位标识为多个定位标识中的任一定位标识。示例地,若页面为终端页面,则针对目标定位标识的触发指令可以例如为用户点击页面上某一定位标识,产生了针对被点击的定位标识的触发指令,被点击的定位标识即为目标定位标识,在接收到该触发指令的情况下,响应于接收到该触发指令,将目标定位标识对应的色相值范围确定为目标色相值范围。示例地,若页面共设置有5个定位标识A1~A5,且各自对应的色相值范围依次为[0,72)、[72,144)、[144,216)、[216,288)、[288,360),接收到针对定位标识A3的触发指令,则定位标识A3为目标定位标识,相应地,目标色相值范围为[144,216)。需要说明的是,本公开中,对于色相值子区间的端点不做严格限定,子区间端点可以为开或为闭,保证所有子区间的并集为[0,360]即可。
在步骤22中,根据目标色相值范围,在数据列表中确定目标数据记录。
其中,数据列表的每一条数据记录均包括图像信息,目标数据记录为其图像信息对应的色相值处于目标色相值范围的数据记录。
在一种可能的实施方式中,图像信息对应的色相值可以通过如下方式确定:
确定图像信息对应的主题色RGB值;
将该图像信息对应的主题色RGB值转化为色相值,并将转化得到的色相值确定为图像信息对应的色相值。
其中,示例地,可以通过下列函数确定主题色RGB值:
示例地,可以通过如下公式将主题色RGB值转化为色相值:
其中,R、G、B分别为主题色RGB值,hrgb为与该主题色RGB值对应的色相值,也就是转换该主题色RGB值所得的色相值。
需要说明的是,提取图像主题色RGB值、将RGB值转化为色相值属于现有技术,对于本领域的技术人员具有显而易见性,上述示例仅用于示例性说明,对于其他的实现方式,此处不再赘述。
在一种可能的实施方式中,步骤22中,根据所述目标色相值范围,在数据列表中确定目标数据记录,可以包括以下步骤:
分别将数据列表中每一条数据记录的图像信息对应的色相值与目标色相值范围进行比对;
将图像信息对应的色相值范围处于目标色相值范围的数据记录确定为目标数据记录。
也就是说,对于数据列表中的每一条数据记录,均判断该数据记录的图像信息对应的色相值是否处于目标色相值范围,并将其图像信息对应的色相值处于所述目标色相值范围的数据记录确定为目标数据记录。示例地,可以按照数据列表中数据记录的顺序依次进行判断。
在另一种可能的实施方式中,若数据列表中的数据记录按照图像信息对应的色相值由大到小,或者由小到大的顺序排列,则步骤22可以包括以下步骤:
确定目标色相值范围所对应的最小色相值在数据列表中对应的第一数据记录;
确定目标色相值范围所对应的最大色相值在数据列表中对应的第二数据记录;
将第一数据记录、第二数据记录、以及数据列表中第一数据记录和第二数据记录之间的数据记录确定为目标数据记录。
示例地,若数据列表中共有100条数据记录,且数据记录按照图像信息对应的色相值由小到大依次为B1~B100,以及,目标色相值范围为[72,144],色相值72在数据列表中对应数据记录B25,色相值144在数据列表中对应数据记录B51,则确定目标数据记录为B25~B51,共27条目标数据记录。
采用上述方式,若数据列表中的数据记录按照图像信息对应的色相值按照顺序(由大到小的顺序,或者,由小到大的顺序)排列,则根据目标色相值范围的最大值和最小值确定目标色相值范围在数据列表中对应的第一条数据记录和最后一条数据记录,最后,将上述第一条数据记录、最后一条数据记录、连同二者之间的所有数据记录确定为目标数据记录,仅需关注目标色相值范围的最大值、最小值各自在数据列表中对应的数据记录,提升确定目标数据记录的效率。
在步骤23中,显示目标数据记录。
在一种可能的实施例中,为了用户查看方便,可以将目标数据记录从页面的顶端由上至下进行展示,也就是说,将首个目标数据记录以页面的首个数据记录展示,使用户能够从页面查看到的第一条数据记录就是目标数据记录。
在一种可能的实施方式中,在确定出目标数据记录后,随机确定显示到页面后各目标数据记录的顺序。
示例地,若目标数据记录为C1~C5,且目标数据记录在数据列表中的顺序依次为C1~C5,且页面恰好能够显示5条数据记录,则显示到页面上可以为C2、C5、C4、C1、C3,也就是说,在页面中C2显示为第一条数据记录,即显示在页面顶端,在页面中C3显示为最后一条数据记录,即显示在页面底端。
在另一种可能的实施方式中,显示在页面的目标数据记录,其顺序与其在数据列表中的顺序相同。
示例地,若目标数据记录为C6~C10,且目标数据记录在数据列表中的顺序依次为C6~C10,且页面恰好能够显示5条数据记录,则显示到页面上可以为C6、C7、C8、C9、C10,也就是说,在页面中C6显示为第一条数据记录,即显示在页面顶端,在页面中C10显示为最后一条数据记录,即显示在页面底端。
采用上述方式,通过令显示在所述页面的所述目标数据记录的顺序与其在数据列表中的顺序相同,在数据列表中的数据记录按照图像信息对应的色相值大小顺序(由大到小,或者,由小到大)排列的情况下,页面所显示的目标数据记录也是按照色相值大小顺序排列的,方便更加精确地对目标数据记录进行定位。
另外,示例地,若页面所能显示的数据记录条数小于目标数据记录的条数,则可以根据页面所能显示的数据记录条数,显示相应条数的目标数据记录。此时,若对当前的页面进行滑动,可以查看其他的目标数据记录。再例如,若页面所能显示的数据记录条数大于目标数据记录的条数,则在当前页面显示全部的目标数据记录后,还可以显示有其他的数据记录,例如,其图像信息处于与目标色相值范围相近的其他色相值范围的数据记录。
通过上述方案,响应于接收到针对目标定位标识的触发指令,确定目标定位标识对应的色相值范围为目标色相值范围,根据目标色相值范围,在数据列表中确定目标数据记录,并显示目标数据记录。其中,数据列表的每一条数据记录均包括图像信息,且目标数据记录为其图像信息对应的色相值处于目标色相值范围的数据记录。由此,可以通过色相值快速定位到相应的数据记录并显示,提升数据查找的效率,并且,用户仅需记忆图像大致所处的色相值范围,无需精确记忆或者额外记忆其他信息,提升用户体验。
另外,除图2所示的各个步骤之外,本公开提供的方法还可以包括以下步骤:
响应于接收到针对目标定位标识的触发指令,以第一显示状态显示目标定位标识。
其中,需要说明的是,在本公开提供的方法中,默认状态下(未有其他因素影响的情况下),所有定位标识均以第三显示状态显示。定位标识的不同显示状态之间,可以通过形状、大小、颜色等区分。
在接收到针对目标定位标识的触发指令的情况下,说明目标定位标识被触发,此时为了区分目标定位标识与非目标定位标识的其它定位标识,需要以不同的显示状态实现对二者的区分。若默认状态下,定位标识以第三显示状态显示,则在接收到针对目标定位标识的触发指令的情况下,目标定位标识由第三显示状态切换为第一显示状态,其中,第一显示状态与第三显示状态不同。示例地,第三显示状态为20px*20px的圆形标识,第一显示状态为30px*30px的圆形标识,则在接收到针对目标定位标识的触发指令的情况下,目标定位标识由显示20px*20px的圆形标识切换为显示30px*30px的圆形标识,在页面上目标定位标识呈现放大效果。示例地,若图1中第3个定位标识为目标定位标识,则其第一显示状态下的显示效果可以如图3所示,图3仅为给出定位标识的显示效果,因而对于页面中的数据记录未给出详细示例。
采用上述方式,以第一显示状态显示目标定位标识,可以将目标定位标识与非目标定位标识的其他定位标识进行区分,具有一定的提示作用。
另外,除图2所示的各个步骤之外,本公开提供的方法还可以包括以下步骤:
获取页面显示的数据记录内容;
若获取到的数据记录内容保持不变、且数据记录内容保持不变的时长达到预设时长,获取目标色相值;
以第二显示状态显示与目标色相值对应的定位标识。
其中,目标色相值为数据记录内容中首个数据记录的图像信息对应的色相值。
若获取到的数据记录内容保持不变、且数据记录内容保持不变的时长达到预设时长,说明此时页面内容无变化,相当于页面被“定位”,可以通过定位标识展示这一信息,告知页面查看者当前页面的数据记录对应的色相值。因此,获取目标色相值,并以第二显示状态显示与目标色相值对应的定位标识。其中,预设时长可以例如为10ms。以及,与目标色相值对应的定位标识即为色相值范围包含目标色相值的定位标识。
若默认状态下,定位标识以第三显示状态显示,则与目标色相值对应的定位标识由第三显示状态切换为第二显示状态,其中,第二显示状态与第三显示状态不同。示例地,第三显示状态为不透明的圆形标识,第二显示状态为半透明的圆形标识,则与目标色相值对应的定位标识由不透明的圆形标识切换为半透明的圆形标识,在页面上该定位标识呈现由不透明变为半透明的效果。
采用上述方式,以第二显示状态显示与目标色相值对应的定位标识,可将当前页面显示的数据记录所对应的色相值通过定位标识反映,具有一定的提示作用。
需要说明的是,上述第一显示状态和第二显示状态可以相同,也可以不同,本公开对此不限定。
图4是根据本公开的一种实施方式提供的页面定位装置的框图。如图4所示,页面上设置有多个定位标识,且每个所述定位标识对应于不同的色相值范围,该装置40包括:
第一确定模块41,用于响应于接收到针对目标定位标识的触发指令,确定所述目标定位标识对应的色相值范围为目标色相值范围,所述目标定位标识为所述多个定位标识中的任一定位标识;
第二确定模块42,用于根据所述目标色相值范围,在数据列表中确定目标数据记录,其中,所述数据列表的每一条数据记录均包括图像信息,所述目标数据记录为其图像信息对应的色相值处于所述目标色相值范围的数据记录;
第一显示模块43,用于显示所述目标数据记录。
可选地,所述数据列表中的数据记录按照图像信息对应的色相值由大到小,或者由小到大的顺序排列。
可选地,所述第二确定模块42包括:
第一确定子模块,用于确定所述目标色相值范围所对应的最小色相值在所述数据列表中对应的第一数据记录;
第二确定子模块,用于确定所述目标色相值范围所对应的最大色相值在所述数据列表中对应的第二数据记录;
第三确定子模块,用于将所述第一数据记录、所述第二数据记录、以及所述数据列表中所述第一数据记录和所述第二数据记录之间的数据记录确定为所述目标数据记录。
可选地,显示在所述页面的所述目标数据记录,其顺序与其在所述数据列表中的顺序相同。
可选地,所述装置40还包括:
第二显示模块,用于响应于接收到针对所述目标定位标识的所述触发指令,以第一显示状态显示所述目标定位标识。
可选地,所述装置40还包括:
第一获取模块,用于获取所述页面显示的数据记录内容;
第二获取模块,用于若获取到的所述数据记录内容保持不变、且所述数据记录内容保持不变的时长达到预设时长,获取目标色相值,其中,所述目标色相值为所述数据记录内容中首个数据记录的图像信息对应的色相值;
第三显示模块,用于以第二显示状态显示与所述目标色相值对应的定位标识。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图5是根据一示例性实施例示出的一种电子设备的框图。如图5所示,该电子设备700可以被提供为一终端,例如,智能手机、平板电脑等。电子设备700包括:处理器701,存储器702。该电子设备700还可以包括多媒体组件703,输入/输出(I/O)接口704,以及通信组件705中的一者或多者。
其中,处理器701用于控制该电子设备700的整体操作,以完成上述的页面定位方法中的全部或部分步骤。存储器702用于存储各种类型的数据以支持在该电子设备700的操作,这些数据例如可以包括用于在该电子设备700上操作的任何应用程序或方法的指令,以及应用程序相关的数据,例如联系人数据、收发的消息、图片、音频、视频等等。该存储器702可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(Static Random Access Memory,简称SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,简称EEPROM),可擦除可编程只读存储器(Erasable Programmable Read-Only Memory,简称EPROM),可编程只读存储器(Programmable Read-Only Memory,简称PROM),只读存储器(Read-Only Memory,简称ROM),磁存储器,快闪存储器,磁盘或光盘。多媒体组件703可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏,音频组件用于输出和/或输入音频信号。例如,音频组件可以包括一个麦克风,麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器702或通过通信组件705发送。音频组件还包括至少一个扬声器,用于输出音频信号。I/O接口704为处理器701和其他接口模块之间提供接口,上述其他接口模块可以是键盘,鼠标,按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件705用于该电子设备700与其他设备之间进行有线或无线通信。无线通信,例如Wi-Fi,蓝牙,近场通信(Near FieldCommunication,简称NFC),2G、3G、4G、NB-IOT、eMTC、或其他5G等等,或它们中的一种或几种的组合,在此不做限定。因此相应的该通信组件705可以包括:Wi-Fi模块,蓝牙模块,NFC模块等等。
在一示例性实施例中,电子设备700可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit,简称ASIC)、数字信号处理器(DigitalSignal Processor,简称DSP)、数字信号处理设备(Digital Signal Processing Device,简称DSPD)、可编程逻辑器件(Programmable Logic Device,简称PLD)、现场可编程门阵列(Field Programmable Gate Array,简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述的页面定位方法。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,该程序指令被处理器执行时实现上述的页面定位方法的步骤。例如,该计算机可读存储介质可以为上述包括程序指令的存储器702,上述程序指令可由电子设备700的处理器701执行以完成上述的页面定位方法。
图6是根据一示例性实施例示出的一种电子设备的框图。例如,电子设备1900可以被提供为一服务器。参照图6,电子设备1900包括处理器1922,其数量可以为一个或多个,以及存储器1932,用于存储可由处理器1922执行的计算机程序。存储器1932中存储的计算机程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理器1922可以被配置为执行该计算机程序,以执行上述的页面定位方法。
另外,电子设备1900还可以包括电源组件1926和通信组件1950,该电源组件1926可以被配置为执行电子设备1900的电源管理,该通信组件1950可以被配置为实现电子设备1900的通信,例如,有线或无线通信。此外,该电子设备1900还可以包括输入/输出(I/O)接口1958。电子设备1900可以操作基于存储在存储器1932的操作系统,例如WindowsServerTM,Mac OS XTM,UnixTM,LinuxTM等等。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,该程序指令被处理器执行时实现上述的页面定位方法的步骤。例如,该计算机可读存储介质可以为上述包括程序指令的存储器1932,上述程序指令可由电子设备1900的处理器1922执行以完成上述的页面定位方法。
在另一示例性实施例中,还提供一种计算机程序产品,该计算机程序产品包含能够由可编程的装置执行的计算机程序,该计算机程序具有当由该可编程的装置执行时用于执行上述的页面定位方法的代码部分。
以上结合附图详细描述了本公开的优选实施方式,但是,本公开并不限于上述实施方式中的具体细节,在本公开的技术构思范围内,可以对本公开的技术方案进行多种简单变型,这些简单变型均属于本公开的保护范围。
另外需要说明的是,在上述具体实施方式中所描述的各个具体技术特征,在不矛盾的情况下,可以通过任何合适的方式进行组合。为了避免不必要的重复,本公开对各种可能的组合方式不再另行说明。
此外,本公开的各种不同的实施方式之间也可以进行任意组合,只要其不违背本公开的思想,其同样应当视为本公开所公开的内容。