CN113467681A - 图片的翻转和显示方法、装置、电子设备及可读介质 - Google Patents
图片的翻转和显示方法、装置、电子设备及可读介质 Download PDFInfo
- Publication number
- CN113467681A CN113467681A CN202110733902.6A CN202110733902A CN113467681A CN 113467681 A CN113467681 A CN 113467681A CN 202110733902 A CN202110733902 A CN 202110733902A CN 113467681 A CN113467681 A CN 113467681A
- Authority
- CN
- China
- Prior art keywords
- target
- image
- value
- intermediate state
- surface image
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 67
- 238000010586 diagram Methods 0.000 claims abstract description 175
- 238000004590 computer program Methods 0.000 claims description 3
- 238000004458 analytical method Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000001351 cycling effect Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000003252 repetitive effect Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04845—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0485—Scrolling or panning
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)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供一种图片的翻转和显示方法、装置、电子设备及可读介质,该方法包括:显示目标图像的第一面图像,目标图像还包括第二面图像;接收对第一面图像中第一目标位置的第一点击操作和以第一目标位置为起始位置的滑动操作,第一点击操作的结束时间为滑动操作起始时间;根据第一目标位置和滑动操作确定目标翻转方向;根据目标翻转方向对第一面图像和第二面图像进行畸变处理,获得多个第一中间状态图;依次显示多个第一中间状态图,并在显示完成后显示第二面图像,完成目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。本公开实施例提供的技术方案能够通过图像的翻转快捷地展示图片文件在不同维度的信息。
Description
技术领域
本公开涉及图像处理技术领域,尤其涉及一种图片的翻转和显示方法、装置、电子设备及计算机可读介质。
背景技术
在电脑、移动端、或其他载体的电子设备中,当对图片文件进行查看时,仅包含放大缩小等浏览方式。然而,图片文件除像素信息外,还包括拍摄时间、地点等维度信息。上述浏览方式仅支持对像素信息的浏览,无法全面展示图片的相关信息,导致用户在查看图片文件时无法快速查看图片文件在不同维度的信息。
因此,需要一种新的图片的翻转和显示方法、装置、电子设备及计算机可读介质。
在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解。
发明内容
有鉴于此,本公开实施例提供一种图片的翻转和显示方法、装置、电子设备及计算机可读介质,能够便捷且快速地展示图片文件在不同维度的信息。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开实施例的第一方面,提出一种图片的翻转和显示方法,该方法包括:显示目标图像的第一面图像,所述目标图像还包括第二面图像;接收对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作,所述第一点击操作的持续时间大于或等于第一点击时间阈值,所述第一点击操作的结束时间为所述滑动操作起始时间;根据所述第一目标位置和所述滑动操作确定目标翻转方向;根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,完成所述目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
在本公开的一种示例性实施例中,根据所述第一目标位置和所述滑动操作确定目标翻转方向包括:确定所述第一面图像的中心点横坐标值和中心点纵坐标值,所述第一面图像的左下顶点为坐标原点;将所述第一目标位置的横坐标值和所述中心点横坐标值的差值作为横坐标差值;将所述第一目标位置的纵坐标值和所述中心点纵坐标值的差值作为纵坐标差值;确定所述滑动操作的滑动距离和滑动方向,所述滑动方向包括沿坐标纵轴负方向的第一方向、沿坐标纵轴正方向的第二方向,沿坐标横轴正方向的第三方向以及沿坐标横轴负方向的第四方向;若所述滑动距离大于或等于滑动距离阈值时,则根据所述横坐标差值、所述纵坐标差值和所述滑动方向确定目标翻转方向。
在本公开的一种示例性实施例中,根据所述横坐标差值、所述纵坐标差值和所述滑动方向确定目标翻转方向包括:若所述滑动方向为第一方向、所述纵坐标差值为正且所述纵坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿所述第一面图像的中心横轴顺时针方向的第一翻转方向;若所述滑动方向为第二方向、所述纵坐标差值为负且所述纵坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿所述第一面图像的中心横轴逆时针方向的第二翻转方向;若所述滑动方向为第三方向、所述横坐标差值为负且所述横坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿第一面图像的中心纵轴顺时针方向的第三翻转方向;若所述滑动方向为第四方向、所述横坐标差值为正且所述横坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿第一面图像的中心横轴逆时针方向的第四翻转方向。
在本公开的一种示例性实施例中,根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图包括:若所述目标翻转方向为第一翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心横轴顺时针方向旋转的第一中间状态图以及沿所述第二面图像的中心横轴顺时针方向旋转的第一中间状态图;若所述目标翻转方向为第二翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心横轴逆时针方向旋转的第一中间状态图以及沿所述第二面图像的中心横轴逆时针方向旋转的第一中间状态图;若所述目标翻转方向为第三翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心纵轴顺时针方向旋转的多个第一中间状态图以及沿所述第二面图像的中心纵轴顺时针方向旋转的第一中间状态图;若所述目标翻转方向为第四翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心纵轴逆时针方向旋转的第一中间状态图以及沿所述第二面图像的中心纵轴逆时针方向旋转的第一中间状态图。
在本公开的一种示例性实施例中,所述方法还包括:接收对所述第一面图像中第二目标位置的第二点击操作,所述第二点击操作的持续时间大于或等于第二点击时间阈值;确定所述第一面图像的中心点横坐标值和中心点纵坐标值;若所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的横坐标值和所述中心点横坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心横轴顺时针旋转的多个第二中间状态图;若所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的横坐标值和所述中心点横坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心横轴逆时针旋转的多个第二中间状态图;若所述第二目标位置的横坐标值和所述中心点横坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心竖轴顺时针旋转的多个第二中间状态图;若所述第二目标位置的横坐标值和所述中心点横坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心竖轴逆时针旋转的多个第二中间状态图;在所述第二点击操作的持续时间段内循环展示所述多个第二中间状态图,各第二中间状态图的显示时间长度为第二时间长度,所述第二时间长度小于所述第一时间长度。
在本公开的一种示例性实施例中,所述方法还包括:将所述第二点击操作的结束时间点显示的第二中间状态图确定为目标第二中间状态图;若所述目标第二中间状态图的旋转角度大于预设角度阈值,则将所述目标第二中间状态图在畸变处理前对应的图像确定为定格图像,其中,所述目标第二中间状态图在畸变处理前对应的图像包括第一面图像或第二面图像;在所述第二点击操作的结束时间点后显示所述定格图像。
在本公开的一种示例性实施例中,所述方法还包括:接收对所述第二面图像中第三目标位置的第三点击操作,所述第三点击操作的持续时间大于或等于第三点击时间阈值;若所述第三目标位置的横坐标值和所述第二面图像的中心点横坐标值的差值的绝对值小于第三位置阈值,且所述第三目标位置的纵坐标值和所述第二面图像的中心点纵坐标值的差值的绝对值小于第三位置阈值时,则显示包括所述第二面图像的图像编辑界面。
根据本公开实施例的第二方面,提出一种图片的翻转和显示装置,该装置包括:第一显示模块,配置为显示目标图像的第一面图像,所述目标图像还包括第二面图像;操作接收模块,配置为接收对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作,所述第一点击操作的持续时间大于或等于第一点击时间阈值,所述第一点击操作的结束时间为所述滑动操作起始时间;方向确定模块,配置为根据所述第一目标位置和所述滑动操作确定目标翻转方向;中间图生成模块,配置为根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;第二显示模块,配置为依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,完成所述目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
根据本公开实施例的第三方面,提出一种电子设备,该电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任一项所述的图片的翻转和显示方法。
根据本公开实施例的第四方面,提出一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现如上述任一项所述的图片的翻转和显示方法。
根据本公开某些实施例提供的图片的翻转和显示方法、装置、电子设备及计算机可读介质,在接收到对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作后,根据所述第一目标位置和所述滑动操作确定目标翻转方向;根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,能够完成所述目标图片的翻转,进而在翻转后通过第二面图像的显示实现对目标图像的更多维度的信息的展示,以便捷且快速地展示图片文件在不同维度的信息。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。下面描述的附图仅仅是本公开的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种图片的翻转和显示方法及装置的***框图。
图2是根据一示例性实施例示出的一种图片的翻转和显示方法的流程图。
图3是根据另一示例性实施例示出的一种图片的翻转和显示方法的流程图。
图4是根据一示例性实施例示出的第一面图像的示意图。
图5是根据一示例性实施例示出的滑动操作的示意图。
图6是根据一示例性实施例示出的多个第一中间状态图的示意图。
图7是根据一示例性实施例示出的多个第一中间状态图的示意图。
图8是根据一示例性实施例示出的多个第一中间状态图的示意图。
图9是根据一示例性实施例示出的多个第一中间状态图的示意图。
图10是根据又一示例性实施例示出的一种图片的翻转和显示方法的流程图。
图11是根据一示例性实施例示出的图片的翻转和显示方法的示意图。
图12是根据一示例性实施例示出的图片的翻转和显示方法的示意图。
图13是根据再一示例性实施例示出的一种图片的翻转和显示方法的流程图。
图14是根据一示例性实施例示出的图片的翻转和显示方法的示意图。
图15是根据一示例性实施例示出的一种图片的翻转和显示装置的框图。
图16示意性示出本公开一个示例性实施例中一种电子设备的方框图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本发明将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本发明的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本发明的技术方案而省略特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本发明的各方面。
附图仅为本发明的示意性图解,图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和步骤,也不是必须按所描述的顺序执行。例如,有的步骤还可以分解,而有的步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
下面结合附图对本发明示例实施方式进行详细说明。
图1是根据一示例性实施例示出的一种图片的翻转和显示方法及装置的***框图。
在图片的翻转和显示方法及装置的***100中,服务器105可以是提供各种服务的服务器,例如通过网络104对用户利用终端设备101、102、103所进行操作的图片的翻转和显示***提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的图片的翻转和显示请求等数据进行分析等处理,并将处理结果(例如多个第一中间状态图--仅为示例)反馈给终端设备。
服务器105可以是一个实体的服务器,还可例如为多个服务器组成,服务器105中的一部分可例如作为本公开中的图片的翻转和显示任务提交***,用于获取将要执行图片的翻转和显示命令的任务;以及服务器105中的一部分还可例如作为本公开中的图片的翻转和显示***,用于显示目标图像的第一面图像,所述目标图像还包括第二面图像;接收对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作,所述第一点击操作的持续时间大于或等于第一点击时间阈值,所述第一点击操作的结束时间为所述滑动操作起始时间;根据所述第一目标位置和所述滑动操作确定目标翻转方向;根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,完成所述目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
图2是根据一示例性实施例示出的一种图片的翻转和显示方法的流程图。本公开实施例提供的图片的翻转和显示方法可以由任意具备计算处理能力的电子设备执行,例如终端设备101、102、103和/或服务器105,在下面的实施例中,以服务器执行所述方法为例进行举例说明,但本公开并不限定于此。本公开实施例提供的图片的翻转和显示方法可以包括步骤S202至S210。
如图2所示,在步骤S202中,显示目标图像的第一面图像,目标图像还包括第二面图像。
本公开实施例中,第一面图像可例如包括目标图像的像素信息,例如目标图像为照片,则显示的第一面图像为该照片的内容。第二面图像用于显示该目标图像在其他维度的信息。其他维度可例如包括拍摄时间、拍摄地点、拍摄对象等,又例如,第二面图像可预设置为空白内容(即白色像素)图像。在另一实施例中,第二面图像可例如包括目标图像的像素信息,第一面图像可例如包括目标图像其他维度的信息。其中,拍摄时间、拍摄地点、拍摄对象等信息可例如由图13实施例中对第二面图像的编辑操作在第二面图像生成,还可例如根据目标图像的拍摄时间信息和拍摄地点信息生成预定格式的信息以展示在第二面图像上,又例如对目标图像中的第一面图像进行对象检测,并基于已有对象库对检测获得的对象进行对象识别,获得拍摄对象的对象信息并展示在第二面图像上。
第一面图像和第二面图像的尺寸可一致。
第一面图像的示意图可如图4所示,在图4中,标为正面的图像可例如为第一面图像,标为反面的图像可例如为第二面图像(图4中未示出)。
在步骤S204中,接收对第一面图像中第一目标位置的第一点击操作和以第一目标位置为起始位置的滑动操作,第一点击操作的持续时间大于或等于第一点击时间阈值,第一点击操作的结束时间为滑动操作起始时间。
本公开实施例中,第一点击时间阈值可例如但不限于为3秒。第一点击操作的结束时间为滑动操作起始时间是指,第一点击操作和滑动操作为连续性操作,即当用户通过手指按压终端设备的屏幕3秒以上以完成第一点击操作后,手指并不离开屏幕并即刻完成滑动操作。
在示例性实施例中,可在接收到对第一面图像中第一目标位置的第一点击操作后,播放该第一面图像的抖动动画效果,该抖动动画效果用于提示用户执行滑动操作;并接收用户响应抖动动画效果执行的滑动操作。其中,若在播放抖动动画效果后,未接收到滑动操作,且未检测到对显示屏幕面板的按压操作时,结束本流程,并返回本步骤S202,以便接收未来时间段内发出的第一点击操作。
在步骤S206中,根据第一目标位置和滑动操作确定目标翻转方向。
本公开实施例中,滑动操作可包括滑动距离和滑动方向,可在滑动距离大于滑动距离阈值时,根据滑动方向和第一目标位置确定目标翻转方向。其中,可确定第一面图像在滑动方向上的目标图像尺寸;根据目标图像尺寸和预设权重的乘积确定滑动距离阈值。第一面图像在滑动方向的目标图像尺寸可由如下方式获得:若滑动操作的滑动轨迹与水平方向的夹角小于夹角阈值,则确认第一面图像在水平方向的尺寸(即通常意义上图像的宽度)为第一面图像在滑动方向的目标图像尺寸;若滑动操作的滑动轨迹与竖直方向的夹角小于夹角阈值,则确认第一面图像在竖直方向的尺寸(即通常意义上图像的高度)为第一面图像在滑动方向的目标图像尺寸。
在步骤S208中,根据目标翻转方向对第一面图像和第二面图像进行畸变处理,获得多个第一中间状态图。
本公开实施例中,可将翻转过程划分多个第一中间状态,每个第一中间状态对应一第一中间状态图,例如翻转过程中第一图图像和第二面图像均按照旋转轴旋转180°,假设第一中间状态为n个,n=8,则每个第一中间状态的旋转角度可依次为:0°、30°、60°、90°、120°、150°和180°(180°÷(8-2)=30°),其中,第一中间状态的旋转角度是第一中间状态图与第一面图像所在平面的角度;根据不同的目标翻转方向确定第一面图像和第二面图像在每个旋转角度下的畸变方式,以根据不同的畸变方式获得与不同的目标翻转方向对应的多个第一中间状态图。但应该理解,每个第一中间状态的旋转角度还可例如为预先设定为其他角度值,本公开的技术方案对其并不作特殊限定。
在步骤S210中,依次显示多个第一中间状态图,并在显示完成后显示第二面图像,完成目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
本公开实施例中,该多个第一中间状态图可按照其对应的旋转角度排序。并按照该排序的顺序依次显示多个第一中间状态图。
根据本公开实施例提供的图片的翻转和显示方法,在接收到对第一面图像中第一目标位置的第一点击操作和以第一目标位置为起始位置的滑动操作后,根据第一目标位置和滑动操作确定目标翻转方向;根据目标翻转方向对第一面图像和第二面图像进行畸变处理,获得多个第一中间状态图;依次显示多个第一中间状态图,并在显示完成后显示第二面图像,能够完成目标图片的翻转,进而在翻转后通过第二面图像的显示实现对目标图像的更多维度的信息的展示,以便捷且快速地展示图片文件在不同维度的信息。
图3是根据另一示例性实施例示出的一种图片的翻转和显示方法的流程图。如图3所示,图2实施例的步骤S206可以包括步骤S302至S310。
如图3所示,在步骤S302中,确定第一面图像的中心点横坐标值和中心点纵坐标值,第一面图像的左下顶点为坐标原点。
在步骤S304中,将第一目标位置的横坐标值和中心点横坐标值的差值作为横坐标差值。
本公开实施例中,将第一目标位置的横坐标值减去中心点横坐标值的结果作为横坐标差值。
在步骤S306中,将第一目标位置的纵坐标值和中心点纵坐标值的差值作为纵坐标差值。
在步骤S308中,确定滑动操作的滑动距离和滑动方向,滑动方向包括沿坐标纵轴负方向的第一方向、沿坐标纵轴正方向的第二方向,沿坐标横轴正方向的第三方向以及沿坐标横轴负方向的第四方向。
其中,滑动方向的示意图可例如图5所示,其中,沿坐标纵轴负方向的第一方向可例如图5(a)中箭头方向所示。沿坐标纵轴正方向的第二方向可例如图5(b)中箭头方向所示。沿坐标横轴正方向的第三方向可例如图5(c)中箭头方向所示。沿坐标横轴负方向的第四方向可例如图5(d)中箭头方向所示。
在步骤S310中,若滑动距离大于或等于滑动距离阈值时,则根据横坐标差值、纵坐标差值和滑动方向确定目标翻转方向。
本公开实施例中,滑动距离阈值可根据滑动轨迹与坐标横轴或坐标纵轴的夹角、第一面图像的图像尺寸确定,前述已给出具体实施方式,此处不再赘述。
在示例性实施例中,若滑动方向为第一方向、纵坐标差值为正且纵坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿第一面图像的中心横轴顺时针方向的第一翻转方向。
若滑动方向为第二方向、纵坐标差值为负且纵坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿第一面图像的中心横轴逆时针方向的第二翻转方向。
若滑动方向为第三方向、横坐标差值为负且横坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿第一面图像的中心纵轴顺时针方向的第三翻转方向。
若滑动方向为第四方向、横坐标差值为正且横坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿第一面图像的中心横轴逆时针方向的第四翻转方向。
在示例性实施例中,在图2实施例的步骤S208中,可根据如下步骤S2081至S2084获得多个第一中间状态图。
在步骤S2081中,若目标翻转方向为第一翻转方向,则对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心横轴顺时针方向旋转的第一中间状态图以及沿第二面图像的中心横轴顺时针方向旋转的第一中间状态图。
其中,第一面图像和第二面图像的中心横轴可位于相同位置。若目标翻转方向为第一翻转方向,多个第一中间状态图可如图6(a)、(b)、(c)、(d)、(e)、(f)、(g)、(h)所示。图6中标为正面的图像可例如为第一面图像,标为反面的图像可例如为第二面图像。其中,该多个第一中间状态图可按照上述顺序排序,并在步骤S210中按照该排序顺序依次显示。图6中多个第一中间状态图的旋转角度可例如依次为0°、30°、60°、85°、95°、120°、150°和180°。以图6(b)旋转角度为30°为例,当旋转角度小于或等于90°,可根据旋转角度30°对第一面图像进行畸变处理,获得图6(b)所示的第一中间状态图。又例如,当旋转角度大于90°(例如95°、120°、150°和180°),则根据旋转角度对第二面图像进行畸变处理,获得图6(e)、(f)、(g)、(h)所示的多个第一中间状态图。
在步骤S2082中,若目标翻转方向为第二翻转方向,则对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心横轴逆时针方向旋转的第一中间状态图以及沿第二面图像的中心横轴逆时针方向旋转的第一中间状态图。
其中,若目标翻转方向为第二翻转方向,多个第一中间状态图可如图7(a)、(b)、(c)、(d)、(e)、(f)、(g)、(h)所示,其中每个第一中间状态图的生成方式可采取与步骤S2081中类似的步骤,此处不再赘述。图7中标为反面的图像可例如为第一面图像,标为正面的图像可例如为第二面图像。
在步骤S2083中,若目标翻转方向为第三翻转方向,则对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心纵轴顺时针方向旋转的多个第一中间状态图以及沿第二面图像的中心纵轴顺时针方向旋转的第一中间状态图。
其中,若目标翻转方向为第三翻转方向,多个第一中间状态图可如图8(a)、(b)、(c)、(d)、(e)、(f)、(g)、(h)所示,其中每个第一中间状态图的生成方式可采取与步骤S2081中类似的步骤,此处不再赘述。图7中标为正面的图像可例如为第一面图像,标为反面的图像可例如为第二面图像。
在步骤S2084中,若目标翻转方向为第四翻转方向,则对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心纵轴逆时针方向旋转的第一中间状态图以及沿第二面图像的中心纵轴逆时针方向旋转的第一中间状态图。
其中,若目标翻转方向为第四翻转方向,多个第一中间状态图可如图9(a)、(b)、(c)、(d)、(e)、(f)、(g)、(h)所示,其中每个第一中间状态图的生成方式可采取与步骤S2081中类似的步骤,此处不再赘述。图9中标为反面的图像可例如为第一面图像,标为正面的图像可例如为第二面图像。
图10是根据又一示例性实施例示出的一种图片的翻转和显示方法的流程图。如图10所示,本公开实施例的图片的翻转和显示方法还可包括如下步骤S1002至S1012。
在步骤S1002中,接收对第一面图像中第二目标位置的第二点击操作,第二点击操作的持续时间大于或等于第二点击时间阈值。
本公开实施例中,第二点击时间阈值可例如为3秒,但本公开对此并不作特殊限定。
在步骤S1004中,若第二目标位置的纵坐标值和中心点纵坐标值的差值的绝对值小于第二位置阈值,且第二目标位置的横坐标值和中心点横坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿第一面图像的中心横轴顺时针旋转的多个第二中间状态图。
本公开实施例中,可对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心横轴顺时针方向旋转的第二中间状态图以及沿第二面图像的中心横轴顺时针方向旋转的第二中间状态图。其中,每个第二中间状态图可对应不同的旋转角度。例如可采取与生成第一中间状态图类似的方式,此处不再赘述。
在步骤S1006中,若第二目标位置的纵坐标值和中心点纵坐标值的差值的绝对值小于第二位置阈值,且第二目标位置的横坐标值和中心点横坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿第一面图像的中心横轴逆时针旋转的多个第二中间状态图。
本公开实施例中,可对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心横轴逆时针方向旋转的第二中间状态图以及沿第二面图像的中心横轴逆时针方向旋转的第二中间状态图。其中,每个第二中间状态图可对应不同的旋转角度。例如可采取与生成第一中间状态图类似的方式,此处不再赘述。
在步骤S1008中,若第二目标位置的横坐标值和中心点横坐标值的差值的绝对值小于第二位置阈值,且第二目标位置的纵坐标值和中心点纵坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿第一面图像的中心竖轴顺时针旋转的多个第二中间状态图。
本公开实施例中,可对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心竖轴顺时针方向旋转的第二中间状态图以及沿第二面图像的中心竖轴顺时针方向旋转的第二中间状态图。其中,每个第二中间状态图可对应不同的旋转角度。例如可采取与生成第一中间状态图类似的方式,此处不再赘述。
在步骤S1010中,若第二目标位置的横坐标值和中心点横坐标值的差值的绝对值小于第二位置阈值,且第二目标位置的纵坐标值和中心点纵坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿第一面图像的中心竖轴逆时针旋转的多个第二中间状态图。
本公开实施例中,可对第一面图像和第二面图像进行畸变处理,生成沿第一面图像的中心竖轴逆时针方向旋转的第二中间状态图以及沿第二面图像的中心竖轴逆时针方向旋转的第二中间状态图。其中,每个第二中间状态图可对应不同的旋转角度。例如可采取与生成第一中间状态图类似的方式,此处不再赘述。
在步骤S1012中,在第二点击操作的持续时间段内循环展示多个第二中间状态图,各第二中间状态图的显示时间长度为第二时间长度,第二时间长度小于第一时间长度。
本公开实施例中,该多个第二中间状态可根据其旋转角度的大小排序。可根据排序顺序依次显示多个第二中间状态图,完成一轮展示;并在第二点击操作的持续时间段内循环多轮展示,以完成多个第二中间状态图的循环展示。在每轮展示中,第二中间状态图的显示时间长度为第二时间长度,该第二时间长度可例如设置为0.1s,第一时间长度可例如设置为0.2s。在该实施例中,通过对第一面图像的第二点击操作,能够实现对第一面图像和第二面图像的快速翻转显示。
其中,在第二点击操作的结束时间点之后可显示第一面图像或第二面图像。或在示例性实施例中,还可按照如下步骤S1014至S1016确定最终显示的图像。
在步骤S1014中,将第二点击操作的结束时间点显示的第二中间状态图确定为目标第二中间状态图。
在步骤S1016中,若目标第二中间状态图的旋转角度大于预设角度阈值,则将目标第二中间状态图在畸变处理前对应的图像确定为定格图像,其中,目标第二中间状态图在畸变处理前对应的图像包括第一面图像或第二面图像。
本公开实施例中,由于第二中间状态图是由第一面图像或第二面图像畸变处理生成的,则可根据目标第二中间状态图的畸变处理的源图(第一面图像或第二面图像)作为目标第二中间状态图在畸变处理前对应的图像。预设角度阈值可例如设置为45°,但本公开对此并不作特殊限定。
在步骤S1018中,在第二点击操作的结束时间点后显示定格图像。
其中,若第二目标位置的纵坐标值和中心点纵坐标值的差值的绝对值小于第二位置阈值,且第二目标位置的横坐标值和中心点横坐标值的差值为正且该差值的绝对值大于第二位置阈值,第二目标位置可例如图11(a)中圆形图案所示,图11(a)中包括“图片”示意的方框图案可例如表示为本公开实施例的第一面图像,也可例如表示为第二面图像,本公开对此并不作特殊限定。快速翻转显示的示意图可如图11(b)所示,定格图像的展示方式可例如图11(c)所示。
若第二目标位置的横坐标值和中心点横坐标值的差值的绝对值小于第二位置阈值,且第二目标位置的纵坐标值和中心点纵坐标值的差值为负且该差值的绝对值大于第二位置阈值时,第二目标位置可例如图12(a)中圆形图案所示,图12(a)中的“图片”示意的方框图案可例如表示为本公开实施例的第一面图像,也可例如表示为第二面图像,本公开对此并不作特殊限定。快速翻转显示的示意图可如图12(b)所示,定格图像的展示方式可例如图12(c)所示。
图13是根据再一示例性实施例示出的一种图片的翻转和显示方法的流程图。如图13所示,本公开实施例的图片的翻转和显示方法还可包括如下步骤S1302至S1304。
在步骤S1302中,接收对第二面图像中第三目标位置的第二点击操作,第二点击操作的持续时间大于或等于第三点击时间阈值。
本公开实施例中,第三点击时间阈值可例如为3秒,但本公开并不以此为限。
在步骤S1304中,若第三目标位置的横坐标值和第二面图像的中心点横坐标值的差值的绝对值小于第三位置阈值,且第三目标位置的纵坐标值和第二面图像的中心点纵坐标值的差值的绝对值小于第三位置阈值时,则显示包括第二面图像的图像编辑界面。
其中,第三点击操作的示意图可如图14所示。图14(a)中的图片反面可表示本公开实施例的第二面图像。第三目标位置可例如图14(b)中圆形图案所示。在显示包括第二面图像的图像编辑界面时,可首先显示图14(c)中的第二面图像的可操作状态展示界面。并接收对图14(c)中对“编辑”按钮的点击操作,根据该点击操作显示图14(d)所示的包括第二面图像的图像编辑页面。在接收对图14(d)中对文字输入框(即图14(d)中的“点击输入文字”的方框图案)的拖动操作时,显示图14(e)所示的文字输入框的拖动展示界面。在接收到对图14(e)中文字输入口的编辑界面时,显示图14(f)的文字输入框编辑显示界面。在接收对图14(f)中“确定”按钮的点击操作时,显示图14(g)的文字输入框编辑完成界面。在接收对图14(g)中“保存”按钮的点击操作时,显示图14(h)的编辑完成后的可操作状态展示界面。在接收对图14(h)中任意非热点区域(例如图14(h)中除“编辑”、“打印”、“分享”、“删除”、“取消”外的其他区域)的点击操作时,显示图14(i)所示的退出编辑操作界面。
应清楚地理解,本公开描述了如何形成和使用特定示例,但本公开的原理不限于这些示例的任何细节。相反,基于本公开公开的内容的教导,这些原理能够应用于许多其它实施例。
本领域技术人员可以理解实现上述实施例的全部或部分步骤被实现为由中央处理器(Central Processing Unit,CPU)执行的计算机程序。在该计算机程序被中央处理器CPU执行时,执行本公开提供的上述方法所限定的上述功能。该程序可以存储于一种计算机可读存储介质中,该存储介质可以是只读存储器、磁盘或光盘等。
此外,需要注意的是,上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
下述为本公开装置实施例,可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节,请参照本公开方法实施例。
图15是根据一示例性实施例示出的一种图片的翻转和显示装置的框图。参照图15,本公开实施例提供的图片的翻转和显示装置1500可以包括:第一显示模块1502、操作接收模块1504、方向确定模块1506、中间图生成模块1508以及第二显示模块1510。
在图片的翻转和显示装置1500中,第一显示模块1502可配置为显示目标图像的第一面图像,所述目标图像还包括第二面图像。
操作接收模块1504可配置为接收对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作,所述第一点击操作的持续时间大于或等于第一点击时间阈值,所述第一点击操作的结束时间为所述滑动操作起始时间。
方向确定模块1506可配置为根据所述第一目标位置和所述滑动操作确定目标翻转方向。
中间图生成模块1508可配置为根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图。
第二显示模块1510可配置为依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,完成所述目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
根据本公开实施例提供的图片的翻转和显示装置,在接收到对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作后,根据所述第一目标位置和所述滑动操作确定目标翻转方向;根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,能够完成所述目标图片的翻转,进而在翻转后通过第二面图像的显示实现对目标图像的更多维度的信息的展示,以便捷且快速地展示图片文件在不同维度的信息。
在示例性实施例中,方向确定模块1506可包括:中心点坐标值确定子模块,可配置为确定所述第一面图像的中心点横坐标值和中心点纵坐标值,所述第一面图像的左下顶点为坐标原点;横坐标差值子模块,可配置为将所述第一目标位置的横坐标值和所述中心点横坐标值的差值作为横坐标差值;纵坐标差值子模块,可配置为将所述第一目标位置的纵坐标值和所述中心点纵坐标值的差值作为纵坐标差值;滑动操作解析子模块,可配置为确定所述滑动操作的滑动距离和滑动方向,所述滑动方向包括沿坐标纵轴负方向的第一方向、沿坐标纵轴正方向的第二方向,沿坐标横轴正方向的第三方向以及沿坐标横轴负方向的第四方向;方向确定子模块,可配置为若所述滑动距离大于或等于滑动距离阈值时,则根据所述横坐标差值、所述纵坐标差值和所述滑动方向确定目标翻转方向。
方向确定子模块可包括:第一方向解析子模块,可配置为若所述滑动方向为第一方向、所述纵坐标差值为正且所述纵坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿所述第一面图像的中心横轴顺时针方向的第一翻转方向;第二方向解析子模块,可配置为若所述滑动方向为第二方向、所述纵坐标差值为负且所述纵坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿所述第一面图像的中心横轴逆时针方向的第二翻转方向;第三方向解析子模块,可配置为若所述滑动方向为第三方向、所述横坐标差值为负且所述横坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿第一面图像的中心纵轴顺时针方向的第三翻转方向;第四方向解析子模块,可配置为若所述滑动方向为第四方向、所述横坐标差值为正且所述横坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿第一面图像的中心横轴逆时针方向的第四翻转方向。
在示例性实施例中,中间图生成模块1508可包括:第一方向图生成子模块,可配置为若所述目标翻转方向为第一翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心横轴顺时针方向旋转的第一中间状态图以及沿所述第二面图像的中心横轴顺时针方向旋转的第一中间状态图;第二方向图生成子模块,可配置为若所述目标翻转方向为第二翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心横轴逆时针方向旋转的第一中间状态图以及沿所述第二面图像的中心横轴逆时针方向旋转的第一中间状态图;第三方向图生成子模块,可配置为若所述目标翻转方向为第三翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心纵轴顺时针方向旋转的多个第一中间状态图以及沿所述第二面图像的中心纵轴顺时针方向旋转的第一中间状态图;第四方向图生成子模块,可配置为若所述目标翻转方向为第四翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心纵轴逆时针方向旋转的第一中间状态图以及沿所述第二面图像的中心纵轴逆时针方向旋转的第一中间状态图。
在示例性实施例中,图片的翻转和显示装置1500还可包括:第二操作接收模块,可配置为接收对所述第一面图像中第二目标位置的第二点击操作,所述第二点击操作的持续时间大于或等于第二点击时间阈值;中心点坐标值确定模块,可配置为确定所述第一面图像的中心点横坐标值和中心点纵坐标值;第二状态图第一生成模块,可配置为若所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的横坐标值和所述中心点横坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心横轴顺时针旋转的多个第二中间状态图;第二状态图第二生成模块,可配置为若所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的横坐标值和所述中心点横坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心横轴逆时针旋转的多个第二中间状态图;第二状态图第三生成模块,可配置为若所述第二目标位置的横坐标值和所述中心点横坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心竖轴顺时针旋转的多个第二中间状态图;第二状态图第四生成模块,可配置为若所述第二目标位置的横坐标值和所述中心点横坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心竖轴逆时针旋转的多个第二中间状态图;第二图循环显示模块,可配置为在所述第二点击操作的持续时间段内循环展示所述多个第二中间状态图,各第二中间状态图的显示时间长度为第二时间长度,所述第二时间长度小于所述第一时间长度。
在示例性实施例中,图片的翻转和显示装置1500还可包括:目标第二图确定模块,可配置为将所述第二点击操作的结束时间点显示的第二中间状态图确定为目标第二中间状态图;角度判断模块,可配置为若所述目标第二中间状态图的旋转角度大于预设角度阈值,则将所述目标第二中间状态图在畸变处理前对应的图像确定为定格图像,其中,所述目标第二中间状态图在畸变处理前对应的图像包括第一面图像或第二面图像;定格图像显示模块,可配置为在所述第二点击操作的结束时间点后显示所述定格图像。
在示例性实施例中,图片的翻转和显示装置1500还可包括:第三操作接收模块,可配置为接收对所述第二面图像中第三目标位置的第三点击操作,所述第三点击操作的持续时间大于或等于第三点击时间阈值;编辑界面显示模块,可配置为若所述第三目标位置的横坐标值和所述第二面图像的中心点横坐标值的差值的绝对值小于第三位置阈值,且所述第三目标位置的纵坐标值和所述第二面图像的中心点纵坐标值的差值的绝对值小于第三位置阈值时,则显示包括所述第二面图像的图像编辑界面。
下面参照图16来描述根据本发明的这种实施方式的电子设备1600。图16显示的电子设备1600仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图16所示,电子设备1600以通用计算设备的形式表现。电子设备1600的组件可以包括但不限于:上述至少一个处理单元1610、上述至少一个存储单元1620、连接不同***组件(包括存储单元1620和处理单元1610)的总线1630。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元1610执行,使得所述处理单元1610执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如,所述处理单元1610可以执行如图2或图3或图10或图13中所示的步骤。
存储单元1620可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)16201和/或高速缓存存储单元16202,还可以进一步包括只读存储单元(ROM)16203。
存储单元1620还可以包括具有一组(至少一个)程序模块16205的程序/实用工具16204,这样的程序模块16205包括但不限于:操作***、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线1630可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、***总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备1600也可以与一个或多个外部设备1700(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备1600交互的设备通信,和/或与使得该电子设备1600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1650进行。并且,电子设备1600还可以通过网络适配器1660与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器1660通过总线1630与电子设备1600的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备1600使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID***、磁带驱动器以及数据备份存储***等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。
在本公开的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
此外,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和构思由权利要求指出。
Claims (10)
1.一种图片的翻转和显示方法,其特征在于,包括:
显示目标图像的第一面图像,所述目标图像还包括第二面图像;
接收对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作,所述第一点击操作的持续时间大于或等于第一点击时间阈值,所述第一点击操作的结束时间为所述滑动操作起始时间;
根据所述第一目标位置和所述滑动操作确定目标翻转方向;
根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;
依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,完成所述目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
2.如权利要求1所述的方法,其特征在于,根据所述第一目标位置和所述滑动操作确定目标翻转方向包括:
确定所述第一面图像的中心点横坐标值和中心点纵坐标值,所述第一面图像的左下顶点为坐标原点;
将所述第一目标位置的横坐标值和所述中心点横坐标值的差值作为横坐标差值;
将所述第一目标位置的纵坐标值和所述中心点纵坐标值的差值作为纵坐标差值;
确定所述滑动操作的滑动距离和滑动方向,所述滑动方向包括沿坐标纵轴负方向的第一方向、沿坐标纵轴正方向的第二方向,沿坐标横轴正方向的第三方向以及沿坐标横轴负方向的第四方向;
若所述滑动距离大于或等于滑动距离阈值时,则根据所述横坐标差值、所述纵坐标差值和所述滑动方向确定目标翻转方向。
3.如权利要求1所述的方法,其特征在于,根据所述横坐标差值、所述纵坐标差值和所述滑动方向确定目标翻转方向包括:
若所述滑动方向为第一方向、所述纵坐标差值为正且所述纵坐标差值的绝对值大于第一位置阈值时,则确认目标翻转方向为沿所述第一面图像的中心横轴顺时针方向的第一翻转方向;
若所述滑动方向为第二方向、所述纵坐标差值为负且所述纵坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿所述第一面图像的中心横轴逆时针方向的第二翻转方向;
若所述滑动方向为第三方向、所述横坐标差值为负且所述横坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿第一面图像的中心纵轴顺时针方向的第三翻转方向;
若所述滑动方向为第四方向、所述横坐标差值为正且所述横坐标差值的绝对值大于第一位置阈值时,则确认所述目标翻转方向为沿第一面图像的中心横轴逆时针方向的第四翻转方向。
4.如权利要求3所述的方法,其特征在于,根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图包括:
若所述目标翻转方向为第一翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心横轴顺时针方向旋转的第一中间状态图以及沿所述第二面图像的中心横轴顺时针方向旋转的第一中间状态图;
若所述目标翻转方向为第二翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心横轴逆时针方向旋转的第一中间状态图以及沿所述第二面图像的中心横轴逆时针方向旋转的第一中间状态图;
若所述目标翻转方向为第三翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心纵轴顺时针方向旋转的多个第一中间状态图以及沿所述第二面图像的中心纵轴顺时针方向旋转的第一中间状态图;
若所述目标翻转方向为第四翻转方向,则对所述第一面图像和所述第二面图像进行畸变处理,生成沿所述第一面图像的中心纵轴逆时针方向旋转的第一中间状态图以及沿所述第二面图像的中心纵轴逆时针方向旋转的第一中间状态图。
5.如权利要求1所述的方法,其特征在于,还包括:
接收对所述第一面图像中第二目标位置的第二点击操作,所述第二点击操作的持续时间大于或等于第二点击时间阈值;
确定所述第一面图像的中心点横坐标值和中心点纵坐标值;
若所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的横坐标值和所述中心点横坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心横轴顺时针旋转的多个第二中间状态图;
若所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的横坐标值和所述中心点横坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心横轴逆时针旋转的多个第二中间状态图;
若所述第二目标位置的横坐标值和所述中心点横坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值为负且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心竖轴顺时针旋转的多个第二中间状态图;
若所述第二目标位置的横坐标值和所述中心点横坐标值的差值的绝对值小于第二位置阈值,且所述第二目标位置的纵坐标值和所述中心点纵坐标值的差值为正且该差值的绝对值大于第二位置阈值时,则生成沿所述第一面图像的中心竖轴逆时针旋转的多个第二中间状态图;
在所述第二点击操作的持续时间段内循环展示所述多个第二中间状态图,各第二中间状态图的显示时间长度为第二时间长度,所述第二时间长度小于所述第一时间长度。
6.如权利要求5所述的方法,其特征在于,还包括:
将所述第二点击操作的结束时间点显示的第二中间状态图确定为目标第二中间状态图;
若所述目标第二中间状态图的旋转角度大于预设角度阈值,则将所述目标第二中间状态图在畸变处理前对应的图像确定为定格图像,其中,所述目标第二中间状态图在畸变处理前对应的图像包括第一面图像或第二面图像;
在所述第二点击操作的结束时间点后显示所述定格图像。
7.如权利要求1所述的方法,其特征在于,还包括:
接收对所述第二面图像中第三目标位置的第三点击操作,所述第三点击操作的持续时间大于或等于第三点击时间阈值;
若所述第三目标位置的横坐标值和所述第二面图像的中心点横坐标值的差值的绝对值小于第三位置阈值,且所述第三目标位置的纵坐标值和所述第二面图像的中心点纵坐标值的差值的绝对值小于第三位置阈值时,则显示包括所述第二面图像的图像编辑界面。
8.一种图片的翻转和显示装置,其特征在于,包括:
第一显示模块,配置为显示目标图像的第一面图像,所述目标图像还包括第二面图像;
操作接收模块,配置为接收对所述第一面图像中第一目标位置的第一点击操作和以所述第一目标位置为起始位置的滑动操作,所述第一点击操作的持续时间大于或等于第一点击时间阈值,所述第一点击操作的结束时间为所述滑动操作起始时间;
方向确定模块,配置为根据所述第一目标位置和所述滑动操作确定目标翻转方向;
中间图生成模块,配置为根据所述目标翻转方向对所述第一面图像和所述第二面图像进行畸变处理,获得多个第一中间状态图;
第二显示模块,配置为依次显示所述多个第一中间状态图,并在显示完成后显示所述第二面图像,完成所述目标图片的翻转,各第一中间状态图的显示时长为第一时间长度。
9.一种电子设备,其特征在于,包括:
至少一个处理器;
存储装置,用于存储至少一个程序;
当所述至少一个程序被所述至少一个处理器执行,使得所述至少一个处理器实现如权利要求1-7中任一项所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110733902.6A CN113467681A (zh) | 2021-06-30 | 2021-06-30 | 图片的翻转和显示方法、装置、电子设备及可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110733902.6A CN113467681A (zh) | 2021-06-30 | 2021-06-30 | 图片的翻转和显示方法、装置、电子设备及可读介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113467681A true CN113467681A (zh) | 2021-10-01 |
Family
ID=77874296
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110733902.6A Pending CN113467681A (zh) | 2021-06-30 | 2021-06-30 | 图片的翻转和显示方法、装置、电子设备及可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113467681A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101640762A (zh) * | 2008-07-31 | 2010-02-03 | 索尼株式会社 | 信息处理设备、方法和程序 |
US20110164042A1 (en) * | 2010-01-06 | 2011-07-07 | Imran Chaudhri | Device, Method, and Graphical User Interface for Providing Digital Content Products |
CN105630366A (zh) * | 2014-10-31 | 2016-06-01 | 阿里巴巴集团控股有限公司 | 用于在屏幕显示设备上展示客体信息的方法及装置 |
CN106886538A (zh) * | 2015-12-16 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 提供业务对象信息的方法及装置 |
CN107390990A (zh) * | 2017-07-19 | 2017-11-24 | 维沃移动通信有限公司 | 一种图像的调整方法和移动终端 |
US9959009B1 (en) * | 2016-12-23 | 2018-05-01 | Beijing Kingsoft Internet Security Software Co., Ltd. | Method for displaying information, and terminal equipment |
-
2021
- 2021-06-30 CN CN202110733902.6A patent/CN113467681A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101640762A (zh) * | 2008-07-31 | 2010-02-03 | 索尼株式会社 | 信息处理设备、方法和程序 |
US20110164042A1 (en) * | 2010-01-06 | 2011-07-07 | Imran Chaudhri | Device, Method, and Graphical User Interface for Providing Digital Content Products |
CN105630366A (zh) * | 2014-10-31 | 2016-06-01 | 阿里巴巴集团控股有限公司 | 用于在屏幕显示设备上展示客体信息的方法及装置 |
CN106886538A (zh) * | 2015-12-16 | 2017-06-23 | 阿里巴巴集团控股有限公司 | 提供业务对象信息的方法及装置 |
US9959009B1 (en) * | 2016-12-23 | 2018-05-01 | Beijing Kingsoft Internet Security Software Co., Ltd. | Method for displaying information, and terminal equipment |
CN107390990A (zh) * | 2017-07-19 | 2017-11-24 | 维沃移动通信有限公司 | 一种图像的调整方法和移动终端 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2022166872A1 (zh) | 一种特效展示方法、装置、设备及介质 | |
CN111399956A (zh) | 应用于显示设备的内容展示方法、装置和电子设备 | |
CN109446025B (zh) | 一种操作行为的回放方法、装置、电子设备及可读介质 | |
CN112051961A (zh) | 虚拟交互方法、装置、电子设备及计算机可读存储介质 | |
CN108648140B (zh) | 图像拼接方法、***、设备及存储介质 | |
CN112988032B (zh) | 控件展示方法、装置和电子设备 | |
CN111970571A (zh) | 视频制作方法、装置、设备及存储介质 | |
CN111540032A (zh) | 基于音频的模型控制方法、装置、介质及电子设备 | |
CN110728129A (zh) | 对图片中的文本内容进行排版的方法、装置、介质和设备 | |
CN112906553B (zh) | 图像处理方法、装置、设备及介质 | |
JP7007168B2 (ja) | プログラム、情報処理方法、及び情報処理装置 | |
WO2024051639A1 (zh) | 图像处理方法、装置、设备及存储介质和产品 | |
CN116596748A (zh) | 图像风格化处理方法、装置、设备、存储介质和程序产品 | |
CN113467681A (zh) | 图片的翻转和显示方法、装置、电子设备及可读介质 | |
CN113992679B (zh) | 一种汽车图像显示方法、***及设备 | |
CN116527993A (zh) | 视频的处理方法、装置、电子设备、存储介质和程序产品 | |
CN111083552A (zh) | 一种缩略图生成方法、装置、设备和介质 | |
CN112395826B (zh) | 文字特效处理方法及装置 | |
CN112446936A (zh) | 图像处理方法和装置 | |
CN112035771A (zh) | 基于web的摄像头数据绘制方法、装置及电子设备 | |
US12020347B2 (en) | Method and apparatus for text effect processing | |
CN111354070A (zh) | 一种立体图形生成方法、装置、电子设备及存储介质 | |
CN112766285B (zh) | 图像样本生成方法、装置和电子设备 | |
CN114935977B (zh) | 空间锚点处理方法、装置、电子设备及存储介质 | |
CN112988276B (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 |