[发明专利]图片全屏展示的方法、系统及终端设备

说明书

本发明公开一种图片全屏展示的方法、系统及终端设备。该方法包括：对当前屏幕进行截图；对截图进行逐渐放大同时对截图的位置进行调整直到使得截图中需要全屏的图片的略缩图最终实现全屏；将所述图片全屏展示在屏幕上，同时隐藏截图。本发明由于先对截图进行动画全屏，然后再展示图片，增加了动画的平滑度，使得全屏图片时，视觉上过渡非常自然。

技术领域

本发明涉及终端显示领域，具体涉及一种图片全屏展示的方法、系统及终端设备。

背景技术

随着移动互联网的发展，在移动设备上阅读内容的场景越来越多，而图片是内容占比很大一部分。由于移动设备相比PC来说屏幕较小，所以也经常需要对图片进行全屏展示。图片在非全屏展示到全屏展示的过程当中，加上缓和过渡效果的动画，会让用户对阅读全屏图片更舒适。

现有技术通过图片慢慢放大的动画进行全屏。具体过程结合附图1详细描述如下。

1、监控图片的点击事件：主要是监控内容中所有图片的点击事件。

2、计算图片全屏所需缩放的比例：此步骤主要是针对图片的大小以及屏幕的大小，计算当前图片在当前屏幕能全屏展示的的比例，计算方法如下。

a)计算图片宽与屏幕宽的比例，记为X。

b)计算图片高与屏幕高的比例，记为Y。

c)若X大于或等于Y，则全屏所需缩放的比例为X，否则为Y，结果记为Z。

3、计算图片全屏时居中展示的坐标：此步骤主要是计算在图片全屏后，即计算图片左上角坐标的位置。计算方法如下：

a)取出上一步的结果，比较X和Y

i.若X大于或等于Y，则图片全屏后的横坐标为0，纵坐标＝(屏幕高-图片高*X)/2注：*为乘号，/为除号，最终坐标结果记为(A，B)，A为横坐标，B为纵坐标。

ii.若X大于或等于Y，则图片全屏后的纵坐标为0，横坐标＝(屏幕宽-图片宽*Y)/2注：*为乘号，/为除号，最终坐标结果记为(A，B)，A为横坐标，B为纵坐标。

b)图片所需移动的距离

i.水平方向所需移动距离＝A-当前图片左上角横向坐标，记为C

ii.垂直方向所需移动距离＝B-当前图片左上角纵向坐标，记为D。

4、启动动画，启动动画前，给图片背后增加一个透明的全屏背景(背景颜色为黑色，大小与屏幕大小一致，透明度为全透明，图层层叠位置上，图片放在背景上方)，开启动画，动画内容含：

a)图片的大小，即缩放Z倍；

b)图片水平移动C距离；

c)图片垂直移动D距离；

d)背景色透明度从全透明到不透明。

5、监控全屏后图片的点击事件：监控全屏后的图片的点击事件。

6、发生点击图片事件，启动动画：

a)图片慢慢缩放到图片原来大小(即缩放倍数为Z分之一)

b)图片位置移动到原来位置(即水平移动-C距离，垂直移动-D距离)

c)背景色由不透明变为全透明

d)最后移除背景。

上述现有技术的缺点来自动画部分，即步骤4和步骤6，图片放大和缩小的过程中，都是直接对图片直接缩放，在视觉上动画不够平缓，在思绪的连贯性上有所卡滞。

因此，需要一种图片全屏展示的方法。