CN110275659A - 一种图像切换方法、装置、电子设备及存储介质 - Google Patents

一种图像切换方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN110275659A
CN110275659A CN201910526118.0A CN201910526118A CN110275659A CN 110275659 A CN110275659 A CN 110275659A CN 201910526118 A CN201910526118 A CN 201910526118A CN 110275659 A CN110275659 A CN 110275659A
Authority
CN
China
Prior art keywords
image
thumbnail
display interface
full
size
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.)
Pending
Application number
CN201910526118.0A
Other languages
English (en)
Inventor
王帅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201910526118.0A priority Critical patent/CN110275659A/zh
Publication of CN110275659A publication Critical patent/CN110275659A/zh
Priority to PCT/CN2020/091070 priority patent/WO2020253453A1/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04804Transparency, e.g. transparent or translucent windows

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例提供了一种图像切换方法、装置、电子设备及存储介质,该方法包括:当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令,其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个,根据所述切换指令执行切换到下一张图像的操作。本公开实施例的技术方案,实现了在图像处于预览模式时,可以直接切换到下一张图像进行预览,提高了图像之间的切换效率,以及用户体验的技术效果。

Description

一种图像切换方法、装置、电子设备及存储介质
技术领域
本公开实施例涉及计算机技术领域,尤其涉及一种图像切换方法、装置、电子设备及存储介质。
背景技术
目前,用户在预览图像,即预览图像的过程中,可以通过手指的滑动对图像进行放大或缩小,来查看比较详细的内容。同时,还可以通过手指的滑动来实现图像之间的切换,例如,滑动图像到上一张和下一张图像。
但是现有技术中,在图像处于大图的状态下,用户若想滑动到下一张图像时,需要将大图转换为与其相对应的缩略图后,才能滑动到下一张图像进行预览,存在用户体验较差的技术问题。
发明内容
本公开实施例提供一种图像切换方法、装置、电子设备及存储介质,以提高切换效率,进而提高用户体验的技术效果。
第一方面,本公开实施例还提供了一种图像切换方法,该方法包括:
当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;
当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令;其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个;
根据所述切换指令执行切换到下一张图像的操作。
第二方面,本公开实施例还提供了一种图像切换装置,该装置包括:
触发操作监控模块,用于当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;
判断模块,用于当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令;其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个;
图像切换模块,用于根据所述切换指令执行切换到下一张图像的操作。
第三方面,本公开实施例还提供了一种电子设备,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本公开实施例任一所述的图像切换方法。
第四方面,本公开实施例还提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如本公开实施例任一所述的图像切换方法。
本公开实施例的技术方案,通过当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作,其中,预设模式为图像尺寸大于显示界面的尺寸,当触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与触发操作相对应的切换指令,其中,预设条件包括滑动图像的速度、滑动力度以及与显示界面的触控点信息中的至少一个,根据切换指令执行切换到下一张图像的操作,解决了现有技术中图像处于预设模式时,若要滑动到下一张图像时,需要将图像转换为与其相对应的缩略图,才能滑动到下一张图像进行预览时,存在用户体验差的技术问题,实现了在图像处于预览模式时,可以直接切换到下一张图像进行预览,提高了图像之间的切换效率,以及用户体验的技术效果。
附图说明
为了更加清楚地说明本公开示例性实施例的技术方案,下面对描述实施例中所需要用到的附图做一简单介绍。显然,所介绍的附图只是本公开所要描述的一部分实施例的附图,而不是全部的附图,对于本领域普通技术人员,在不付出创造性劳动的前提下,还可以根据这些附图得到其他的附图。
图1为本公开实施例所提供的一种图像切换方法流程示意图;
图2为本公开实施例所提供的一种图像切换方法另一流程示意图;
图3为本公开实施例所提供的一种图像切换装置的结构示意图;
图4为本公开实施例所提供的一种电子设备结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部结构。
图1为本公开实施例所提供的一种图像切换方法流程示意图,本实施例的方法可应用于终端中,适用于将处于预设模式的图像切换到一下图像的情形,该方法可以由图像切换装置来执行,该装置可以通过软件和/或硬件的形式实现,可选的,通过电子设备来实现,该电子设备可以是移动终端等。
如图1所述,本实施例的方法包括:
S110、当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作。
其中,预设模式可以理解为显示界面上显示图像的尺寸大于显示界面的尺寸。也就是说,将显示界面上显示的图像尺寸大于显示界面尺寸的图像,即大图显示的模式作为预设模式。触发操作是用户在显示界面上点击的操作。可选的,触发操作可以是,用户在显示界面上的滑动操作、双指在某个位置进行拉伸或者缩小的操作。例如,用户手指滑动显示界面上的图像。
具体的,当监测到当前显示界面显示的图像处于预设模式时,可以实时、或者间隔性的获取用户在显示界面上的触发操作。
S120、当触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与触发操作相对应的切换指令。
其中,预设条件可以理解为从当前图像切换到下一张图像需要满足的条件。预设条件可以是:滑动图像的速度、滑动图像的力度以及滑动图像时与显示界面的触点信息等。当检测到用户的触发操为上述任意一种时,可以判断用户想要切换下一张图像。下一张图像可以是当前图像的前一张,也可以是当前图像的后一张图像。切换指令是指根据用户的触发操作,生成与触发操作相对应的控制指令。
需要说明的是,预设条件可以是上述任意一种,满足的预设条件可以是:当检测到满足以下条件中的至少一项时,则生成与触发操作相对应的切换指令;滑动所述图像的速度大于预设阈值;滑动所述图像的滑动力度大于预设滑动力度阈值;滑动所述图像时与显示界面的触控点的数量大于预设数量。
其中,滑动速度可以是用户向某一个方向滑动图像的速度。滑动力度可以理解为向某一个方向滑动图像的重力值。触控点可以是滑动图像时,在显示界面上的触控点个数,即用几个手指滑动图像。预设阈值可以是预先设置的,滑动到下一张图像的最低速度。预设滑动力度阈值,可以是滑动到下一张图像时,所需要的最小力度值。预设数量可以切换到下一张图像时,与显示界面的触控点个数,可选的,两个。
也就是说,一旦检测到用户的触发操作,满足从当前图像切换到下一张图像时,可以生成与其相对应的切换指令,以使终端执行与触发操作相对应的操作。
具体的,当检测到用户滑动图像的速度大于预设阈值,或者滑动图像的力度大于预设滑动力度阈值,或者是滑动图像与显示界面的触控点数量大于等于两个时,则确定用户需要滑动到当前图像的前一张图像,或者后一张图像,此时可以生成切换到下一张图像的切换指令。
需要说明的是,由于当前图像的下一张包括当前图像的前一张图像,以及当前图像的后一张图像。相应的,切换指令包括切换到当前图像的前一张图像的指令,以及切换到当前图像的后一张图像的指令。
可选的,当滑动图像的方向为第一方向时,切换指令为切换到图像的前一张图像的缩略图的切换指令;当滑动图像的方向为第二方向时,切换指令为切换到图像的后一张图像的缩略图的切换指令。
其中,第一方向可以是向右滑动的方向。第二方向可以是向左滑动的方向。
具体的,当检测到用户在显示界面上的触控操为手指向右滑动,且满足切换到下一张图像的预设条件时,则生成切换到当前图像前一张的切换指令;当检测到用户在显示界面上的触控操作为手指向左滑动,且满足切换到下一张图像的预设条件时,则生成切换到当前图像后一张的切换指令。
在本实施例中,可以根据用户的触发操作,直接切换到当前图像的下一张图像的缩略图,提高了图像的切换效率。
S130、根据切换指令执行切换到下一张图像的操作。
根据与触发操作相对应的切换指令,可以切换到当前图像的前一张或者后一张图像。
本公开实施例的技术方案,通过当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作,其中,预设模式为图像尺寸大于显示界面的尺寸,当触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与触发操作相对应的切换指令,其中,预设条件包括滑动图像的速度、滑动力度以及与显示界面的触控点信息中的至少一个;根据切换指令执行切换到下一张图像的操作,解决了现有技术中图像处于预设模式时,若要滑动到下一张图像时,需要将图像转换为与其相对应的缩略图,才能滑动到下一张图像进行预览时,存在用户体验差的技术问题,实现了在图像处于预览模式时,可以直接切换到下一张图像进行预览,提高了图像之间的切换效率,以及用户体验的技术效果。
需要说明的是,在监测到当前显示界面中的图像处于预设模式之前,需要将与所述图像相对应的缩略图进行放大,得到所述预设模式的图像。图2为本公开实施例所提供的一种图像切换方法另一流程示意图。
如图2所示,所述方法包括:
S210、根据缩略图的尺寸与显示界面的尺寸,将缩略图转换为全屏显示,得到全屏图像。
需要说明的是,在监测到当前显示界面中的图像处于预设模式之前,还需要将与图像相对应的缩略图转换为预设模式进行预览。也就是说,将缩略图转换为预设模式图像时,需要先将缩略图转换为全屏图像,再将全屏图像转换为预设模式图像。
其中,在用户浏览网页或者查看相册中的图像时,将看到的图像作为缩略图,即小图。例如,浏览网页时,网页中显示的图像为缩略图。在用户点击该缩略图时,可以对缩略图进行放大,将显示界面上仅显示一张图像时,作为与缩略图相对应的全屏图像。缩略图的尺寸可以理解为缩略图的大小。在用户使用终端时,将亮屏的部分作为显示界面,显示界面的尺寸即亮屏时,屏幕的尺寸。
具体的,可以根据显示界面的尺寸,以及缩略图的尺寸,将缩略图转换为全屏显示,将全屏显示的图像作为全屏图像。也就是说,当用户点击缩略图时,可以将缩略图转换为全屏显示。转换的方式可以根据显示界面以及缩略图的尺寸来确定。可选的,当接收到将缩略图转换为图像全屏显示的转换指令时,确定缩略图的顶点坐标,作为初始坐标;根据显示界面的尺寸,以及缩略图的尺寸,确定缩略图全屏显示时所处的坐标,作为结束坐标;根据初始坐标,以及结束坐标,确定缩略图的各坐标变换的比例;根据变换比例,将缩略图转换为全屏图像。
其中,转换指令可以是触发将缩略图转换为全屏显示的操作时,生成的指令。示例性的,在用户单次点击缩略图时,可以生成将缩略图转换为全屏图像的指令。缩略图的顶点坐标,可以是以显示界面的中心坐标原点,建立平面直角坐标系,确定缩略图的四个顶点在显示界面上的坐标,并将该坐标作为初始坐标。结束坐标可以是缩略图全屏显示时,缩略图的四个顶点可以落在什么位置,即缩略图的四个顶点的坐标。
具体的,根据初始坐标,以及结束坐标,可以确定缩略图变换为全屏显示图像的变换比例。可以根据变换比例,缩略图转转为全屏显示图像。
需要说明的是,在确定全屏图像的坐标时,可以根据显示界面尺寸、以及缩略图的尺寸来确定。具体的,根据显示界面的尺寸,以及缩略图的尺寸,可以确定缩略图等比例放大后的尺寸,并根据等比例放大后的尺寸,确定全屏图像四个顶点的坐标。
在上述技术方案的基础上,基于预设动画转换效果,将所述缩略图转换为全屏图像,其中,全屏图像的背景透明。
为了提高用户体验,在缩略图转换为全屏图像时,可以根据预设的动画转换效果来转换。其中,动画转换效果可以是以出屏、入屏的方式进行转换等等,用户可以根据实际需求进行设置,在此不做具体限定。为了进一步提供用户体验,预设动画效果中的背景可以是透明的。
需要说明的是,全屏图像转换为缩略图时,也可以根据变换比例,对全屏图像进行缩小处理。当然,也是基于预设动画效果来变换的。
示例性的,记录缩略图在屏幕中的四个顶点位置,作为初始坐标。由于全屏图像相当于是在一个背景为黑色的全屏页面查看,所以可以确定全屏图像所占屏幕的四个顶点位置,作为结束坐标。可以根据初始坐标和技术坐标做一个矩形放大且背景透明度渐变的动画效果,以使用户在点击小图(缩略图)查看全屏图像预览时,动画渐变效果展示。相应的,若是将全屏图像转换为缩略图时,可以基于同样的操作做缩小处理。
S220、当检测到将全屏图像放大的触控操作时,将全屏图像转换为预设模式进行预览。
其中,全屏图像放大的触控操作可以是,用户双击图像,还可以是两个手指在图像上的某个位置进行拉伸操作。
具体的,当检测到在显示界面上的触控操作,为全屏图像放大的触控操作时,可以将全屏图像转换为预设模式进行预览。
本公开实施例的技术方案,通过当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作,其中,预设模式为图像尺寸大于显示界面的尺寸,当触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与触发操作相对应的切换指令,其中,预设条件包括滑动图像的速度、滑动力度以及与显示界面的触控点信息中的至少一个;根据切换指令执行切换到下一张图像的操作,解决了现有技术中图像处于预设模式时,若要滑动到下一张图像时,需要将图像转换为与其相对应的缩略图,才能滑动到下一张图像进行预览时,存在用户体验差的技术问题,实现了在图像处于预览模式时,可以直接切换到下一张图像进行预览,提高了图像之间的切换效率,以及用户体验的技术效果。
进一步的,所述当所述触发操作满足从当前图像切换到下一张图像的条件时,则生成与所述操作相对应的切换指令,包括:
当检测到满足下述至少一项条件时,生成与所述触发操作相对应的切换指令:滑动所述图像的速度大于预设阈值;滑动所述图像的滑动力度大于预设滑动力度阈值;滑动所述图像时与显示界面的触控点的数量大于预设数量。
进一步的,当滑动所述图像的方向为第一方向时,所述切换指令为切换到所述图像的前一张图像的缩略图的切换指令;当滑动所述图像的方向为第二方向时,所述切换指令为切换到所述图像的后一张图像的缩略图的切换指令。
进一步的,在监测到当前显示界面中的图像处于预设模式之前,还包括:
将与所述图像相对应的缩略图转换为所述预设模式进行预览。
进一步的,所述将与所述图像相对应的缩略图转换为所述预设模式进行预览,包括:
根据所述缩略图的尺寸与所述显示界面的尺寸,将所述缩略图转换为全屏显示,得到全屏图像;
当检测到将所述全屏图像放大的触控操作时,将所述全屏图像转换为预设模式进行预览。
进一步的,所述根据所述缩略图的尺寸与所述显示界面的尺寸,将所述缩略图转换为全屏显示,得到全屏图像,包括:
当接收到将所述缩略图转换为图像全屏显示的转换指令时,确定所述缩略图的顶点坐标,作为初始坐标;
根据所述显示界面的尺寸,以及所述缩略图的尺寸,确定所述缩略图全屏显示时所处的坐标,作为结束坐标;
根据所述初始坐标,以及所述结束坐标,确定所述缩略图的各坐标的变换比例;
根据所述变换比例,将所述缩略图转换为所述全屏图像。
进一步的,所述根据变换比例,将所述缩略图转换为所述全屏图像,包括:
基于预设动画转换效果,所述缩略图转换为所述全屏图像;
其中,所述预设动画效果包括背景透明的渐变效果。
图3为本公开实施例提供的一种图像切换装置结构示意图,该装置可以配置电子设备中。图像切换装置中包括:
触发操作监控模块310,用于当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;判断模块320,用于当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令;其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个;图像切换模块330,用于根据所述切换指令执行切换到下一张图像的操作。
在上述各技术方案的基础上,所述判断模块,还用于:
当检测到满足下述至少一项条件时,生成与所述触发操作相对应的切换指令:滑动所述图像的速度大于预设阈值;滑动所述图像的滑动力度大于预设滑动力度阈值;滑动所述图像时与显示界面的触控点的数量大于预设数量。
在上述各技术方案的基础上,所述装置还包括:第一判断模块,用于当滑动所述图像的方向为第一方向时,所述切换指令为切换到所述图像的前一张图像的缩略图的切换指令;第二判断模块,用于当滑动所述图像的方向为第二方向时,所述切换指令为切换到所述图像的后一张图像的缩略图的切换指令。
在上述各技术方案的基础上,所述装置还包括转换模块,用于在所述触发操作监控模块,监测到当前显示界面中的图像处于预设模式之前,用于:
将与所述图像相对应的缩略图转换为所述预设模式进行预览。
在上述各技术方案的基础上,所述转换模块包括:
第一转换单元,用于根据所述缩略图的尺寸与所述显示界面的尺寸,将所述缩略图转换为全屏显示,得到全屏图像;
第二转换单元,用于当检测到将所述全屏图像放大的触控操作时,将所述全屏图像转换为预设模式进行预览。
在上述各技术方案的基础上,所述第一转换单元还用于:
当接收到将所述缩略图转换为图像全屏显示的转换指令时,确定所述缩略图的顶点坐标,作为初始坐标;根据所述显示界面的尺寸,以及所述缩略图的尺寸,确定所述缩略图全屏显示时所处的坐标,作为结束坐标;根据所述初始坐标,以及所述结束坐标,确定所述缩略图的各坐标的变换比例;根据所述变换比例,将所述缩略图转换为所述全屏图像。
在上述各技术方案的基础上,所述装置还包括:基于预设动画转换效果,所述缩略图转换为所述全屏图像;其中,所述预设动画效果包括背景透明的渐变效果。
本公开实施例的技术方案,通过当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作,其中,预设模式为图像尺寸大于显示界面的尺寸,当触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与触发操作相对应的切换指令,其中,预设条件包括滑动图像的速度、滑动力度以及与显示界面的触控点信息中的至少一个,根据切换指令执行切换到下一张图像的操作,解决了现有技术中图像处于预设模式时,若要滑动到下一张图像时,需要将图像转换为与其相对应的缩略图,才能滑动到下一张图像进行预览时,存在用户体验差的技术问题,实现了在图像处于预览模式时,可以直接切换到下一张图像进行预览,提高了图像之间的切换效率,以及用户体验的技术效果。
本公开实施例所提供的图像切换装置可执行本公开任意实施例所提供的图像切换方法,具备执行方法相应的功能模块和有益效果。
值得注意的是,上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本公开实施例的保护范围。
图4示出了适于用来实现本公开实施例实施方式的示例性电子设备400的框图。下面参考图4,其示出了适于用来实现本公开实施例的电子设备(例如终端设备或服务器)400的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图4所示,电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401,其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM403中,还存储有电子设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常,以下装置可以连接至I/O接口405:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407;包括例如磁带、硬盘等的存储装置408;以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置409从网络上被下载和安装,或者从存储装置408被安装,或者从ROM402被安装。在该计算机程序被处理装置401执行时,执行本公开公开实施例的方法中限定的上述功能。
需要说明的是,本公开公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:
当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;
当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令;其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个;
根据所述切换指令执行切换到下一张图像的操作。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该单元本身的限定,例如,触发操作监控模块还可以被描述为“触发模块”;图像切换模块还可以描述为“图像转换模块”等。
以上描述仅为本公开公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
注意,上述仅为本公开的较佳实施例及所运用技术原理。本领域技术人员会理解,本公开不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本公开的保护范围。因此,虽然通过以上实施例对本公开进行了较为详细的说明,但是本公开不仅仅限于以上实施例,在不脱离本公开构思的情况下,还可以包括更多其他等效实施例,而本公开的范围由所附的权利要求范围决定。

Claims (10)

1.一种图像切换方法,其特征在于,包括:
当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;
当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令;其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个;
根据所述切换指令执行切换到下一张图像的操作。
2.根据权利要求1所述的方法,其特征在于,所述当所述触发操作满足从当前图像切换到下一张图像的条件时,则生成与所述操作相对应的切换指令,包括:
当检测到满足下述至少一项条件时,生成与所述触发操作相对应的切换指令:
滑动所述图像的速度大于预设阈值;
滑动所述图像的滑动力度大于预设滑动力度阈值;
滑动所述图像时与显示界面的触控点的数量大于预设数量。
3.根据权利要求2所述的方法,其特征在于,当滑动所述图像的方向为第一方向时,所述切换指令为切换到所述图像的前一张图像的缩略图的切换指令;
当滑动所述图像的方向为第二方向时,所述切换指令为切换到所述图像的后一张图像的缩略图的切换指令。
4.根据权利要求1所述的方法,其特征在于,在监测到当前显示界面中的图像处于预设模式之前,还包括:
将与所述图像相对应的缩略图转换为所述预设模式进行预览。
5.根据权利要求4所述的方法,其特征在于,所述将与所述图像相对应的缩略图转换为所述预设模式进行预览,包括:
根据所述缩略图的尺寸与所述显示界面的尺寸,将所述缩略图转换为全屏显示,得到全屏图像;
当检测到将所述全屏图像放大的触控操作时,将所述全屏图像转换为预设模式进行预览。
6.根据权利要求5所述的方法,其特征在于,所述根据所述缩略图的尺寸与所述显示界面的尺寸,将所述缩略图转换为全屏显示,得到全屏图像,包括:
当接收到将所述缩略图转换为图像全屏显示的转换指令时,确定所述缩略图的顶点坐标,作为初始坐标;
根据所述显示界面的尺寸,以及所述缩略图的尺寸,确定所述缩略图全屏显示时所处的坐标,作为结束坐标;
根据所述初始坐标,以及所述结束坐标,确定所述缩略图的各坐标的变换比例;
根据所述变换比例,将所述缩略图转换为所述全屏图像。
7.根据权利要求6所述的方法,其特征在于,所述根据变换比例,将所述缩略图转换为所述全屏图像,包括:
基于预设动画转换效果,将所述缩略图转换为所述全屏图像;
其中,所述预设动画效果包括背景透明的渐变效果。
8.一种图像切换装置,其特征在于,包括:
触发操作监控模块,用于当监测到当前显示界面中的图像处于预设模式时,获取用户在显示界面上的触发操作;其中,所述预设模式为图像尺寸大于所述显示界面的尺寸;
判断模块,用于当所述触发操作满足从当前图像切换到下一张图像的预设条件时,则生成与所述触发操作相对应的切换指令;其中,所述预设条件包括滑动所述图像的速度、滑动力度以及与所述显示界面的触控点信息中的至少一个;
图像切换模块,用于根据所述切换指令执行切换到下一张图像的操作。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的图像切换方法。
10.一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-7中任一所述图像切换方法。
CN201910526118.0A 2019-06-18 2019-06-18 一种图像切换方法、装置、电子设备及存储介质 Pending CN110275659A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201910526118.0A CN110275659A (zh) 2019-06-18 2019-06-18 一种图像切换方法、装置、电子设备及存储介质
PCT/CN2020/091070 WO2020253453A1 (zh) 2019-06-18 2020-05-19 图像切换方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910526118.0A CN110275659A (zh) 2019-06-18 2019-06-18 一种图像切换方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN110275659A true CN110275659A (zh) 2019-09-24

Family

ID=67961000

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910526118.0A Pending CN110275659A (zh) 2019-06-18 2019-06-18 一种图像切换方法、装置、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN110275659A (zh)
WO (1) WO2020253453A1 (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111309225A (zh) * 2020-01-20 2020-06-19 北京字节跳动网络技术有限公司 清屏处理方法及装置
WO2020253453A1 (zh) * 2019-06-18 2020-12-24 北京字节跳动网络技术有限公司 图像切换方法、装置、电子设备及存储介质
CN112328924A (zh) * 2020-10-27 2021-02-05 青岛以萨数据技术有限公司 web端实现图片查看器的方法、电子设备、介质及系统
CN112825040A (zh) * 2019-11-21 2021-05-21 腾讯科技(深圳)有限公司 用户界面的显示方法、装置、设备及存储介质
CN113325975A (zh) * 2021-05-21 2021-08-31 翱捷科技股份有限公司 一种基于lvgl的用户界面切换方法及装置
CN113568688A (zh) * 2020-04-29 2021-10-29 RealMe重庆移动通信有限公司 一种视图切换方法、装置、电子设备和存储介质
CN113703653A (zh) * 2021-09-02 2021-11-26 北京城市网邻信息技术有限公司 图像处理方法、装置、设备和计算机可读存储介质

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1420362A2 (en) * 1997-01-09 2004-05-19 Canon Kabushiki Kaisha Thumbnail image zooming using predetermined image sizes
US20070182999A1 (en) * 2006-02-06 2007-08-09 Microsoft Corporation Photo browse and zoom
CN101030202A (zh) * 2006-03-01 2007-09-05 腾讯科技(深圳)有限公司 对像册中显示图片进行切换的系统及方法
CN103246389A (zh) * 2012-02-03 2013-08-14 三星电子株式会社 操作多点触摸面板的方法和支持该方法的终端
CN103279293A (zh) * 2013-04-27 2013-09-04 天脉聚源(北京)传媒科技有限公司 一种切换图片的方法、装置和终端
CN103685930A (zh) * 2012-09-14 2014-03-26 佳能株式会社 显示控制装置及其控制方法
CN104917891A (zh) * 2015-05-29 2015-09-16 努比亚技术有限公司 一种移动终端及其翻页控制方法
CN105988702A (zh) * 2015-03-02 2016-10-05 阿里巴巴集团控股有限公司 查看对象图片的方法及系统
CN106445338A (zh) * 2016-09-19 2017-02-22 天脉聚源(北京)传媒科技有限公司 一种图片显示方法及装置
CN106980449A (zh) * 2017-03-31 2017-07-25 北京小米移动软件有限公司 图像切换过渡效果的呈现方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110275659A (zh) * 2019-06-18 2019-09-24 北京字节跳动网络技术有限公司 一种图像切换方法、装置、电子设备及存储介质

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1420362A2 (en) * 1997-01-09 2004-05-19 Canon Kabushiki Kaisha Thumbnail image zooming using predetermined image sizes
US20070182999A1 (en) * 2006-02-06 2007-08-09 Microsoft Corporation Photo browse and zoom
CN101030202A (zh) * 2006-03-01 2007-09-05 腾讯科技(深圳)有限公司 对像册中显示图片进行切换的系统及方法
CN103246389A (zh) * 2012-02-03 2013-08-14 三星电子株式会社 操作多点触摸面板的方法和支持该方法的终端
CN103685930A (zh) * 2012-09-14 2014-03-26 佳能株式会社 显示控制装置及其控制方法
CN103279293A (zh) * 2013-04-27 2013-09-04 天脉聚源(北京)传媒科技有限公司 一种切换图片的方法、装置和终端
CN105988702A (zh) * 2015-03-02 2016-10-05 阿里巴巴集团控股有限公司 查看对象图片的方法及系统
CN104917891A (zh) * 2015-05-29 2015-09-16 努比亚技术有限公司 一种移动终端及其翻页控制方法
CN106445338A (zh) * 2016-09-19 2017-02-22 天脉聚源(北京)传媒科技有限公司 一种图片显示方法及装置
CN106980449A (zh) * 2017-03-31 2017-07-25 北京小米移动软件有限公司 图像切换过渡效果的呈现方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
陶晓云: "《轻松玩转智能手机 iPhone+Android》", 30 April 2014 *

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020253453A1 (zh) * 2019-06-18 2020-12-24 北京字节跳动网络技术有限公司 图像切换方法、装置、电子设备及存储介质
CN112825040A (zh) * 2019-11-21 2021-05-21 腾讯科技(深圳)有限公司 用户界面的显示方法、装置、设备及存储介质
CN112825040B (zh) * 2019-11-21 2024-01-30 腾讯科技(深圳)有限公司 用户界面的显示方法、装置、设备及存储介质
CN111309225A (zh) * 2020-01-20 2020-06-19 北京字节跳动网络技术有限公司 清屏处理方法及装置
CN113568688A (zh) * 2020-04-29 2021-10-29 RealMe重庆移动通信有限公司 一种视图切换方法、装置、电子设备和存储介质
CN113568688B (zh) * 2020-04-29 2023-06-06 RealMe重庆移动通信有限公司 一种视图切换方法、装置、电子设备和存储介质
CN112328924A (zh) * 2020-10-27 2021-02-05 青岛以萨数据技术有限公司 web端实现图片查看器的方法、电子设备、介质及系统
CN113325975A (zh) * 2021-05-21 2021-08-31 翱捷科技股份有限公司 一种基于lvgl的用户界面切换方法及装置
CN113325975B (zh) * 2021-05-21 2023-01-20 翱捷科技股份有限公司 一种基于lvgl的用户界面切换方法及装置
CN113703653A (zh) * 2021-09-02 2021-11-26 北京城市网邻信息技术有限公司 图像处理方法、装置、设备和计算机可读存储介质

Also Published As

Publication number Publication date
WO2020253453A1 (zh) 2020-12-24

Similar Documents

Publication Publication Date Title
CN110275659A (zh) 一种图像切换方法、装置、电子设备及存储介质
US11875437B2 (en) Image drawing method based on target template image, apparatus, readable medium and electronic device
JP7267434B2 (ja) ドキュメント入力内容の処理方法、装置、電子機器及び記憶媒体
CN112015314B (zh) 信息展示方法、装置、电子设备和介质
CN108549510A (zh) 用于显示寄宿应用的图标的方法、设备和存储介质
US20230325054A1 (en) Method and apparatus for browsing table in document, and electronic device and storage medium
EP4057137A1 (en) Display control method and terminal device
JP2014527673A (ja) ウィジェット処理方法及び装置並びに移動端末
EP4044008A1 (en) Target object display method and apparatus, electronic device, and computer-readable medium
EP4175307A1 (en) Interaction method and apparatus, and electronic device
CN112099714B (zh) 截图方法、装置、电子设备及可读存储介质
US20240046025A1 (en) Table displaying method, device and medium
CN110647286A (zh) 屏幕元素控制方法、装置、设备、存储介质
CN102799343B (zh) 一种显示索引图标内容的方法和装置
CN109857298B (zh) 应用启动方法、装置、设备和存储介质
US20240094883A1 (en) Message selection method, apparatus and device
CN109788333A (zh) 用于全屏显示视频的方法及装置
CN109032547A (zh) 分屏处理方法、装置、存储介质及电子设备
US20230251777A1 (en) Target object display method and apparatus, electronic device and non-transitory computer-readable medium
CN106940619A (zh) 一种输入界面调取方法及装置、用户设备
EP4328725A1 (en) Display method and apparatus, electronic device, and storage medium
CN114764270B (zh) 输入转换方法、电子设备和可读介质
CN112667931B (zh) 网页收藏方法、电子设备和存储介质
WO2021143542A1 (zh) 用于操作页面的方法、装置、计算机设备及可读存储介质
CN113360064A (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