CN111367449A - 图片处理方法、装置、计算机设备和存储介质 - Google Patents

图片处理方法、装置、计算机设备和存储介质 Download PDF

Info

Publication number
CN111367449A
CN111367449A CN202010127719.7A CN202010127719A CN111367449A CN 111367449 A CN111367449 A CN 111367449A CN 202010127719 A CN202010127719 A CN 202010127719A CN 111367449 A CN111367449 A CN 111367449A
Authority
CN
China
Prior art keywords
target
target picture
position information
zooming
picture
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
CN202010127719.7A
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.)
Shenzhen Tencent Information Technology Co Ltd
Original Assignee
Shenzhen Tencent Information 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 Shenzhen Tencent Information Technology Co Ltd filed Critical Shenzhen Tencent Information Technology Co Ltd
Priority to CN202010127719.7A priority Critical patent/CN111367449A/zh
Publication of CN111367449A publication Critical patent/CN111367449A/zh
Pending legal-status Critical Current

Links

Images

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
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H04M1/7243User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality with interactive means for internal management of messages
    • H04M1/72439User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality with interactive means for internal management of messages for image or video messaging

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Business, Economics & Management (AREA)
  • General Business, Economics & Management (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种图片处理方法、装置、计算机设备和存储介质。所述方法包括:响应于对目标图片的触发指令,生成目标图片相应的预览界面;当监测到对预览界面中的目标图片的第一单指操作时,获取当前时间作为起始时间;当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作对目标图片进行缩放。采用本方法能够提高用户单手使用移动设备的场景下进行图片缩放的便捷性。

Description

图片处理方法、装置、计算机设备和存储介质
技术领域
本申请涉及计算机技术领域,特别是涉及一种图片处理方法、装置、计算机设备和存储介质。
背景技术
随着移动设备技术的发展,越来越多的人使用移动设备(如手机)获取各种信息。用户在使用移动设备浏览图片时,为了获得更丰富的图片信息,往往需要对图片进行放大或缩小。
目前技术中,通常需要用户使用两根手指对图片进行操作来实现图片的缩放,例如两根手指反向滑动则放大图片,两根手指相向滑动则缩小图片。然而,在单手使用移动设备的场景下,例如用户一只手提着重物,另一只手握着移动设备,此时用户只能通过单手使用移动设备,若想要对图片进行缩放,则需要从握着移动设备的手中腾出两根手指对图片进行操作,难度较大,导致操作受到限制,对图片信息的获取带来极大的不便。
发明内容
基于此,有必要针对上述技术问题,提供一种能够在单手使用移动设备的场景下便捷地的对图片进行缩放的图片处理方法、装置、计算机设备和存储介质。
一种图片处理方法,所述方法包括:
响应于对目标图片的触发指令,生成所述目标图片相应的预览界面;
当监测到对所述预览界面中的所述目标图片的第一单指操作时,获取当前时间作为起始时间;
当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行缩放。
一种图片处理装置,所述装置包括:
生成模块,用于响应于对目标图片的触发指令,生成所述目标图片相应的预览界面;
获取模块,用于当监测到对所述预览界面中的所述目标图片的第一单指操作时,获取当前时间作为起始时间;
处理模块,用于当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行缩放。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
响应于对目标图片的触发指令,生成所述目标图片相应的预览界面;
当监测到对所述预览界面中的所述目标图片的第一单指操作时,获取当前时间作为起始时间;
当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行缩放。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
响应于对目标图片的触发指令,生成所述目标图片相应的预览界面;
当监测到对所述预览界面中的所述目标图片的第一单指操作时,获取当前时间作为起始时间;
当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行缩放。
上述图片处理方法、装置、计算机设备和存储介质,通过响应于对目标图片的触发指令,生成目标图片相应的预览界面;当监测到对预览界面中的目标图片的第一单指操作时,获取当前时间作为起始时间;当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作,对目标图片进行缩放。从而,通过单指操作即可触发图片缩放,有助于用户在单手使用移动设备时便捷地对图片进行缩放处理,提高用户的浏览效率。
附图说明
图1为一个实施例中图片处理方法的应用环境图;
图2为一个实施例中图片处理方法的流程示意图;
图3为一个实施例中预览界面的示意图;
图4为一个实施例中第一单指操作的示意图;
图5为一个实施例中根据第二单指操作对目标图片进行缩放步骤的流程示意图;
图6为一个实施例中第二单指操作的示意图;
图7为一个实施例中对缩放后的目标图片进行移动的示意图;
图8为一个实施例中对目标图片进行移动的示意图;
图9为一个实施例中图片处理方法的流程示意图;
图10为一个实施例中图片处理装置的结构框图;
图11为一个实施例中计算机设备的内部结构图;
图12为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的图片处理方法,可以应用于如图1所示的应用环境中。其中,终端102通过网络与服务器104进行通信。用户可以通过终端102访问提供网页浏览服务的应用平台,服务器104可以是该应用平台所在的服务器。服务器104或终端102响应于对目标图片的触发指令,生成目标图片相应的预览界面;当监测到对预览界面中的目标图片的第一单指操作时,获取当前时间作为起始时间;当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作对目标图片进行缩放。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。本申请实施例中图片处理方法可以由服务器104来执行,也可以由终端102来执行,还可以是由服务器104和终端102共同执行。具体地,终端102执行本申请实施例中客流人数统计方法可以通过处理器来执行。
在一个实施例中,如图2所示,提供了一种图片处理方法,以该方法应用于图1中的终端102为例进行说明,包括以下步骤S202至步骤S206。
S202,响应于对目标图片的触发指令,生成目标图片相应的预览界面。
其中,目标图片表示待处理图片,可以是网页中的图片,也可以是游戏客户端中的图片,例如通过网页浏览器打开的新闻详情页面中的图片。触发指令用于触发生成图片的预览界面,预览界面可以是通过图片预览器显示的界面。
具体地,用户使用终端(如手机)浏览网页内容时,当用户点击页面中的任意一张图片,终端即接收到用户针对相应图片的触发指令,并响应于该触发指令,生成图片预览器,在图片预览器中展示相应图片。举例来说,终端可以监听页面中图片的点击事件,当用户触发图片的点击事件后,终端通过动态创建文档对象模型(DOM)结构和样式表生成图片预览器,为用户在单独的容器中展示图片。如图3所示,提供了一个实施例中预览界面的示意图,中央区域显示目标图片,中央区域下方的圆形控件表示用于关闭预览界面的按钮。
S204,当监测到对预览界面中的目标图片的第一单指操作时,获取当前时间作为起始时间。
其中,第一单指操作表示用户通过单根手指即可完成的操作,当前时间表示终端监测到对预览界面中的目标图片的第一单指操作时对应的时间。
例如,当用户单手握着终端查看预览界面中的目标图片时,第一单指操作具体可以是用户通过握着终端的手的大拇指触摸并松开目标图片的操作,当前时间为终端监测到用户触摸并松开目标图片的操作时对应的时间。如图4所示,提供了一个实施例中第一单指操作的示意图,图中显示的手指具体可以是用户握着终端的手的大拇指,用户对预览界面中的目标图片进行第一单指操作后,目标图片的显示状态不变,依然如图3所示。
S206,当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作对目标图片进行缩放。
其中,第二单指操作表示用户通过单根手指即可完成的操作,预设时长表示目标图片维持可缩放状态的时间,目标图片经过第一单指操作后即进入可缩放状态,目标图片处于可缩放状态时,对其进行第二单指操作可以实现图片缩放。
例如,第二单指操作具体可以是用户通过握着终端的手的大拇指触摸并按住目标图片滑动的操作,滑动方向可以是上下滑动,也可以是左右滑动,还可以是各种斜线方向滑动,对此不做限定。
上述图片处理方法中,通过响应于对目标图片的触发指令,生成目标图片相应的预览界面;当监测到对预览界面中的目标图片的第一单指操作时,获取当前时间作为起始时间;当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作,对目标图片进行缩放。从而,通过单指操作即可触发图片缩放,有助于用户在单手使用移动设备时便捷地对图片进行缩放处理,提高用户的浏览效率。
在一个实施例中,第二单指操作包括触摸操作和移动操作,如图5所示,根据第二单指操作对目标图片进行缩放的步骤,具体可以包括以下步骤S502至步骤S506。
S502,当监测到触摸操作时,将触摸操作对应的触摸点作为起始触摸点,获取起始触摸点的位置信息,作为起始位置信息。
其中,触摸操作可以是用户触摸目标图片中任一位置的操作,用户通过触摸操作触发图片的触摸事件。例如,终端可以监听预览界面中目标图片的触摸开始(touchstart)事件,阻止事件冒泡以避免干扰外层DOM结构的事件处理。终端在监听到touchstart事件时,记录当前触摸点的位置信息作为起始位置信息。位置信息具体可以是坐标信息,该坐标可以是以终端显示屏的左上角为坐标原点。
S504,当监测到从起始触摸点开始的移动操作时,将移动操作触发各移动事件时对应的触摸点作为目标位置,获取各目标位置的位置信息,作为目标位置信息。
其中,移动操作可以是用户按住目标图片滑动的操作,滑动方向可以是上下滑动,也可以是左右滑动,还可以是各种斜线方向滑动,对此不做限定。用户通过移动操作触发图片的移动事件。例如,终端可以监听预览界面中目标图片的触摸移动(touchmove)事件,阻止事件的冒泡和默认行为,以避免影响页面原有内容的呈现。可以理解,用户在进行移动操作时,会触发多个touchmove事件,终端在每次监听到touchmove事件时,记录一次当前touchmove事件对应的触摸点的位置信息作为目标位置信息,从而终端在用户的移动操作中会记录多个目标位置信息。
S506,根据起始位置信息以及目标位置信息,对目标图片进行缩放。
其中,起始位置信息和目标位置信息分别表示用户按住目标图片滑动前后对应的触摸点的位置信息,滑动前后对应的触摸点的位置信息会发生变化,根据滑动前后对应的触摸点的位置变化对目标图片进行缩放。例如,用户按住目标图片向上滑动,使得目标图片放大;用户按住目标图片向下滑动,使得目标图片缩小。如图6所示,提供了一个实施例中第二单指操作的示意图,图中显示的手指具体可以是用户握着终端的手的大拇指,图中显示了目标图片放大后的效果。
本实施例中,用户通过手指在目标图片上的触摸和移动,根据各触摸点的位置信息对图片进行缩放,从而使得用户通过简单又常规的操作即可实现图片缩放,提高图片缩放效率和用户体验。
在一个实施例中,当监听到从起始触摸点开始的移动事件时,将当前触摸点作为目标位置,获取所述目标位置的位置信息,作为目标位置信息;根据起始位置信息、目标位置信息以及目标图片的起始缩放值,对目标图片进行缩放;在对目标图片进行缩放之后,将目标位置作为新的起始触摸点,将目标位置信息作为新的起始位置信息,将缩放后的缩放值作为新的起始缩放值。
可以理解,终端在用户手指的滑动过程中会记录多个目标位置,每记录一个目标位置,根据该目标位置与上一次记录的位置变化,对目标图片进行一次相应的缩放。例如,目标图片的起始缩放值为100%,触摸点的位置每变化一次,将缩放值增加或减小5%,具体是增加还是减小根据触摸点位置的具体变化情况而定。终端在用户手指的滑动过程中,每进行一次缩放后,记录当前触摸点位置、当前触摸点位置的位置信息以及当前缩放值,作为下次缩放的起始触摸点、起始位置信息和起始缩放值,直到用户手指离开目标图片时结束缩放。具体地,终端可以监听预览界面中目标图片的触摸结束(touchend)事件,在监听到touchend事件时结束缩放。
本实施例中,通过用户手指在目标图片上滑动,根据滑动前后的触摸点的位置信息,对目标图片进行相应的缩放,从而使得用户只用单指便可实现图片缩放,提高了图片缩放的便捷性。
在一个实施例中,起始位置信息包括起始坐标数据,目标位置信息包括目标坐标数据,坐标数据包括横坐标数据和纵坐标数据中的至少一种。根据起始位置信息、目标位置信息以及目标图片的起始缩放值,对目标图片进行缩放的步骤,具体可以包括以下步骤:基于起始坐标数据与目标坐标数据的比较结果,确定目标图片的缩放值变化量;根据缩放值变化量以及目标图片的起始缩放值,确定目标图片的目标缩放值;根据目标缩放值对目标图片进行缩放。
其中,坐标数据可以是以终端显示屏的左上角为坐标原点、以坐标原点往右方向为正向横坐标、以坐标原点往下方向为正向纵坐标,得到的坐标数据。坐标数据可以只包括横坐标数据,也可以只包括纵坐标数据,还可以同时包括横坐标数据和纵坐标数据。
以坐标数据为纵坐标为例,起始坐标数据与目标坐标数据的比较结果即起始纵坐标和目标纵坐标的比较结果,该比较结果具体可以是目标纵坐标减去起始纵坐标得到的变化值,该变化值有大于零、等于零和小于零三种情况。若变化值大于零,即目标纵坐标大于起始纵坐标,说明用户手指向下滑动,则确定目标图片的缩放值变化量为-K(自减K),即将目标图片缩小K。若变化值小于零,即目标纵坐标小于起始纵坐标,说明用户手指向上滑动,则确定目标图片的缩放值变化量为+K(自加K),即将目标图片放大K。其中K可以根据实际需求进行设定,比如可以设为5%。确定好目标图片的缩放值变化量之后,目标图片的目标缩放值可以是起始缩放值与缩放值变化量相加得到的值。举例来说,目标图片的起始缩放值为100%,若缩放值变化量为-5%、则目标缩放值为95%,若缩放值变化量为+5%、则目标缩放值为105%。
在其他实施例中,还可以基于起始横坐标和目标横坐标的比较结果来确定目标图片的缩放值变化量,还可以同时基于起始横坐标和目标横坐标的比较结果以及起始纵坐标和目标纵坐标的比较结果来确定目标图片的缩放值变化量,方法与上述实施例相似,在此不再赘述。
本实施例中,基于起始坐标数据和目标坐标数据的比较结果,来确定对目标图片进行放大还是缩小以及缩放值的变化量,从而可以通过符合用户习惯的操作灵活调节目标图片的缩放程度,提高用户体验。
在一个实施例中,根据目标缩放值对目标图片进行缩放的步骤具体包括:当目标缩放值在预设缩放值范围内时,根据目标缩放值对目标图片进行缩放。
其中,预设缩放值范围可以是预设最大阈值和预设最小阈值之间的范围,可以结合实际需求进行设定。例如,目标图片在缩放前的默认缩放值为100%,预设最大阈值可以设为130%,预设最小阈值可以设为70%,此时预设缩放值范围为70%-130%,若确定的目标缩放值在70%-130%范围内,例如80%或120%,则将目标图片缩小至80%或放大至120%;若确定的目标缩放值不在70%-130%范围内,例如65%或135%,则不对目标图片进行继续缩小或放大。
本实施例中,通过预设缩放值范围,可以避免目标图片被缩小或放大的过于离谱,从而提高图片浏览质量和用户体验。
在一个实施例中,当监测到对预览界面中的目标图片的第一单指操作时,还包括:将目标图片的状态标记为预点击状态,并启动预设时长的倒计时,在倒计时结束时,关闭预点击状态。
其中,预点击状态表示可缩放状态,即目标图片处于预点击状态时,对其进行第二单指操作可以实现图片缩放。预设时长表示目标图片维持可缩放状态的时间,可以结合实际情况进行设定,例如可以设为300ms。当预设时长的倒计时结束时,自动关闭预点击状态。从而,在预设时长的倒计时结束前,对目标图片进行第二单指操作可以实现图片缩放,在预设时长的倒计时结束后,对目标图片进行第二单指操作不再实现图片缩放,而是实现图片移动,这样比较符合用户常规操作的预期。
在一个实施例中,当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,还包括:将预设时长的倒计时清零,关闭预点击状态。
例如,起始时间为9:00:00:000,预设时长为300ms,在9:00:00:000时启动300ms的倒计时,当过了100ms,即在9:00:00:100时监测到对预览界面中的目标图片的第二单指操作,此时300ms的倒计时还未结束,将该倒计时清零,并关闭预点击状态。用户对图片进行缩放后,通常会想要移动图片至感兴趣的位置,如图7所示,提供了一个实施例中对缩放后的目标图片进行移动的示意图,图中显示的手指具体可以是用户握着终端的手的大拇指,,图中显示了对放大后的目标图片进行移动的效果。
本实施例中,在监测到第二单指操作后,将预设时长的倒计时清零并关闭预点击状态,从而当在预设时长内再次监测到第二单指操作时,可以避免继续对图片进行缩放,而是实现图片移动,比较符合用户常规操作的预期。
在一个实施例中,当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第一单指操作时,重新启动预设时长的倒计时。
例如,起始时间为9:00:00:000,预设时长为300ms,在9:00:00:000时启动300ms的倒计时,当过了100ms,即在9:00:00:100时监测到对预览界面中的目标图片的第一单指操作,此时300ms的倒计时还未结束,重新启动300ms的倒计时,即从9:00:00:100时起重新启动300ms的倒计时,从而可以减小用户误操作带来的影响。
在一个实施例中,当从起始时间起超出预设时长后,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作对目标图片进行移动。
具体地,在移动图片时,终端动态获取当前触摸点的位置信息,结合起始位置信息计算位移量,并结合临时位置信息和历史位置信息计算出最终位置信息,然后动态修改图片的位置信息为最终位置信息,实现图片移动。如图8所示,提供了一个实施例中对目标图片进行移动的示意图,图中显示的手指具体可以是用户握着终端的手的大拇指。
本实施例中,通过判断监测到第二单指操作的时间与起始时间(即监测到第一单指操作的时间)是否在预设时长内,来确定对图片进行缩放还是移动,使得用户通过手指在目标图片上的滑动操作,既可以实现图片移动还可以实现图片缩放,操作简单,方便用户记忆。
在一个实施例中,当监测到对预览界面中除目标图片以外的其它区域的第三单指操作时,隐藏预览界面。
其中,第一单指操作表示用户通过单根手指即可完成的操作,具体可以是点击操作,当用户点击预览界面中除目标图片以外的其它区域时,隐藏预览界面。在隐藏预览界面时,不会销毁相应的DOM结构和样式表,便于下一次预览图片复用。在隐藏预览界面时,还可以重置各种缓存记录,如临时位置信息、历史位置信息、预点击状态等,以避免干扰下一次操作。
在一个实施例中,如图9所示,提供了一种图片处理方法,以该方法应用于图1中的终端102为例进行说明,包括以下步骤S901至步骤S911。
S901,响应于对目标图片的触发指令,生成目标图片相应的预览界面。
S902,判断是否监测到对预览界面中的目标图片的第一单指操作,若是,进入步骤S903,若否,进入步骤S908。
S903,获取第一时间,第一时间为监测到对预览界面中的目标图片的第一单指操作的时间。
S904,判断是否监测到对预览界面中的目标图片的第二单指操作,若是,进入步骤S905,若否,进入步骤S910。
S905,获取第二时间,并计算第二时间与第一时间的时间差,第二时间为监测到对预览界面中的目标图片的第二单指操作的时间。
S906,判断第二时间与第一时间的时间差是否小于或等于预设时长,若是,进入步骤S907,若否,进入步骤S909。
S907,根据第二单指操作对目标图片进行缩放。
S908,判断是否监测到对预览界面中的目标图片的第二单指操作,若是,进入步骤S909,若否,进入步骤S910。
S909,根据第二单指操作对目标图片进行移动。
S910,判断是否监测到对预览界面中除目标图片以外的其它区域的第三单指操作,若是,进入步骤S911,若否,结束流程。
S911,隐藏预览界面。
关于步骤S901~S911的具体描述可以参照前文实施例,在此不再赘述。本实施例中,用户仅需单手操作移动设备即可便捷地完成图片的缩放和移动来进行全视角预览,提升了用户的信息浏览质量和效率,帮助用户在只能单手使用移动设备的场景下便捷地查看图片信息。
应该理解的是,虽然图2、5、9的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2、5、9中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图10所示,提供了一种图片处理装置,该装置可以采用软件模块或硬件模块,或者是二者的结合成为计算机设备的一部分,该图片处理装置1000具体包括:生成模块1010、获取模块1020和处理模块1030,其中:
生成模块1010,用于响应于对目标图片的触发指令,生成目标图片相应的预览界面。
获取模块1020,用于当监测到对预览界面中的目标图片的第一单指操作时,获取当前时间作为起始时间。
处理模块1030,用于当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作,对目标图片进行缩放。
在一个实施例中,第二单指操作包括触摸操作和移动操作;处理模块1030包括:第一位置信息获取单元、第二位置信息获取单元和缩放单元,其中:
第一位置信息获取单元,用于当监测到触摸操作时,将触摸操作对应的触摸点作为起始触摸点,获取起始触摸点的位置信息,作为起始位置信息。
第二位置信息获取单元,用于当监测到从起始触摸点开始的移动操作时,将移动操作触发各移动事件时对应的触摸点作为目标位置,获取各目标位置的位置信息,作为目标位置信息。
缩放单元,用于根据起始位置信息以及目标位置信息,对目标图片进行缩放。
在一个实施例中,处理模块1030还包括更新单元;第二位置信息获取单元用于当监听到从起始触摸点开始的移动事件时,将当前触摸点作为目标位置,获取目标位置的位置信息,作为目标位置信息;缩放单元用于根据起始位置信息、目标位置信息以及目标图片的起始缩放值,对目标图片进行缩放;更新单元用于在对目标图片进行缩放之后,将目标位置作为新的起始触摸点,将目标位置信息作为新的起始位置信息,将缩放后的缩放值作为新的起始缩放值。
在一个实施例中,起始位置信息包括起始坐标数据,目标位置信息包括目标坐标数据,坐标数据包括横坐标数据和纵坐标数据中的至少一种;缩放单元包括:缩放值变化量确定子单元、目标缩放值确定子单元和缩放子单元,其中:缩放值变化量确定子单元用于基于起始坐标数据与目标坐标数据的比较结果,确定目标图片的缩放值变化量;目标缩放值确定子单元用于根据缩放值变化量以及目标图片的起始缩放值,确定目标图片的目标缩放值;缩放子单元用于根据目标缩放值对目标图片进行缩放。
在一个实施例中,缩放子单元在根据目标缩放值对目标图片进行缩放时,具体用于当目标缩放值在预设缩放值范围内时,根据目标缩放值对目标图片进行缩放。
在一个实施例中,获取模块1020还包括处理单元,用于当监测到对所述预览界面中的所述目标图片的第一单指操作时,将目标图片的状态标记为预点击状态,并启动预设时长的倒计时,在倒计时结束时,关闭预点击状态;处理模块1030还包括:清零单元和重启单元,其中,清零单元用于当从起始时间起的预设时长内,监测到对预览界面中的目标图片的第二单指操作时,将预设时长的倒计时清零,关闭预点击状态;重启单元用于当从起始时间起的预设时长内,监测到对预览界面中的目标图片的所述第一单指操作时,重新启动预设时长的倒计时。
在一个实施例中,处理模块1030还包括移动单元,用于当从起始时间起超出预设时长后,监测到对预览界面中的目标图片的第二单指操作时,根据第二单指操作对目标图片进行移动。
在一个实施例中,处理模块1030还包括隐藏单元,用于当监测到对预览界面中除目标图片以外的其它区域的第三单指操作时,隐藏预览界面。
关于图片处理装置的具体限定可以参见上文中对于图片处理方法的限定,在此不再赘述。上述图片处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种图片处理方法。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图12所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种图片处理方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图11或图12中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,还提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,存储有计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
需要理解的是,上述实施例中的术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory,ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种图片处理方法,所述方法包括:
响应于对目标图片的触发指令,生成所述目标图片相应的预览界面;
当监测到对所述预览界面中的所述目标图片的第一单指操作时,获取当前时间作为起始时间;
当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行缩放。
2.根据权利要求1所述的方法,其特征在于,所述第二单指操作包括触摸操作和移动操作;根据所述第二单指操作对所述目标图片进行缩放,包括:
当监测到触摸操作时,将所述触摸操作对应的触摸点作为起始触摸点,获取所述起始触摸点的位置信息,作为起始位置信息;
当监测到从所述起始触摸点开始的移动操作时,将所述移动操作触发各移动事件时对应的触摸点作为目标位置,获取各所述目标位置的位置信息,作为目标位置信息;
根据所述起始位置信息以及所述目标位置信息,对所述目标图片进行缩放。
3.根据权利要求2所述的方法,其特征在于,当监测到从所述起始触摸点开始的移动操作时,将所述移动操作触发各移动事件时对应的触摸点作为目标位置,获取各所述目标位置的位置信息,作为目标位置信息,包括:
当监听到从所述起始触摸点开始的移动事件时,将当前触摸点作为目标位置,获取所述目标位置的位置信息,作为目标位置信息;
根据所述起始位置信息以及所述目标位置信息,对所述目标图片进行缩放,包括:
根据所述起始位置信息、所述目标位置信息以及所述目标图片的起始缩放值,对所述目标图片进行缩放;
在对所述目标图片进行缩放之后,将所述目标位置作为新的起始触摸点,将所述目标位置信息作为新的起始位置信息,将缩放后的缩放值作为新的起始缩放值。
4.根据权利要求3所述的方法,其特征在于,所述起始位置信息包括起始坐标数据,所述目标位置信息包括目标坐标数据,所述坐标数据包括横坐标数据和纵坐标数据中的至少一种;
根据所述起始位置信息、所述目标位置信息以及所述目标图片的起始缩放值,对所述目标图片进行缩放,包括:
基于所述起始坐标数据与所述目标坐标数据的比较结果,确定所述目标图片的缩放值变化量;
根据所述缩放值变化量以及所述目标图片的起始缩放值,确定所述目标图片的目标缩放值;
根据所述目标缩放值对所述目标图片进行缩放。
5.根据权利要求4所述的方法,其特征在于,根据所述目标缩放值对所述目标图片进行缩放,包括:
当所述目标缩放值在预设缩放值范围内时,根据所述目标缩放值对所述目标图片进行缩放。
6.根据权利要求1所述的方法,其特征在于,当监测到对所述预览界面中的所述目标图片的第一单指操作时,还包括:将所述目标图片的状态标记为预点击状态,并启动所述预设时长的倒计时,在所述倒计时结束时,关闭所述预点击状态;
当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,还包括:将所述预设时长的倒计时清零,关闭所述预点击状态;
当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的所述第一单指操作时,重新启动所述预设时长的倒计时。
7.根据权利要求1至6任意一项所述的方法,其特征在于,还包括下述两项中的至少一项:
当从所述起始时间起超出所述预设时长后,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行移动;
当监测到对所述预览界面中除所述目标图片以外的其它区域的第三单指操作时,隐藏所述预览界面。
8.一种图片处理装置,其特征在于,所述装置包括:
生成模块,用于响应于对目标图片的触发指令,生成所述目标图片相应的预览界面;
获取模块,用于当监测到对所述预览界面中的所述目标图片的第一单指操作时,获取当前时间作为起始时间;
处理模块,用于当从所述起始时间起的预设时长内,监测到对所述预览界面中的所述目标图片的第二单指操作时,根据所述第二单指操作对所述目标图片进行缩放。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
CN202010127719.7A 2020-02-28 2020-02-28 图片处理方法、装置、计算机设备和存储介质 Pending CN111367449A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010127719.7A CN111367449A (zh) 2020-02-28 2020-02-28 图片处理方法、装置、计算机设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010127719.7A CN111367449A (zh) 2020-02-28 2020-02-28 图片处理方法、装置、计算机设备和存储介质

Publications (1)

Publication Number Publication Date
CN111367449A true CN111367449A (zh) 2020-07-03

Family

ID=71211611

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010127719.7A Pending CN111367449A (zh) 2020-02-28 2020-02-28 图片处理方法、装置、计算机设备和存储介质

Country Status (1)

Country Link
CN (1) CN111367449A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112565464A (zh) * 2021-01-22 2021-03-26 杭州米络星科技(集团)有限公司 一种文件自定义位序上传的方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101901107A (zh) * 2009-05-28 2010-12-01 三星电子株式会社 能够基于触摸缩放的移动设备及其控制方法
CN102479041A (zh) * 2010-11-25 2012-05-30 英业达股份有限公司 小型触控屏幕单手缩放画面的操作方法
CN103984492A (zh) * 2013-02-07 2014-08-13 高德软件有限公司 一种缩放移动终端显示画面的方法及其装置、移动终端
CN104598121A (zh) * 2014-03-21 2015-05-06 腾讯科技(深圳)有限公司 一种图片缩放方法和装置
CN110134314A (zh) * 2019-03-28 2019-08-16 惠州Tcl移动通信有限公司 一种显示内容的缩放方法、移动终端以及存储介质
CN110618776A (zh) * 2018-12-25 2019-12-27 北京时光荏苒科技有限公司 一种图片缩放方法、装置、设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101901107A (zh) * 2009-05-28 2010-12-01 三星电子株式会社 能够基于触摸缩放的移动设备及其控制方法
CN102479041A (zh) * 2010-11-25 2012-05-30 英业达股份有限公司 小型触控屏幕单手缩放画面的操作方法
CN103984492A (zh) * 2013-02-07 2014-08-13 高德软件有限公司 一种缩放移动终端显示画面的方法及其装置、移动终端
CN104598121A (zh) * 2014-03-21 2015-05-06 腾讯科技(深圳)有限公司 一种图片缩放方法和装置
CN110618776A (zh) * 2018-12-25 2019-12-27 北京时光荏苒科技有限公司 一种图片缩放方法、装置、设备及存储介质
CN110134314A (zh) * 2019-03-28 2019-08-16 惠州Tcl移动通信有限公司 一种显示内容的缩放方法、移动终端以及存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112565464A (zh) * 2021-01-22 2021-03-26 杭州米络星科技(集团)有限公司 一种文件自定义位序上传的方法

Similar Documents

Publication Publication Date Title
US10992622B2 (en) Method, terminal equipment and storage medium of sharing user information
TW200828089A (en) Method for zooming image
CN106873844B (zh) 图片查看方法及装置
CN113282262B (zh) 投屏显示画面的控制方法、装置、移动终端及存储介质
CN111596911A (zh) 生成控件的方法、装置、计算机设备和存储介质
CN112506597B (zh) 软件界面配色方法、装置、计算机设备和存储介质
CN104216973A (zh) 一种数据搜索的方法及装置
CN112099706A (zh) 页面展示方法、装置、电子设备及计算机可读存储介质
CN114116098B (zh) 应用图标管理方法、装置、电子设备及存储介质
CN107390986A (zh) 一种移动终端裁图控制方法、存储设备及移动终端
CN110321042B (zh) 界面信息展示方法、装置及电子设备
CN111367449A (zh) 图片处理方法、装置、计算机设备和存储介质
CN114173175A (zh) 媒体资源的播放方法、装置、设备及存储介质
CN103823610B (zh) 一种电子设备及其信息处理方法
CN105843504B (zh) 一种窗口调整方法及电子设备
CN114998102A (zh) 图像处理方法、装置及电子设备
CN114095611A (zh) 来电显示界面的处理方法、装置和电子设备
CN113794943A (zh) 视频封面设置方法、装置、电子设备及存储介质
WO2020253058A1 (zh) 图片悬浮显示方法、装置、终端和存储介质
CN111880707A (zh) 长截图方法、系统、装置、计算机和存储介质
CN112764621B (zh) 截图方法、装置及电子设备
WO2022252872A1 (zh) 设备控制方法、装置、电子设备及存储介质
CN114189646B (zh) 终端控制方法、装置、电子设备和存储介质
CN112182455B (zh) 页面展示方法、装置、电子设备和存储介质
JP2017084278A (ja) 携帯端末、制御方法およびプログラム

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20200703