图片的显示方法、装置、存储介质、处理器及终端与流程

文档序号:15095531发布日期:2018-08-04 14:28阅读:157来源:国知局

本发明涉及计算机领域,具体而言,涉及一种图片的显示方法、装置、存储介质、处理器及终端。



背景技术:

目前,相关技术中提供了种类繁多的多媒体即时通讯软件,例如:易信、微信、钉钉。这些通讯软件不仅支持即时文字聊天、语音通话、视频通话、文件端点续传等基本即时通讯功能,还提供邮件提醒、多人兴趣组、在线及本地音乐播放、网络电台、发送网络多媒体文件、网络文件共享、自定义软件皮肤等多种功能。

作为以即时通讯为基础的办公写作平台软件,在用户使用过程中,难免会遇到一些图片尺寸较大、需要占用较多存储空间的第一类图片或者图片尺寸并不大,但是由于图像分辨率较高、需要占用较多存储空间的第二类图片。然而,以移动终端使用的IOS系统为例,在IOS系统内以SDWebImage为基础的图片加载控件遇到上述第一类图片或第二类图片时,并没有提供十分有效的解决办法。

在解决上述两类图片查看时,相关技术中通常提供的解决方式在于:依据原图来生成一张限定尺寸或图像分辨率的缩略图用以替换原图,然后对缩略图进行缩放、拖动等操作。由于缩略图的尺寸或图像分辨率已经被限定,因此,不会导致内存占用过高而造成系统运行崩溃。然而,这种方案的明显缺陷在于:对于一些尺寸较大的图片尤其是图片的长与宽的比值明显较大时长图,在对缩略图进行放大处理后,会造成图内容显示非常模糊,进而失去大图查看的意义。

针对上述的问题,目前尚未提出有效的解决方案。



技术实现要素:

本发明至少部分实施例提供了一种图片的显示方法、装置、存储介质、处理器及终端,以至少解决相关技术中在查看尺寸较大或者图像分辨率较高的图片时,在图片缩放或拖动过程中难以清晰地查看图片内容的技术问题。

根据本发明其中一实施例,提供了一种图片的显示方法,包括:

生成与原图相适配的缩略图,其中,缩略图在全屏显示状态下的清晰度满足预设要求;响应于屏幕接收到的触控操作,在缩略图中确定与屏幕对应的显示区域;从原图中获取与显示区域对应的待显示内容;将待显示内容覆盖至显示区域。

可选地,生成与原图相适配的缩略图包括:依据原图的长宽比获取缩略图的长宽比;确定当前运行的应用在屏幕内的显示模式;根据长宽比、显示模式以及屏幕的长度与宽度生成缩略图。

可选地,响应于屏幕接收到的触控操作,在缩略图中确定显示区域包括:根据屏幕的第一边角的第一位置信息确定缩略图中与第一边角距离最近的第二边角的第二位置信息;通过第二位置信息、屏幕的长度与宽度以及原图与缩略图的等比缩放系数在缩略图中确定显示区域。

可选地,从原图中获取待显示内容包括:按照显示区域从原图中截取对应部分图片;计算截取部分图片的分辨率,并与屏幕所使用的最小分辨率进行比较;如果截取部分图片的分辨率大于最小分辨率,则生成与截取部分图片相适配的缩略图,并将再次生成的缩略图作为待显示内容;如果截取部分图片的分辨率小于或等于最小分辨率,则将截取部分图片作为待显示内容。

可选地,在将待显示内容覆盖至显示区域之后,还包括:响应于屏幕再次接收到的触控操作,隐藏或删除待显示内容并在再次接收触控操作的过程中显示缩略图,直至再次接收到的触控操作时,从原图中获取与显示区域对应的更新后显示内容并将更新后显示内容覆盖至显示区域。

根据本发明其中一实施例,还提供了一种图片的显示装置,包括:

生成模块,用于生成与原图相适配的缩略图,其中,缩略图在全屏显示状态下的清晰度满足预设要求;确定模块,用于响应于屏幕接收到的触控操作,在缩略图中确定与屏幕对应的显示区域;获取模块,用于从原图中获取与显示区域对应的待显示内容;显示模块,用于将待显示内容覆盖至显示区域。

可选地,生成模块包括:第一获取单元,用于依据原图的长宽比获取缩略图的长宽比;第一确定单元,用于确定当前运行的应用在屏幕内的显示模式;生成单元,用于根据长宽比、显示模式以及屏幕的长度与宽度生成缩略图。

可选地,确定模块包括:第二确定单元,用于根据屏幕的第一边角的第一位置信息确定缩略图中与第一边角距离最近的第二边角的第二位置信息;第三确定单元,用于通过第二位置信息、屏幕的长度与宽度以及原图与缩略图的等比缩放系数在缩略图中确定显示区域。

可选地,获取模块包括:截图单元,用于按照显示区域从原图中截取对应部分图片;处理单元,用于计算截取部分图片的分辨率,并与屏幕所使用的最小分辨率进行比较;第二获取单元,用于如果截取部分图片的分辨率大于最小分辨率,则生成与截取部分图片相适配的缩略图,并将再次生成的缩略图作为待显示内容;如果截取部分图片的分辨率小于或等于最小分辨率,则将截取部分图片作为待显示内容。

可选地,上述装置还包括:处理模块,用于响应于屏幕再次接收到的触控操作,隐藏或删除待显示内容并在再次接收触控操作的过程中显示缩略图,直至再次接收到的触控操作时,从原图中获取与显示区域对应的更新后显示内容并将更新后显示内容覆盖至显示区域。

根据本发明其中一实施例,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行上述图片的显示方法。

根据本发明其中一实施例,还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述图片的显示方法。

根据本发明其中一实施例,还提供了一种终端,包括:一个或多个处理器,存储器,显示装置以及一个或多个程序,其中,一个或多个程序被存储在存储器中,并且被配置为由一个或多个处理器执行,一个或多个程序用于执行上述图片的显示方法。

在本发明至少部分实施例中,采用生成与原图相适配的缩略图,该缩略图在全屏显示状态下的清晰度满足预设要求的方式,通过响应于屏幕接收到的触控操作,在缩略图中确定与屏幕对应的显示区域,从原图中获取与显示区域对应的待显示内容以及将待显示内容覆盖至显示区域,达到了图片在缩放过程中或者移动过程中,对图片显示内容的清晰度做降级处理,但是在图片停止缩放或者移动后,图片内容将重新清晰地显示的目的,从而实现了有效降低内存占有率、提升系统运行流畅度的技术效果,进而解决了相关技术中在查看尺寸较大或者图像分辨率较高的图片时,在图片缩放或拖动过程中难以清晰地查看图片内容的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:

图1是根据本发明其中一实施例的图片的显示方法的流程图;

图2是根据本发明其中一优选实施例的图片显示方法的示意图;

图3是根据本发明其中一实施例的图片的显示装置的结构框图;

图4是根据本发明其中一优选实施例的图片的显示装置的结构框图。

具体实施方式

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

需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本发明其中一实施例,提供了一种图片的显示方法的实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明其中一实施例的图片的显示方法的流程图,如图1所示,该方法包括如下步骤:

步骤S10,生成与原图相适配的缩略图,其中,缩略图在全屏显示状态下的清晰度满足预设要求;

步骤S12,响应于屏幕接收到的触控操作,在缩略图中确定与屏幕对应的显示区域;

步骤S14,从原图中获取与显示区域对应的待显示内容;

步骤S16,将待显示内容覆盖至显示区域。

通过上述步骤,可以采用生成与原图相适配的缩略图,该缩略图在全屏显示状态下的清晰度满足预设要求的方式,通过响应于屏幕接收到的触控操作,在缩略图中确定与屏幕对应的显示区域,从原图中获取与显示区域对应的待显示内容以及将待显示内容覆盖至显示区域,达到了图片在缩放过程中或者移动过程中,对图片显示内容的清晰度做降级处理,但是在图片停止缩放或者移动后,图片内容将重新清晰地显示的目的,从而实现了有效降低内存占有率、提升系统运行流畅度的技术效果,进而解决了相关技术中在查看尺寸较大或者图像分辨率较高的图片时,在图片缩放或拖动过程中难以清晰地查看图片内容的技术问题。

在具体实施过程中,针对原图生成对应较小的缩略图,其占用的内存不会为系统运行带来较大负担,主要体现在用户是否可感知到系统运行卡顿。缩略图在全屏显示状态下的清晰度满足预设要求。而对于预设要求而言,可以在不同机型以及不同系统下会有所差异,可以动态调整。以这张缩略图作为底图,用户可以对该缩略图执行触控(例如:缩放、移动等)操作。当缩略图静止(即停止移动和/或停止缩放)时,计算当前缩略图在屏幕内的显示区域,然后从原图中截取相对应区域的缩略图内容覆盖值当前的显示区域。

可选地,在步骤S10中,生成与原图相适配的缩略图可以包括以下执行步骤:

步骤S101,依据原图的长宽比获取缩略图的长宽比;

步骤S102,确定当前运行的应用在屏幕内的显示模式;

步骤S103,根据长宽比、显示模式以及屏幕的长度与宽度生成缩略图。

对原图生成一张全屏显示的缩略图,用于图片的默认显示。缩略图可以在原图基础上进行等比例缩放,由此得到缩略图的长宽比。当前运行的应用在屏幕内的显示模式通常可以包括:1X模式、2X模式和3X模式。在1X模式下,缩略图需要在屏幕的长度与宽度范围内进行调整,以使缩略图可以清晰显示。在2X模式下,如果缩略图的长宽比大于屏幕的长宽比,则将缩略图的长度调整为屏幕长度的2倍以及将缩略图的宽度等比调整;同理,如果缩略图的长宽比小于屏幕的长宽比,则将缩略图的宽度调节为屏幕宽度的2倍以及将缩略图的长度等比调整。此时,缩略图便可以清晰显示。在3X模式下,如果缩略图的长宽比大于屏幕的长宽比,则将缩略图的长度调整为屏幕长度的3倍以及将缩略图的宽度等比调整;同理,如果缩略图的长宽比小于屏幕的长宽比,则将缩略图的宽度调节为屏幕宽度的3倍以及将缩略图的长度等比调整。此时,缩略图便可以清晰显示。

可选地,在步骤S12中,响应于屏幕接收到的触控操作,在缩略图中确定显示区域可以包括以下执行步骤:

步骤S121,根据屏幕的第一边角的第一位置信息确定缩略图中与第一边角距离最近的第二边角的第二位置信息;

步骤S122,通过第二位置信息、屏幕的长度与宽度以及原图与缩略图的等比缩放系数在缩略图中确定显示区域。

当对缩略图停止缩放或者移动时,计算缩略图在当前屏幕中所显示的区域。图2是根据本发明其中一优选实施例的图片显示方法的示意图,如图2所示,假设屏幕左上角(即上述第一边角)为坐标原点(0,0)(即上述第一位置信息)、水平向右为X轴的正半轴、竖直向下为Y轴的正半轴,则缩略图左上角(即上述第二边角)相对于坐标原点的位置为(-x,-y)(即上述第二位置信息)。另外,假设屏幕宽度为W1,屏幕长度为H1,缩放后图片的长度为W2,缩放后图片的宽度为H2,原图的长度为W,原图的宽度为H,则计算得到需要在原图中截取的区域(即上述显示区域)为:(x*(W/W2),y*(W/W2),W1*(W/W2),H1*(W/W2))。

可选地,在步骤S14中,从原图中获取待显示内容可以包括以下执行步骤:

步骤S141,按照显示区域从原图中截取对应部分图片;

步骤S142,计算截取部分图片的分辨率,并与屏幕所使用的最小分辨率进行比较;

步骤S143,如果截取部分图片的分辨率大于最小分辨率,则生成与截取部分图片相适配的缩略图,并将再次生成的缩略图作为待显示内容;如果截取部分图片的分辨率小于或等于最小分辨率,则将截取部分图片作为待显示内容。

根据上述计算得到的原图截取区域,从原图中截取出对应区域的部分图片,并计算截取图片的尺寸,进而得到图片的分辨率。如果截取图片的分辨率大于当前屏幕能够清晰显示图片内容的最小分辨率,则需要再次对原图截取区域进行压缩得到缩略图并将该缩略图的内容显示在屏幕中。如果截取图片的分辨率小于或等于当前屏幕能够清晰显示图片内容的最小分辨率,则可以直接将截取部分图片作为待显示内容显示在屏幕中。

可选地,在步骤S16,将待显示内容覆盖至显示区域之后,还可以包括以下执行步骤:

步骤S17,响应于屏幕再次接收到的触控操作,隐藏或删除待显示内容并在再次接收触控操作的过程中显示缩略图,直至再次接收到的触控操作时,从原图中获取与显示区域对应的更新后显示内容并将更新后显示内容覆盖至显示区域。

在从原图截取得到原图截取区域之后,需要以视图的形式显示在屏幕上并覆盖底图。如果需要重新对缩略图进行缩放或移动操作,则在对缩略图进行移动或者缩放过程中,应该先将添加的图片视图(即先前显示的原图截取区域)隐藏或删除,显示出底层的缩略图。

根据本发明其中一实施例,提供了一种图片的显示装置的实施例,图3是根据本发明其中一实施例的图片的显示装置的结构框图,如图3所示,该装置包括:生成模块10,用于生成与原图相适配的缩略图,其中,缩略图在全屏显示状态下的清晰度满足预设要求;确定模块20,用于响应于屏幕接收到的触控操作,在缩略图中确定与屏幕对应的显示区域;获取模块30,用于从原图中获取与显示区域对应的待显示内容;显示模块40,用于将待显示内容覆盖至显示区域。

可选地,生成模块10包括:第一获取单元(图中未示出),用于依据原图的长宽比获取缩略图的长宽比;第一确定单元(图中未示出),用于确定当前运行的应用在屏幕内的显示模式;生成单元(图中未示出),用于根据长宽比、显示模式以及屏幕的长度与宽度生成缩略图。

可选地,确定模块20包括:第二确定单元(图中未示出),用于根据屏幕的第一边角的第一位置信息确定缩略图中与第一边角距离最近的第二边角的第二位置信息;第三确定单元(图中未示出),用于通过第二位置信息、屏幕的长度与宽度以及原图与缩略图的等比缩放系数在缩略图中确定显示区域。

可选地,获取模块30包括:截图单元(图中未示出),用于按照显示区域从原图中截取对应部分图片;处理单元(图中未示出),用于计算截取部分图片的分辨率,并与屏幕所使用的最小分辨率进行比较;第二获取单元(图中未示出),用于如果截取部分图片的分辨率大于最小分辨率,则生成与截取部分图片相适配的缩略图,并将再次生成的缩略图作为待显示内容;如果截取部分图片的分辨率小于或等于最小分辨率,则将截取部分图片作为待显示内容。

可选地,图4是根据本发明其中一优选实施例的图片的显示装置的结构框图,如图4所示,上述装置还包括:处理模块50,用于响应于屏幕再次接收到的触控操作,隐藏或删除待显示内容并在再次接收触控操作的过程中显示缩略图,直至再次接收到的触控操作时,从原图中获取与显示区域对应的更新后显示内容并将更新后显示内容覆盖至显示区域。

根据本发明其中一实施例,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行上述图片的显示方法。上述存储介质可以包括但不限于:U盘、只读存储器(ROM)、随机存取存储器(RAM)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

根据本发明其中一实施例,还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述图片的显示方法。上述处理器可以包括但不限于:微处理器(MCU)或可编程逻辑器件(FPGA)等的处理装置。

根据本发明其中一实施例,还提供了一种终端,包括:一个或多个处理器,存储器,显示装置以及一个或多个程序,其中,一个或多个程序被存储在存储器中,并且被配置为由一个或多个处理器执行,一个或多个程序用于执行上述图片的显示方法。在一些实施例中,上述终端可以是智能手机(例如:Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,简称为MID)、PAD等终端设备。上述显示装置可以是触摸屏式的液晶显示器(LCD),该液晶显示器可使得用户能够与终端的用户界面进行交互。此外,上述终端还可以包括:输入/输出接口(I/O接口)、通用串行总线(USB)端口、网络接口、电源和/或相机。

上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。

在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1