一种图片显示方法、装置,设备及存储介质
文献发布时间:2023-06-19 12:00:51
技术领域
本申请涉及计算机技术领域,尤其涉及一种图片显示方法、装置,设备及存储介质。
背景技术
智能设备如手机、平板等大多都具有显示图片的功能,智能设备可以基于交互对象的滑动指令,在滑动过程(包括滑动指令结束前的拖动滑动过程以及滑动指令结束后的惯性滑动过程)中显示图片,以供用户浏览更多的图片。
目前,终端在滑动过程中,可通过用户的滑动指令实现交互界面的往前往后移动或翻页等,例如在浏览图片的过程中,用户可以通过滑动屏幕实现图片的移动,实现浏览图片或查找目标图片的目的,但此种展示图片信息的方式较单一,展示的视觉效果较差,不便于快速找到目标图片信息。
发明内容
为解决在浏览图片的过程中,用户浏览的视觉效果差,不便于快速找到目标图片的技术问题,本申请实施例提供了一种图片显示方法、装置,设备及存储介质,可用于提高图片浏览的视觉效果,有助于让用户看到更多内容,有利于用户更快锁定到所找信息。所述技术方案如下:
一方面,本申请实施例提供了一种图片显示方法,应用于电子设备,电子设备具备显示装置,显示装置用于显示图片,其特征在于,在第一图片显示方式下,响应于第一操作,以第二图片显示方式显示所述图片;第二图片显示方式与第一图片显示方式基于同一界面,且第二图片显示方式相较于第一图片显示方式,其界面上隐藏第一目标元素。
又一方面,本申请实施例提供了一种图片显示的装置,应用于电子设备,所述显示装置用于显示图片,包括显示模块、指令响应模块及隐藏模块,其特征在于,显示模块,被配置在所述界面以第一图片显示方式和第二图片显示方式显示所述图片;指令响应模块,被配置为响应于第一操作;隐藏模块,被配置为在上述界面上隐藏第一目标元素。
另一方面,本申请实施例提供了一种计算机设备,其特征在于,计算机设备包括处理器和存储器,存储器中存储至少一条程序代码,至少一条程序代码由所述处理器加载并执行,以实现如上述的图片显示方法。
再一方面,本申请实施例提供了一种计算机可读存储介质,其特征在于,计算机可读存储介质中存储有至少一条程序代码,至少一条程序代码由处理器加载并执行,以实现上述的图片显示方法。
根据本申请的方案,用户在第一图片显示方式下浏览图片时,通过第一操作而进入到第二图片显示方法,将图片进行全屏罗列展示,隐藏了干扰元素,从而使得图片显示的视觉效果更好,有利于提高用户浏览图片的体验感,有助于让用户看到更多内容,也有利于用户更快锁定到所找目标内容。
应当理解的是,以上的概括描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种图片显示方法的实施环境的示意图。
图2是本申请实施例提供的一种终端的结构框图。
图3是本申请实施例提供的一种图片显示方法的流程图。
图4是本申请实施例提供的一种第一图片显示方式下的界面示意图。
图5是本申请实施例提供的一种第二图片显示方式下的界面示意图。
图6是本申请实施例提供的一种图片显示方法的流程图。
图7是本申请实施例提供的一种图片显示装置的方框图。
图8是本申请实施例提供的一种计算机设备的结构示意图。
具体实施方式
在电子设备等移动终端上浏览图片的时候,用户总是会被无关的元素干扰,而根据本申请方案,用户在第一图片显示方式下浏览图片时,通过第一操作而进入到第二图片显示方式,将图片进行全屏罗列展示,隐藏干扰元素,以使得图片信息显示的视觉效果更好,有利于提高用户浏览图片的体验感,有助于让用户看到更多内容,也有利于用户更快锁定到所找图片。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
本申请实施例所涉及到的计算机设备可以包括各种具有无线通信功能的手持设备(如智能手机)、可穿戴设备或连接到无线调制解调器的其他处理设备,以及各种形式的用户设备(User Equipment,UE),移动台(Mobile Station,MS),终端设备(terminaldevice)等等。为方便描述,上面提到的设备统称为计算机设备。本发明实施例所涉及到的操作系统是对硬件资源进行统一管理,并向用户提供业务接口的软件系统。下面以智能手机为例,对本申请的技术方案进行介绍。
计算机设备(以下简称“设备”)如手机、平板等大多都具有显示图片功能,设备可以基于用户的滑动指令,在滑动过程(包括滑动指令结束前的拖动滑动过程以及滑动指令结束后的惯性滑动过程)中展示交互图片,以供用户浏览更多的交互图片。
对此,本申请实施例提供了一种图片显示方法,以在第一操作的过程中展示图片更加流畅,有助于用户快速锁定目标图片。
图1是本申请实施例提供的图片显示方法的实施环境的示意图。
请参考图1,该实施环境可以包括设备100和服务器110。
其中,设备100安装有能够展示交互图片的应用程序或者网页,当该应用程序或者网页需要在滑动过程中展示出现在屏幕上的交互图片时,可应用本申请实施例提供的方法进行展示。服务器110可以对需要展示的交互图片进行存储,设备100可以从服务器110上获取需要的交互图片。当然,设备100上也可以对获取的图片等交互信息进行存储,交互信息包括不限于图片,新闻,视频等。
在一种可能的实现方式中,设备100可以是诸如手机、平板电脑、个人计算机等的智能设备,设备100至少包括处理器和存储器,存储器用于存储一个或多个程序,当一个或多个程序被处理器加载并执行时,使得处理器可以实现本申请示例性的实施方式的图片显示方法。
在一种可能的实施方式中,服务器110可以是一台服务器,也可以是由多台服务器组成的服务器集群,或者是一个云计算服务中心。设备100与服务器110通过有线或无线网络建立通信连接。
上述设备和服务器仅为举例,其他现有的或今后可能出现的设备和服务器可适用于本申请的,也应包含在本申请保护范围以内。
示例性地,本申请实施例所示的图片显示方法,可以应用在终端中,该终端具备显示屏且具备多内容并行显示的功能。终端可以包括手机、平板电脑、MP4播放终端、MP5播放终端、学习机、点读机、电纸书、或车载终端等。
图2是本申请实施例提供的一种终端的结构框图。
如图2所示,该终端包括处理器220、存储器240和显示屏260,所述存储器240中存储有至少一条指令,所述指令由所述处理器220加载并执行以实现如本申请各个方法实施例所述的图片显示的方法。示意性的,处理器220还用于从存储器240中获取用户界面的图片信息,以在显示屏260中显示相应的图片内容。
在本申请中,终端100是具备图片显示功能的电子设备。当终端100以第一图片显示方式显示图片时,终端100能够在用户界面中被第一操作触发生成指令。终端100中的操作系统能够响应于上述指令,以第二图片显示方式显示上述图片。
处理器220可以包括一个或者多个处理核心。处理器220利用各种接口和线路连接整个终端100内的各个部分,通过运行或执行存储在存储器240内的指令、程序、代码集或指令集,以及调用存储在存储器240内的数据,执行终端100的各种功能和处理数据。可选的,处理器220可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArray,PLA)中的至少一种硬件形式来实现。处理器220可集成中央处理器(CentralProcessing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器220中,单独通过一块芯片进行实现。
存储器240可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory,ROM)。可选的,该存储器240包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器240可用于存储指令、程序、代码、代码集或指令集。存储器240可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等;存储数据区可存储下面各个方法实施例中涉及到的数据等。
显示屏260既可以是触摸屏,也可以是单纯具备显示功能的屏幕。一种可能的方式中,显示屏能够以第一图片显示方式和第二图片显示方式显示图片。
图3是本申请实施例提供的一种图片显示方法的流程图。
基于上述图1的实施环境,本申请实施例提供一种图片显示方法,该方法应用于电子设备,电子设备具备显示装置,显示装置用于显示图片。请参照图3,本申请实施例提供方法可以包括如下步骤:
S32:在第一图片显示方式下,响应于第一操作,以第二图片显示方式显示所述图片。
在本实施例中,第一图片显示方式包括普通浏览模式,是指默认的界面排版方式,当一进入相关应用查看信息或图片时,设备100自动呈现出的界面,也是交互界面原始的界面呈现方式。
图4是本申请实施例提供的一种第一图片显示方式下的界面示意图。
请参照图4,图4示出的是在浏览相册时,设备显示的第一图片显示方式下的界面,显示的是原始的普通浏览模式,具体指的是相册的默认界面排版模式,即界面上方会有移动设备常有的界面元素如实时时间,电量标识及网络运营商等,也可能有查找栏,界面下方会如照片,相册及查找等文字元素等,点击该文字元素还可实现页面的跳转的。示例性的,本申请实施例对相册不做限定,所指的相册可包括移动设备固有的相册,也可包括社交软件中的相册。
在一些实施例中,以网页为例,指的是网页的默认界面排版方式,界面上方除移动设备界面常有的界面元素外,还可有搜索框及其他文字标识符。本申请实施例对出现在屏幕上的交互信息的类型不加以限定。示例性地,交互信息的类型可以为视频、也可以为新闻,也可以为展示商品的图片链接等。
在一些实施例中,第一操作包括用户对交互界面的操作,如点击、触控及滑动屏幕界面等等,也可以包括对设备100实体按键的操作。可以是用户轻点、长按电子设备屏幕任意位置或特定的功能按键,也可以是用户上下滑动交互界面,也可以是用户通过界面的滑动控件来滑动交互界面。
可选地,响应于第一操作在设备侧的运行情况是:设备运行第一应用的情况下,检测用户通过设备的触摸屏输入的触控操作,当该触控操作的触屏点的数量大于或等于1,其触控点的滑动距离大于或等于设定阈值,其设定阈值是正数。
在一种可能实现的方式下,在交互界面以第一图片呈现方式显示图片时,通过用户的第一操作而进入以第二图片呈现方式显示图片。
在一些实施例中,第一操作可以是需要满足于预设条件的滑动操作,上述滑动操作包括触控于交互界面的滑动操作,可以指用户上下滑动屏幕,上下滑动包括用户向上滑动一定距离,或向下滑动一定距离,或向上再向下来回滑动,或向下再向上来回滑动等。预设条件可以是通过按压设备100的屏幕,其压感达到一定的阈值,也可以是滑动操作的滑动速度或加速度达到一定的阈值,也可以是滑动操作的滑动距离达到一定的阈值,也可以是成功触控某个功能按键。需要说明的是,该功能按键可以是显示在设备100的界面上的图标控件,也可以是设备100自带的实体功能按键。
在一些实施例中,上述的滑动操作预设条件可以是检测用户作用于交互界面的运动信息,其目标运动信息的目标速度不小于速度阈值;也可以是目标运动信息的目标加速度不小于加速度阈值;也可以是目标运动信息的目标速度不小于速度阈值,且目标加速度不小于加速度阈值。
在一种可能实现的方式下,普通浏览模式是指原始的界面呈现方式,是一个静态或趋向于静态的浏览界面,是通过用户在原始的界面呈现方式下静态观看或简单翻页的查阅方式;与之相对应的是快速浏览模式是指在原有的界面呈现方式下,用户通过滑动操作使得所浏览的界面滑动或滚动起来而呈现的方式。在交互界面呈现的普通浏览模式下,通过用户的滑动操作,界面会呈现快速浏览模式。
在一些实施例中,上述的预设条件还可以包括滑动操作的持续时间超过一定的阈值,在第一图片呈现方式下,用户开始滑动交互界面,交互界面开始滚动,从普通浏览模式进入快速浏览模式,图片信息就自下而上或者自上而下移动/滚动起来,若设备100检测到用户在持续滑动交互界面,所滑动的时间超过一定的阈值,阈值可以是任意正数,此处不作限制,则以第二图片显示方式(隐藏非图片信息的文字内容或界面元素,和/或以悬浮窗的形式呈现图片的属性信息)呈现交互界面的内容。
在一些实施例中,上述的预设条件还可以包括滑动操作的位移距离超过一定的阈值,其中,位移是一个矢量,指代由初位置到末位置的有向线段,其大小与路径无关,方向由起点指向终点。在第一图片显示方式下,用户开始滑动交互界面,交互界面开始滚动,从普通浏览模式进入到快速浏览模式,若设备100检测到用户在持续滑动交互界面,其滑动的位移距离超过一定的阈值,阈值可以是任意正数,此处不做限制,则以第二图片显示方式(隐藏非图片信息的文字内容或界面元素,和/或以悬浮窗的形式呈现图片的属性信息)呈现交互界面。
在上述实施例中,设备100在交互界面呈现快速浏览模式下,并不立即进入第二图片显示方式呈现图片,而是检测用户是否有持续滑动的操作,进而判断是否进行隐藏非图片元素,仅呈现图片和/或图片属性信息这一步骤。因为如果用户触控界面后快速滑动且快速松手时,就不会进入第二浏览模式,这样就能防止因用户的误触而频繁出现隐藏界面元素的情况,提升用户的体验感。
在下面实施例均以第一操作为滑动操作为例以便于描述,但可以理解的是,第一操作并不限于滑动操作。
需要说明的是,本申请实施例对滑动操作的目标方向不加以限定,可以根据设备100的配置情况进行设置。示例性地,若设备100的配置情况仅支持纵向滑动,则目标方向为从上到下或者从下到上的方向;若设备100的配置情况仅支持横向互动,则目标方向为从左到右或者从右到左的方向;若设备100的配置情况既支持纵向滑动又支持横向滑动,则目标方向既可以为从上到下或者从下到上的方向,又可以为从左到右或者从右到左的方向。在一次滑动过程中,目标方向为一个固定的方向,目标元素在滑动过程中的运动为直线运动。
在一种可能的实现方式中,设备100在检测到触摸指令后,被触摸区域中的目标元素的位置发生目标方向的移动,此时就认为用户滑动了屏幕。
在一些实施例中,上述滑动操作可以为触控于交互界面的滑动操作。上述触控包括手势触控、触控物触控等,用户可以通过手势或者触控笔轻点、长按或滑动于交互界面中的任意一点,以滑动上述交互界面。其中,触控于交互界面可以是触控交互界面的任意一点。
设备运行第一应用的情况下,检测用户通过设备的触摸屏输入的触控操作,当该触控操作的触屏点的数量大于或等于1,其触控点的滑动距离大于或等于设定阈值且所有触屏点有滑动趋势,此处对上述触屏点的位置不做限制。
在一些实施例中,上述预设条件可以为设备100获取用户触控界面的滑动信息所需满足的条件,以响应上述滑动操作。用户可以触控界面目标元素,界面目标元素可以是界面的屏幕任意一点,也可以是界面的滑动控件,也可以是界面的相关的功能按键。以用户触控交互界面为例,目标运动信息可以指用户触控界面的滑动控件的运动信息。检测目标运动信息的方法可以包括检测目标运动时的速度和/或加速度。设定一个速度阈值,其是正数,还可设定一个加速度阈值,其是正数。可以是目标运动信息的目标速度不小于速度阈值;也可以是目标运动信息的目标加速度不小于加速度阈值;也可以是目标运动信息的目标速度不小于速度阈值,且目标加速度不小于加速度阈值。
需要说明的是,滑动操作条件可以有用户触控、滑动界面,其目标运动信息达到阈值。若用户已经停止滑动滑动控件,滑动控件仅依靠惯性移动,仍不满足滑动操作的触发条件,此时,设备100会检测滑动操作的停止,不会出现前述以隐藏非图片信息的界面呈现方式。
在本实施例中,设备100通过响应于用户的滑动操作(满足预设条件的滑动操作)开始呈现界面转换的效果,再响应于用户停止滑动操作,则恢复原有界面呈现方式,利于增强用户的交互体验感。
需要说明的是,上述步骤仅存在于一些实施例,即有的实施例也可省略上述步骤。
在一些实施例中,上述的第一操作可以为作用于滑动控件的滑动操作。在该滑动操作之前,可以有的是:响应于目标方向的触控操作,显示上述的滑动控件。
其中,响应于目标方向的触控操作可以有用户轻点交互界面,也可以有用户上下滑动屏幕,也可以有用户轻点屏幕后上下滑动屏幕,可以是用户长按交互界面,可以是用户长按交互界面后上下滑动;上下滑动指令包括用户向上滑动一定距离,或向下滑动一定距离,或向上再向下来回滑动,或向下再向上来回滑动等。
通过响应于目标方向的触控操作,设备100显示滑动控件,所显示的滑动控件可以是滑动条,也可以是滑动图标等。以滑动控件为滑动条为例,出现滑动条后,用户可通过滑动条来实现对交互界面的滑动操作。需要说明的是,滑动条可以是任一样式,可以是一个图标,也可以是一个标识符,也可以是一个卡通人物形象等,此处对滑动条的形状不做限定。
上述滑动条可以出现在屏幕任一位置,可以是屏幕左侧中间,也可以是屏幕右侧中间,也可以是屏幕正中间。用户可以通过控制滑动条来实现滑动指令的操作,当未出现滑动条时,用户也可以通过滑动屏幕来实现滑动指令的操作。当出现了滑动条,用户可拖动滑动条实现交互界面的滚动/滑动,从以第一图片显示方式呈现图片转换成以第二图片显示方式呈现图片。
在一种可能实现的方式中,滑动控件的滑动距离与交互界面的滑动距离可形成映射关系。用户通过控制出现在交互界面上的滑动控件来实现滑动操作,就可以实现用户滑动交互界面的范围等比例放大,例如,用户在交互界面上滑动1cm,就可以实现呈现界面的滑动10cm(以上数值仅为举例),利于提升用户的滑动体验,用户通过小距离的触控滑动可以浏览到更多的信息。
需要说明的是,上述步骤仅存在于一些实施例,即有的实施例也可省略上述步骤。
在一些实施例中,上述的第一操作可以是响应于功能按钮的操作。上述的功能按钮可以是在交互界面上具有特定的功能(如滑动交互界面的功能)的虚拟按钮,也可以在设备100自带的实体按键。用户可以通过按压上述功能按钮实现交互界面的自由滚动或滑动,可以的是,用户可以通过其按压上述功能按钮的压感来实现交互界面滚动的快慢。
在交互界面以第一图片显示方式下,通过用户的第一操作而进入第二图片显示方式显示图片,两种方式都是基于同一界面的,不同的是,第二图片显示方式是在保留第一图片显示方式下原有的图片内容,隐藏第一目标元素(如搜索框或文字内容等),用原有的图片内容去填充上述隐藏区域。
S34:第二图片显示方式在其界面上隐藏第一目标元素的区域。
第一目标元素包括除图片以外的文字内容或界面元素,例如界面元素是交互界面中显示的常有的界面元素如实时时间,电量标识及网络运营商等,文字内容是界面下方会如照片,相册及查找等文字元素等,点击该文字元素还可实现页面跳转的。
在本实施例中,第二图片显示方式与第一图片显示方式是基于同一界面的,且第二图片显示方式相较于第一图片显示方式不同的是在上述同一界面上隐藏了第一目标元素。
在本实施例中,设备100的交互界面可以以第二图片显示方式显示图片,即设备100的交互界面隐藏非图片信息的文字内容或界面元素,并调整图片的布局方式,以在所隐藏第一目标元素的区域显示图片,从而实现将图片进行全屏罗列展示,隐藏干扰元素,因此图片展示的视觉效果更好,有利于提高用户在操作过程中的浏览体验,有助于让用户看到更多内容,有利于用户更快锁定到所找目标内容。
可选地,在第二图片显示方式下,在所隐藏的第一目标元素对应的区域显示图片。在一种可能的方式中,在响应于第一操作时,调整图片的布局方式,以填充隐藏上述第一目标元素的区域,在第一目标元素对应的区域显示图片。
可选地,在上述调整图片的布局方式,交互界面在所隐藏第一目标元素的区域显示图片时,可以选择的,在交互界面以悬浮窗的形式呈现第二目标元素。第二目标元素包括图片的属性信息,如图片生成的日期,所拍摄或制作时间等。所以第二浏览模式下,设备100的交互界面可以有隐藏非图片信息的文字内容或界面元素,和/或以悬浮窗的形式呈现图片的属性信息。
以上步骤是仅为举例,各个步骤是独立的,且可自由组合,在一些实施方式中,也可不必包括以上所有步骤。
图5是本申请实施例提供的一种第二图片显示方式下的界面示意图。
请参考图5,图5示出了在第二图片显示方式中,设备100隐藏了除图片信息以外的元素。以电子设备的相册为例,界面的非图片信息包括界面上方会有移动设备常有的界面元素如实时时间,电量标识及网络运营商等,界面下方会如照片,相册及查找等文字元素等,点击该文字元素还可实现页面跳转的。这些非图片信息元素都会被隐藏,仅呈现照片信息,便于用户查找目标照片,增强用户的体验感。
示例性的,本申请实施例对相册不做限定,所指的相册可包括移动设备固有的相册,也可包括社交软件中的相册,均可通过本申请的图片浏览方法进入快速浏览模式。
可供选择的,设备100在隐藏非图片信息以外的元素,可以以悬浮窗的形式呈现相关图片属性内容,包括但不限于拍摄或上传图片的时间,拍摄图片的地点,或时间地点两者同时出现,或时间地点出现其中之一等。上述悬浮窗可以以不影响图片视野的方式呈现在相关图片的任意角落,例如图片的左上方。上述图片的属性内容可以分别出现在单张图片中,还可以出现在多张属性内容相同的图片上。
需要说明的是,在用户触控屏幕开始滑动时,界面元素逐渐隐藏的过程中,若用户松手,则界面元素无需继续隐藏,直接开始呈现原有的界面元素,回到普通浏览模式。
在本实施例中,通过用户触控并滑动屏幕时,设备100整屏显示图片内容,隐藏干扰元素,若用户停止触控屏幕,则恢复原有界面,即交互界面以第一浏览模式呈现图片,一方面能提升用户的交互体验感,另一方面也能防止用户误触屏幕,出现上述被隐藏元素忽隐忽现的情况。
在快速浏览模式中,设备100隐藏除图片信息以外的元素。以网页内容为例,界面的非图片信息包括界面上方移动设备界面常有的界面元素,还包括搜索框及其他文字标识符,以此类推的非图片信息都会被隐藏,仅呈现图片信息,便于用户快速查找目标图片。示例性地,交互信息的类型可以为视频、也可以为新闻,也可以为展示商品的图片链接等,均可通过本申请的信息浏览方法进入快速浏览模式。
在本申请实施例中,用户可根据自己需求通过滑动的操作进入到页面的快速浏览模式,隐藏无关信息,仅呈现用户所需求的信息内容,便于用户快速查找目标图片,给用户带来的沉浸式查找或阅读的沉浸式体验感更好。
需要说明的是,在交互界面静态呈现的时候,是普通浏览模式下的界面;用户对交互界面进行的第一操作后,屏幕开始滚动起来,此时可以继续以第一图片显示方式呈现图片,但是进入到快速浏览模式,快速浏览模式就是交互界面开始滚动或滑动所呈现的界面效果。在快速浏览模式下,其固有界面元素是不会隐藏和改变的。当满足预设条件时,便以第二图片显示方式呈现图片,即隐藏非图片信息的文字内容或界面元素,和/或以悬浮窗的形式呈现图片的属性信息。
可选的,在以第一图片显示方式下呈现图片时,用户对交互界面进行的第一操作后,屏幕开始滚动起来,此时也可以直接进入到以二图片显示方式呈现图片。
以上独立的实施例仅为举例说明,可不是必要步骤。
在一些实施例中,考虑到用户在触控屏幕时可能会发生误触的情况,为防止这种误触的情况的发生,还可检测滑动距离大于第一距离阈值。
设定一个第一距离阈值,其是正数,用户在触控屏幕的界面元素的起始点和滑动后的过程点/结束点,两点之间的距离大于第一距离阈值。
在本实施例中,用户通过触控界面后滑动的距离满足第一距离阈值后继续滑动,再进入第二呈现图片的模式。也就是说。如果用户触控界面后快速滑动且快速松手时,就不会进入第二呈现图片的模式,这样就能防止因用户的误触而频繁出现隐藏界面元素的情况,影响用户的体验感。
需要说明的是,上述步骤仅存在于一些实施例,即有的实施例也可省略上述步骤。
图6是本申请实施例提供的又一种图片显示方式的流程图。
请参考图6,图6是本申请实施例中浏览图片的流程图,其浏览图片的方法可以包括以下步骤:
S62:响应于第一操作停止。
在一些实施例中,在滑动操作结束前,设备100可以一直以第二图片显示方式呈现图片的状态展示出现在屏幕上的交互图片,直至第一操作结束。
第一操作的停止包括滑动指令结束,即为拖动滑动过程结束,开始惯性滑动过程。其中,响应于第一操作包括用户对交互界面的操作,包括不限于点击、触控及滑动屏幕界面等等。可以是用户轻点、长按电子设备屏幕任意位置或特定的功能按键,也可以是用户上下滑动屏幕,上下滑动包括用户向上滑动一定距离,或向下滑动一定距离,或向上再向下来回滑动,或向下再向上来回滑动等。此处不再赘述,当设备100检测到用户进行的滑动操作停止时,便发生交互界面呈现方式的转变。
S64:退出以第二图片显示方式呈现图片的状态。
滑动操作结束,即为滑动过程结束,开始惯性滑动过程。此时,原有的界面元素逐渐呈现,隐藏图片的属性信息,退出以第二图片显示方式呈现图片的模式,回到以第一图片显示方式显示图片,第一图片显示方式就是应用默认的界面呈现方式,此处不再赘述。
需要说明的是,在用户停止触控屏幕滑动,界面元素逐渐恢复的过程中,若用户又开始进行滑动操作,则界面元素无需恢复,直接开始呈现第二图片显示方式呈现图片的状态。
综上,本申请示例性实施方式的图片浏览方法,基于响应于第一操作,设备100对以第一图片显示方式呈现图片的方式进行转变,进入到以第二图片显示方式呈现图片后,便仅呈现图片和/或图片属性信息,隐藏干扰信息,以便提高图片浏览的视觉效果,有助于让用户看到更多内容,有利于用户更快锁定到目标图片。
应当注意,尽管在附图中以特定顺序描述了本申请中方法的各个步骤,但是,这并非要求或者暗示必须按照该特定顺序来执行这些步骤,或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的,可以省略某些步骤,将多个步骤合并为一个步骤执行,以及/或者将一个步骤分解为多个步骤执行等。
进一步的,本示例实施方式中还提供了一种图片显示装置。
图7是本申请实施例提供的一种图片显示装置的示意图。
请参考图7,根据本申请示例性实施方式的图片显示装置可以包括显示模块701、指令响应模块703和隐藏模块705。
具体的,显示模块701,被配置为进入以第一图片显示方式和第二图片显示方式显示图片;指令响应模块703,被配置响应于第一操作;隐藏模块705,被配置为在同一界面上隐藏第一目标元素。第二图片显示方式与第一图片显示方式基于同一界面,且第二图片显示方式相较于第一图片显示方式,其界面上隐藏第一目标元素。
需要说明的是,当未收到第一操作,或接收的第一操作停止,或第一操作不符合预设状态,界面则停留以第一图片显示方式显示图片,或退出以第二图片显示方式显示图片,回到以第一图片显示方式显示图片。
根据本申请的示例性实施例,图片显示模块701可以被配置为执行:在第二图片显示方式下,在所隐藏的第一目标元素对应的区域显示图片。
根据本申请的示例性实施例,图片显示模块701在执行第二图片显示方式下,在所隐藏的第一目标元素对应的区域显示图片的过程中,还可以被配置为执行:在界面以悬浮窗的形式呈现第一目标元素,其中,第二目标元素不同于第一目标元素。
上述第一目标元素包括除图片以外的文字内容或界面元素,第二目标元素包括图片的属性信息。
根据本申请的示例性实施例,指令响应模块703可以配置为执行:响应于第一操作。
根据本申请的示例性实施例,指令响应模块703在响应于第一操作的过程中还可以配置为:满足于预设条件的滑动操作。
根据本申请的示例性实施例,指令响应模块703在满足于预设条件的滑动操作的过程中,滑动操作包括触控于交互界面的滑动操作。
根据本申请的示例性实施例,指令响应模块703在响应于满足于预设条件的滑动操作或触控于交互界面的滑动操作的过程可以被配置为执行:对预设条件进行判断,即目标速度不小于速度阈值;或者,目标加速度不小于加速度阈值;或者,目标速度不小于速度阈值,且目标加速度不小于加速度阈值。
根据本申请的示例性实施例,指令响应模块703所满足的预设条件还可以包括:滑动操作的位移距离超过第二阈值,第二阈值不同于第一阈值。
根据本申请的示例性实施例,指令响应模块703在响应第一操作中的第一操作还可以包括:作用于滑动控件的滑动操作。
根据本申请的示例性实施例,指令响应模块703在响应于第一操作之前还可以执行:响应于目标方向的触控操作,显示滑动控件。
根据本申请的示例性实施例,指令响应模块703在响应于第一操作的过程中第一操作还可以是:响应于功能按钮的操作。
根据本申请的示例性实施例,指令响应模块703在还可以配置为:响应于第一操作停止,退出以第二图片显示方式呈现图片的状态。
图8是本申请实施例提供的一种计算机设备的结构示意图。
请参考图8,本申请实施例提供了一种计算机设备,该设备包括:该电子设备包括通过系统总线连接的处理器801和存储器803。其中,该处理器用于提供计算和控制能力,支撑整个电子设备的运行。存储器可包括非易失性存储介质及内存储器。非易失性存储介质存储有操作系统和计算机程序。该计算机程序可被处理器所执行,以用于实现以上各个实施例所提供的图片显示方法。内存储器为非易失性存储介质中的操作系统计算机程序提供高速缓存的运行环境。该电子设备可以是手机、平板电脑或者个人数字助理或穿戴式设备或无线智能设备。
本申请实施例中提供的图片显示装置中的各个模块的实现可为计算机程序的形式。该计算机程序可在设备或服务器上运行。该计算机程序构成的程序模块可存储在设备或服务器的存储器上。该计算机程序被处理器执行时,实现本申请实施例中所描述方法的步骤。
本申请还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读存储介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被一个电子设备执行时,使得该电子设备实现如下述实施例中所述的方法。
附图中的流程图和示意图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现,所描述的单元也可以设置在处理器中。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本申请实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本申请实施方式的方法。
此外,上述附图仅是根据本申请示例性实施例的方法所包括的处理的示意性说明,但并不能因此而理解为对本申请专利范围的限制。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未描述的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本申请的真正范围和精神由权利要求指出。应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限。
- 图片显示方法、图片显示装置、电子设备及存储介质
- 一种图片的显示方法、装置、设备和存储介质