CN105404489A - 切换显示图像的方法和装置 - Google Patents

Abstract

本发明公开了一种切换显示图像的方法和装置，属于图像处理技术领域。所述方法包括：预先生成底层图层，以及第一图层、第二图层、第三图层和第四图层，当开始显示图像时，在底层图层上放置第一图像，并由第一图层和第二图层拼接组成的页面显示第一图像，当开始切换图像时，令第二图层和第三图层一起旋转，至第一图层和第二图层均被第三图层遮挡，且露出第四图层，使得第三图层和第四图层拼接组成的页面上显示第二图像，将底层图层上的第一图像更换为第二图像，隐藏第一至第四图层。所述装置包括：第一生成模块、第二生成模块、显示模块、切换模块和隐藏模块。本发明实现了图像之间的动态切换显示，达到了图像翻页的效果，提升了用户体验。

Description

切换显示图像的方法和装置

技术领域

本发明涉及图像处理技术领域，特别涉及一种切换显示图像的方法和装置。

背景技术

图像通常是指各种图形和影像的总称，是所有具有视觉效果的画面。图像是人类社会活动中最常用的信息载体。图像根据记录方式的不同可分为两大类：模拟图像和数字图像。模拟图像可以通过某种物理量如光、电等的强弱变化来记录图像亮度信息，例如模拟电视图像。数字图像则是用计算机存储的数据来记录图像上各点的亮度信息。

目前，在计算机中对图像所做的处理常见的有：图像的移动、旋转、缩放和扭曲变形，还能够以不同的分辨率进行图像输出等等。

发明内容

本发明提供了一种切换显示图像的方法和装置，以实现图像之间的动态切换显示，提升显示效果。所述技术方案如下：

一方面，本发明提供了一种切换显示图像的方法，所述方法包括：

预先生成底层图层，在所述底层图层前方的一个平面上生成大小均为所述底层图层一半的第一图层和第二图层，所述第一图层和第二图层拼接组成与所述底层图层位置重合的页面，且所述底层图层被所述页面遮挡；

生成与所述第二图层大小相同且位置重合的第三图层，将所述第三图层与所述第二图层相背放置且固定在一起，且设置所述第一图层和所述第二图层的拼接线为轴线，所述第二图层和所述第三图层可绕所述轴线一起旋转，在所述第三图层与所述底层图层之间生成第四图层，所述第四图层与所述第三图层大小相同、位置重合且相对放置；

当开始显示图像时，在所述底层图层上放置第一图像，并将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，使得所述第一图层和所述第二图层拼接组成的页面显示所述第一图像，将第二图像分成两部分分别放置在所述第三图层和第四图层上；

当开始切换图像时，令所述第二图层和第三图层一起绕所述轴线旋转，至所述第二图层与所述第一图层面对面位置重合，所述第一图层和所述第二图层均被所述第三图层遮挡，且露出所述第四图层，使得所述第三图层和所述第四图层拼接组成页面，且所述页面上显示所述第二图像；

将所述底层图层上的所述第一图像更换为所述第二图像，然后隐藏所述第一图层、第二图层、第三图层和第四图层。

其中，所述底层图层垂直放置，所述第二图层在上且所述第一图层在下进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第二图层上，将所述下半部分放置在所述第一图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第四图层上，将所述下半部分放置在所述第三图层上。

其中，所述底层图层垂直放置，所述第一图层在上且所述第二图层在下进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第一图层上，将所述下半部分放置在所述第二图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第三图层上，将所述下半部分放置在所述第四图层上。

其中，所述底层图层水平放置，所述第二图层在左且所述第一图层在右进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第二图层上，将所述右半部分放置在所述第一图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第四图层上，将所述右半部分放置在所述第三图层上。

其中，所述底层图层水平放置，所述第一图层在左且所述第二图层在右进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第一图层上，将所述右半部分放置在所述第二图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第三图层上，将所述右半部分放置在所述第四图层上。

另一方面，本发明还提供了一种切换显示图像的装置，所述装置包括：

第一生成模块，用于预先生成底层图层，在所述底层图层前方的一个平面上生成大小均为所述底层图层一半的第一图层和第二图层，所述第一图层和第二图层拼接组成与所述底层图层位置重合的页面，且所述底层图层被所述页面遮挡；

第二生成模块，用于生成与所述第二图层大小相同且位置重合的第三图层，将所述第三图层与所述第二图层相背放置且固定在一起，且设置所述第一图层和所述第二图层的拼接线为轴线，所述第二图层和所述第三图层可绕所述轴线一起旋转，在所述第三图层与所述底层图层之间生成第四图层，所述第四图层与所述第三图层大小相同、位置重合且相对放置；

显示模块，用于当开始显示图像时，在所述底层图层上放置第一图像，并将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，使得所述第一图层和所述第二图层拼接组成的页面显示所述第一图像，将第二图像分成两部分分别放置在所述第三图层和第四图层上；

切换模块，用于当开始切换图像时，令所述第二图层和第三图层一起绕所述轴线旋转，至所述第二图层与所述第一图层面对面位置重合，所述第一图层和所述第二图层均被所述第三图层遮挡，且露出所述第四图层，使得所述第三图层和所述第四图层拼接组成页面，且所述页面上显示所述第二图像；

隐藏模块，用于将所述底层图层上的所述第一图像更换为所述第二图像，然后隐藏所述第一图层、第二图层、第三图层和第四图层。

其中，所述底层图层垂直放置，所述第二图层在上且所述第一图层在下进行拼接；

所述显示模块用于：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第二图层上，将所述下半部分放置在所述第一图层上；

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第四图层上，将所述下半部分放置在所述第三图层上。

其中，所述底层图层垂直放置，所述第一图层在上且所述第二图层在下进行拼接；

所述显示模块用于：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第一图层上，将所述下半部分放置在所述第二图层上；

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第三图层上，将所述下半部分放置在所述第四图层上。

其中，所述底层图层水平放置，所述第二图层在左且所述第一图层在右进行拼接；

所述显示模块用于：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第二图层上，将所述右半部分放置在所述第一图层上；

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第四图层上，将所述右半部分放置在所述第三图层上。

其中，所述底层图层水平放置，所述第一图层在左且所述第二图层在右进行拼接；

所述显示模块用于：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第一图层上，将所述右半部分放置在所述第二图层上；

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第三图层上，将所述右半部分放置在所述第四图层上。

本发明提供的技术方案带来的有益效果是：通过预先生成底层图层，以及第一图层、第二图层、第三图层和第四图层，当开始显示图像时，在底层图层上放置第一图像，并由第一图层和第二图层拼接组成的页面显示第一图像，当开始切换图像时，令第二图层和第三图层一起旋转，至第一图层和第二图层均被第三图层遮挡，且露出第四图层，使得第三图层和第四图层拼接组成的页面上显示第二图像，将底层图层上的第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层，实现了图像之间的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例提供的切换显示图像的方法流程图；

图2是本发明另一实施例提供的图层实现图像翻页的效果示意图；

图3是本发明另一实施例提供的切换显示图像的方法流程图；

图4是本发明另一实施例提供的图像由上至下翻转切换的效果示意图；

图5是本发明另一实施例提供的图像由上至下翻转切换的效果示意图；

图6是本发明另一实施例提供的图像由上至下翻转切换的效果示意图；

图7是本发明另一实施例提供的切换显示图像的方法流程图；

图8是本发明另一实施例提供的图像由下至上翻转切换的效果示意图；

图9是本发明另一实施例提供的切换显示图像的方法流程图；

图10是本发明另一实施例提供的图像由左至右翻转切换的效果示意图；

图11是本发明另一实施例提供的切换显示图像的方法流程图；

图12是本发明另一实施例提供的图像由右至左翻转切换的效果示意图；

图13是本发明另一实施例提供的切换显示图像的装置结构图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

本发明实施例涉及图像的切换显示，可以是多个图像之间的切换，这里以任意两个相邻的图像为例进行说明。本发明实施例中的第一图像和第二图像就是任意两个相邻的图像。对于将要显示的多个图像来说，图像大小可以相同也可以不同，在进行图像显示之前，可以先对该多个图像进行压缩等处理，使该多个图像的大小均一致，然后再进行相应的显示。

本发明实施例还涉及图层，包括底层图层和第一图层、第二图层、第三图层、第四图层。其中，底层图层用于依次放置待显示的各个图像，在切换图像时由当前图像更换为下一个图像。第一图层、第二图层、第三图层和第四图层为实现翻转效果的工具图层，在图像切换时进行显示，图像切换完成后则隐藏。

本发明实施例中，进行显示的图像其形状也不限定，只要是对称图形即可，包括但不限于：长方形、正方形、圆形、椭圆形、菱形等等。其中，所述图像为二维平面图像，可以通过X轴和Y轴坐标来确定图像在屏幕上的显示位置。本发明实施例中的图层也是二维的平面图层，也可以通过X轴和Y轴坐标来确定图层的位置。本发明实施例中涉及的位置重合是指在X轴和Y轴所决定的平面上位置重合。但是，在Z轴方向上图层之间还是有所区别的，本发明实施例涉及的遮挡关系就是指在Z轴方向上具有遮挡关系。本发明实施例涉及的前方是指靠近用户的一侧，后方是指远离用户的一侧，不同图层之间的前后位置关系决定了是否具有遮挡关系。

参见图1，本发明一实施例提供了一种切换显示图像的方法，包括：

101：预先生成底层图层，在该底层图层前方的一个平面上生成大小均为该底层图层一半的第一图层和第二图层，该第一图层和第二图层拼接组成与该底层图层位置重合的页面，且该底层图层被该页面遮挡；

其中，所述页面作为图像切换的当前页，用于放置当前要显示的图像。

102：生成与该第二图层大小相同且位置重合的第三图层，将该第三图层与该第二图层相背放置且固定在一起，且设置该第一图层和该第二图层的拼接线为轴线，该第二图层和该第三图层可绕该轴线一起旋转，在该第三图层与该底层图层之间生成第四图层，该第四图层与该第三图层大小相同、位置重合且相对放置；

其中，第二图层和第三图层相背放置是指背对背放置，二者固定在一起则保证了第二图层旋转时带动第三图层一起旋转。

103：当开始显示图像时，在该底层图层上放置第一图像，并将该第一图像分成两部分分别放置在该第一图层和该第二图层上，使得该第一图层和该第二图层拼接组成的页面显示该第一图像，将第二图像分成两部分分别放置在该第三图层和第四图层上；

其中，第一图像和第二图像为待显示的两个相邻图像，当待显示图像为多个时，可以是其中的任意两个相邻的图像，如有N个图像，第一图像和第二图像为其中的第i个图像和第i+1个图像。

104：当开始切换图像时，令该第二图层和第三图层一起绕该轴线旋转，至该第二图层与该第一图层面对面位置重合，该第一图层和该第二图层均被该第三图层遮挡，且露出该第四图层，使得该第三图层和该第四图层拼接组成页面，且该页面上显示该第二图像；

本实施例中，第二图层和第三图层绕轴线旋转是指旋转180°，且朝着与第一图层面对面的方向旋转。旋转前第二图层与第一图层在一个平面上，拼接成一个完整的页面，旋转后第二图层与第一图层面对面位置重合，且第一图层在后被第二图层遮挡。由于第三图层与第二图层固定后一起旋转，因此旋转后第三图层由背面朝前放置变更为正面朝前放置，且完全遮挡住第二图层，同时原来被第三图层遮挡的第四图层则完全露出，从而使得第三图层和第四图层拼接成了一个新页面。该新页面作为图像切换的下一页，用于放置下一个图像，从而能够实现动态翻页的效果。

105：将该底层图层上的该第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层。

参见图2，为本发明另一实施例提供的图层实现图像由上至下翻页的效果示意图。其中，图层0为垂直放置的底层图层，位于后方最底层。图层1在下图层2在上拼接成第一页面，图层2的背面是图层3，与图层3相对的是图层4，图层2和图层3固定在一起可以绕轴线旋转。该轴线为图层2和图层1的拼接线，也相当于图层0的水平中心线。初始时图层2在上方，图层1在下方，图层3和4被遮挡完全看不见。当图层2带动图层3面向图层1旋转180°后，露出图层4在上方图层3在下方拼接成了第二页面。在第一页面上放置第一图像，在第二页面上放置第二图像，通过图层2和3的旋转实现了第一图像至第二图像由上至下的动态翻页切换效果。

本实施例中，可选的，

该底层图层垂直放置，该第二图层在上且该第一图层在下进行拼接；

该将该第一图像分成两部分分别放置在该第一图层和该第二图层上，包括：

将该第一图像平均分成上半部分和下半部分，将该上半部分放置在该第二图层上，将该下半部分放置在该第一图层上；

该将第二图像分成两部分分别放置在该第三图层和第四图层上，包括：

将该第二图像平均分成上半部分和下半部分，将该上半部分放置在该第四图层上，将该下半部分放置在该第三图层上。

本实施例中，可选的，

该底层图层垂直放置，该第一图层在上且该第二图层在下进行拼接；

该将该第一图像分成两部分分别放置在该第一图层和该第二图层上，包括：

将该第一图像平均分成上半部分和下半部分，将该上半部分放置在该第一图层上，将该下半部分放置在该第二图层上；

该将第二图像分成两部分分别放置在该第三图层和第四图层上，包括：

将该第二图像平均分成上半部分和下半部分，将该上半部分放置在该第三图层上，将该下半部分放置在该第四图层上。

本实施例中，可选的，

该底层图层水平放置，该第二图层在左且该第一图层在右进行拼接；

该将该第一图像分成两部分分别放置在该第一图层和该第二图层上，包括：

将该第一图像平均分成左半部分和右半部分，将该左半部分放置在该第二图层上，将该右半部分放置在该第一图层上；

该将第二图像分成两部分分别放置在该第三图层和第四图层上，包括：

将该第二图像平均分成左半部分和右半部分，将该左半部分放置在该第四图层上，将该右半部分放置在该第三图层上。

本实施例中，可选的，

该底层图层水平放置，该第一图层在左且该第二图层在右进行拼接；

该将该第一图像分成两部分分别放置在该第一图层和该第二图层上，包括：

将该第一图像平均分成左半部分和右半部分，将该左半部分放置在该第一图层上，将该右半部分放置在该第二图层上；

该将第二图像分成两部分分别放置在该第三图层和第四图层上，包括：

将该第二图像平均分成左半部分和右半部分，将该左半部分放置在该第三图层上，将该右半部分放置在该第四图层上。

本实施例提供的上述方法，通过预先生成底层图层，以及第一图层、第二图层、第三图层和第四图层，当开始显示图像时，在底层图层上放置第一图像，并由第一图层和第二图层拼接组成的页面显示第一图像，当开始切换图像时，令第二图层和第三图层一起旋转，至第一图层和第二图层均被第三图层遮挡，且露出第四图层，使得第三图层和第四图层拼接组成的页面上显示第二图像，将底层图层上的第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层，实现了图像之间的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

参见图3，本发明另一实施例提供了一种切换显示图像的方法，实现图像由上至下的翻转切换效果，该方法包括：

201：预先生成垂直放置的底层图层，在该底层图层前方的一个平面上生成大小均为该底层图层一半的第一图层和第二图层，该第二图层在上且该第一图层在下进行拼接组成与该底层图层位置重合的页面，且该底层图层被该页面遮挡；

202：生成与该第二图层大小相同且位置重合的第三图层，将该第三图层与该第二图层相背放置且固定在一起，且设置该第一图层和该第二图层的拼接线为轴线，该第二图层和该第三图层可绕该轴线一起旋转，在该第三图层与该底层图层之间生成第四图层，该第四图层与该第三图层大小相同、位置重合且相对放置；

203：当开始显示图像时，在该底层图层上放置第一图像，并将该第一图像平均分成上半部分和下半部分，将该上半部分放置在该第二图层上，将该下半部分放置在该第一图层上，使得该第一图层和该第二图层拼接组成的页面显示该第一图像，将该第二图像平均分成上半部分和下半部分，将该上半部分放置在该第四图层上，将该下半部分放置在该第三图层上；

204：当开始切换图像时，令该第二图层和第三图层一起绕该轴线旋转，至该第二图层与该第一图层面对面位置重合，该第一图层和该第二图层均被该第三图层遮挡，且露出该第四图层，使得该第三图层在下且该第四图层在上拼接组成页面，且该页面上显示该第二图像；

205：将该底层图层上的该第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层。

参见图4、5和6，为本发明另一实施例提供的图像由上至下翻转切换的效果示意图。其中，第一图像为一个喵咪图像，第二图像为一个运动员图像。初始时在底层图层图层0，以及图层2和图层1上下拼接的页面上放置喵咪图像。在图层4上放置运动员图像的上半部分，在图层3上放置运动员图像的下半部分，且背对图层2倒置(即头下脚上)放置。开始切换图像时，图层2带动图层3一起绕图层1和2的拼接线面向图层1旋转180°。图4为刚刚开始旋转的状态，图5为旋转90°的状态，图6为旋转接近180°的状态。可见，旋转180°后，露出图层4和图层3且上下拼接的页面上显示出运动员图像，然后将图层0上的喵咪图像更换为运动员图像，再隐藏图层1-4，从而实现了第一图像至第二图像由上至下的动态翻页切换效果，增强了趣味性，提升了用户体验。

本实施例提供的上述方法，通过上述步骤实现了图像之间由上至下翻转的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

参见图7，本发明另一实施例提供了一种切换显示图像的方法，实现图像由下至上的翻转切换效果，该方法包括：

301：预先生成垂直放置的底层图层，在该底层图层前方的一个平面上生成大小均为该底层图层一半的第一图层和第二图层，第一图层在上且第二图层在下拼接组成与该底层图层位置重合的页面，且该底层图层被该页面遮挡；

302：生成与该第二图层大小相同且位置重合的第三图层，将该第三图层与该第二图层相背放置且固定在一起，且设置该第一图层和该第二图层的拼接线为轴线，该第二图层和该第三图层可绕该轴线一起旋转，在该第三图层与该底层图层之间生成第四图层，该第四图层与该第三图层大小相同、位置重合且相对放置；

303：当开始显示图像时，在该底层图层上放置第一图像，并将该第一图像平均分成上半部分和下半部分，将该上半部分放置在该第一图层上，将该下半部分放置在该第二图层上，使得该第一图层和该第二图层拼接组成的页面显示该第一图像，将该第二图像平均分成上半部分和下半部分，将该上半部分放置在该第三图层上，将该下半部分放置在该第四图层上；

304：当开始切换图像时，令该第二图层和第三图层一起绕该轴线旋转，至该第二图层与该第一图层面对面位置重合，该第一图层和该第二图层均被该第三图层遮挡，且露出该第四图层，使得该第三图层在上且该第四图层在下拼接组成页面，且该页面上显示该第二图像；

305：将该底层图层上的该第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层。

参见图8，为本发明另一实施例提供的图层实现图像由下至上翻页的效果示意图。其中，图层0为垂直放置的底层图层，位于后方最底层。图层1在上图层2在下拼接成第一页面，图层2的背面是图层3，与图层3相对的是图层4，图层2和图层3固定在一起可以绕轴线旋转。该轴线为图层2和图层1的拼接线，也相当于图层0的水平中心线。初始时图层1在上方，图层2在下方，图层3和4被遮挡完全看不见。当图层2带动图层3面向图层1旋转180°后，露出图层3在上方图层4在下方拼接成了第二页面。在第一页面上放置第一图像，在第二页面上放置第二图像，通过图层2和3的旋转实现了第一图像至第二图像由下至上的动态翻页切换效果。

本实施例提供的上述方法，通过上述步骤实现了图像之间由下至上翻转的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

参见图9，本发明另一实施例提供了一种切换显示图像的方法，实现图像由左至右的翻转切换效果，该方法包括：

401：预先生成水平放置的底层图层，在底层图层前方的一个平面上生成大小均为底层图层一半的第一图层和第二图层，该第二图层在左且第一图层在右拼接组成与底层图层位置重合的页面，且底层图层被该页面遮挡；

402：生成与该第二图层大小相同且位置重合的第三图层，将第三图层与第二图层相背放置且固定在一起，且设置第一图层和第二图层的拼接线为轴线，第二图层和第三图层可绕该轴线一起旋转，在第三图层与底层图层之间生成第四图层，第四图层与第三图层大小相同、位置重合且相对放置；

403：当开始显示图像时，在底层图层上放置第一图像，并将第一图像平均分成左半部分和右半部分，将左半部分放置在第二图层上，将右半部分放置在第一图层上，使得第一图层和第二图层拼接组成的页面显示第一图像，将第二图像平均分成左半部分和右半部分，将左半部分放置在第四图层上，将右半部分放置在第三图层上；

404：当开始切换图像时，令第二图层和第三图层一起绕该轴线旋转，至第二图层与第一图层面对面位置重合，第一图层和第二图层均被第三图层遮挡，且露出第四图层，使得第四图层在左第三图层在右拼接组成页面，且该页面上显示第二图像；

405：将底层图层上的第一图像更换为第二图像，然后隐藏第一图层、第二图层、第三图层和第四图层。

参见图10，为本发明另一实施例提供的图层实现图像由左至右翻页的效果示意图。其中，图层0为水平放置的底层图层，位于后方最底层。图层1在右图层2在左拼接成第一页面，图层2的背面是图层3，与图层3相对的是图层4，图层2和图层3固定在一起可以绕轴线旋转。该轴线为图层2和图层1的拼接线，也相当于图层0的水平中心线。初始时图层2在左方，图层1在右方，图层3和4被遮挡完全看不见。当图层2带动图层3面向图层1旋转180°后，露出图层4在左方图层3在右方拼接成了第二页面。在第一页面上放置第一图像，在第二页面上放置第二图像，通过图层2和3的旋转实现了第一图像至第二图像由左至右的动态翻页切换效果。

本实施例提供的上述方法，通过上述步骤实现了图像之间由左至右翻转的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

参见图11，本发明另一实施例提供了一种切换显示图像的方法，实现图像由右至左的翻转切换效果，该方法包括：

501：预先生成水平放置的底层图层，在底层图层前方的一个平面上生成大小均为底层图层一半的第一图层和第二图层，第一图层在左且第二图层在右拼接组成与底层图层位置重合的页面，且该底层图层被该页面遮挡；

502：生成与该第二图层大小相同且位置重合的第三图层，将该第三图层与该第二图层相背放置且固定在一起，且设置该第一图层和该第二图层的拼接线为轴线，该第二图层和该第三图层可绕该轴线一起旋转，在该第三图层与该底层图层之间生成第四图层，该第四图层与该第三图层大小相同、位置重合且相对放置；

503：当开始显示图像时，在该底层图层上放置第一图像，并将该第一图像平均分成左半部分和右半部分，将该左半部分放置在该第一图层上，将该右半部分放置在该第二图层上，使得该第一图层和该第二图层拼接组成的页面显示该第一图像，将该第二图像平均分成左半部分和右半部分，将该左半部分放置在该第三图层上，将该右半部分放置在该第四图层上；

504：当开始切换图像时，令该第二图层和第三图层一起绕该轴线旋转，至该第二图层与该第一图层面对面位置重合，该第一图层和该第二图层均被该第三图层遮挡，且露出该第四图层，使得该第三图层在左且该第四图层在右拼接组成页面，且该页面上显示该第二图像；

505：将该底层图层上的该第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层。

参见图12，为本发明另一实施例提供的图层实现图像由左至右翻页的效果示意图。其中，图层0为水平放置的底层图层，位于后方最底层。图层1在左图层2在右拼接成第一页面，图层2的背面是图层3，与图层3相对的是图层4，图层2和图层3固定在一起可以绕轴线旋转。该轴线为图层2和图层1的拼接线，也相当于图层0的水平中心线。初始时图层1在左方，图2在右方，图层3和4被遮挡完全看不见。当图层2带动图层3面向图层1旋转180°后，露出图层3在左方图层4在右方拼接成了第二页面。在第一页面上放置第一图像，在第二页面上放置第二图像，通过图层2和3的旋转实现了第一图像至第二图像由右至左的动态翻页切换效果。

本实施例提供的上述方法，通过上述步骤实现了图像之间由右至左翻转的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

参见图13，本发明另一实施例提供了一种切换显示图像的装置，该装置包括：

第一生成模块601，用于预先生成底层图层，在该底层图层前方的一个平面上生成大小均为该底层图层一半的第一图层和第二图层，该第一图层和第二图层拼接组成与该底层图层位置重合的页面，且该底层图层被该页面遮挡；

第二生成模块602，用于生成与该第二图层大小相同且位置重合的第三图层，将该第三图层与该第二图层相背放置且固定在一起，且设置该第一图层和该第二图层的拼接线为轴线，该第二图层和该第三图层可绕该轴线一起旋转，在该第三图层与该底层图层之间生成第四图层，该第四图层与该第三图层大小相同、位置重合且相对放置；

显示模块603，用于当开始显示图像时，在该底层图层上放置第一图像，并将该第一图像分成两部分分别放置在该第一图层和该第二图层上，使得该第一图层和该第二图层拼接组成的页面显示该第一图像，将第二图像分成两部分分别放置在该第三图层和第四图层上；

切换模块604，用于当开始切换图像时，令该第二图层和第三图层一起绕该轴线旋转，至该第二图层与该第一图层面对面位置重合，该第一图层和该第二图层均被该第三图层遮挡，且露出该第四图层，使得该第三图层和该第四图层拼接组成页面，且该页面上显示该第二图像；

隐藏模块605，用于将该底层图层上的该第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层。

本实施例中，可选的，该底层图层垂直放置，该第二图层在上且该第一图层在下进行拼接；

该显示模块用于：

将该第一图像平均分成上半部分和下半部分，将该上半部分放置在该第二图层上，将该下半部分放置在该第一图层上；

将该第二图像平均分成上半部分和下半部分，将该上半部分放置在该第四图层上，将该下半部分放置在该第三图层上。

本实施例中，可选的，该底层图层垂直放置，该第一图层在上且该第二图层在下进行拼接；

该显示模块用于：

将该第一图像平均分成上半部分和下半部分，将该上半部分放置在该第一图层上，将该下半部分放置在该第二图层上；

将该第二图像平均分成上半部分和下半部分，将该上半部分放置在该第三图层上，将该下半部分放置在该第四图层上。

本实施例中，可选的，该底层图层水平放置，该第二图层在左且该第一图层在右进行拼接；

该显示模块用于：

将该第一图像平均分成左半部分和右半部分，将该左半部分放置在该第二图层上，将该右半部分放置在该第一图层上；

将该第二图像平均分成左半部分和右半部分，将该左半部分放置在该第四图层上，将该右半部分放置在该第三图层上。

本实施例中，可选的，该底层图层水平放置，该第一图层在左且该第二图层在右进行拼接；

该显示模块用于：

将该第一图像平均分成左半部分和右半部分，将该左半部分放置在该第一图层上，将该右半部分放置在该第二图层上；

将该第二图像平均分成左半部分和右半部分，将该左半部分放置在该第三图层上，将该右半部分放置在该第四图层上。

本实施例提供的上述装置可以执行上述任一方法实施例中提供的方法，详细过程见方法实施例中的描述，此处不赘述。

本实施例提供的上述装置，通过预先生成底层图层，以及第一图层、第二图层、第三图层和第四图层，当开始显示图像时，在底层图层上放置第一图像，并由第一图层和第二图层拼接组成的页面显示第一图像，当开始切换图像时，令第二图层和第三图层一起旋转，至第一图层和第二图层均被第三图层遮挡，且露出第四图层，使得第三图层和第四图层拼接组成的页面上显示第二图像，将底层图层上的第一图像更换为该第二图像，然后隐藏该第一图层、第二图层、第三图层和第四图层，实现了图像之间的动态切换显示，达到了图像翻页的效果，提升了显示效果，增强了趣味性，提升了用户体验。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种切换显示图像的方法，其特征在于，所述方法包括：

预先生成底层图层，在所述底层图层前方的一个平面上生成大小均为所述底层图层一半的第一图层和第二图层，所述第一图层和第二图层拼接组成与所述底层图层位置重合的页面，且所述底层图层被所述页面遮挡；

生成与所述第二图层大小相同且位置重合的第三图层，将所述第三图层与所述第二图层相背放置且固定在一起，且设置所述第一图层和所述第二图层的拼接线为轴线，所述第二图层和所述第三图层可绕所述轴线一起旋转，在所述第三图层与所述底层图层之间生成第四图层，所述第四图层与所述第三图层大小相同、位置重合且相对放置；

当开始显示图像时，在所述底层图层上放置第一图像，并将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，使得所述第一图层和所述第二图层拼接组成的页面显示所述第一图像，将第二图像分成两部分分别放置在所述第三图层和第四图层上；

当开始切换图像时，令所述第二图层和第三图层一起绕所述轴线旋转，至所述第二图层与所述第一图层面对面位置重合，所述第一图层和所述第二图层均被所述第三图层遮挡，且露出所述第四图层，使得所述第三图层和所述第四图层拼接组成页面，且所述页面上显示所述第二图像；

将所述底层图层上的所述第一图像更换为所述第二图像，然后隐藏所述第一图层、第二图层、第三图层和第四图层。

2.根据权利要求1所述的方法，其特征在于，

所述底层图层垂直放置，所述第二图层在上且所述第一图层在下进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第二图层上，将所述下半部分放置在所述第一图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第四图层上，将所述下半部分放置在所述第三图层上。

3.根据权利要求1所述的方法，其特征在于，

所述底层图层垂直放置，所述第一图层在上且所述第二图层在下进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第一图层上，将所述下半部分放置在所述第二图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第三图层上，将所述下半部分放置在所述第四图层上。

4.根据权利要求1所述的方法，其特征在于，

所述底层图层水平放置，所述第二图层在左且所述第一图层在右进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第二图层上，将所述右半部分放置在所述第一图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第四图层上，将所述右半部分放置在所述第三图层上。

5.根据权利要求1所述的方法，其特征在于，

所述底层图层水平放置，所述第一图层在左且所述第二图层在右进行拼接；

所述将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，包括：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第一图层上，将所述右半部分放置在所述第二图层上；

所述将第二图像分成两部分分别放置在所述第三图层和第四图层上，包括：

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第三图层上，将所述右半部分放置在所述第四图层上。

6.一种切换显示图像的装置，其特征在于，所述装置包括：

第一生成模块，用于预先生成底层图层，在所述底层图层前方的一个平面上生成大小均为所述底层图层一半的第一图层和第二图层，所述第一图层和第二图层拼接组成与所述底层图层位置重合的页面，且所述底层图层被所述页面遮挡；

第二生成模块，用于生成与所述第二图层大小相同且位置重合的第三图层，将所述第三图层与所述第二图层相背放置且固定在一起，且设置所述第一图层和所述第二图层的拼接线为轴线，所述第二图层和所述第三图层可绕所述轴线一起旋转，在所述第三图层与所述底层图层之间生成第四图层，所述第四图层与所述第三图层大小相同、位置重合且相对放置；

显示模块，用于当开始显示图像时，在所述底层图层上放置第一图像，并将所述第一图像分成两部分分别放置在所述第一图层和所述第二图层上，使得所述第一图层和所述第二图层拼接组成的页面显示所述第一图像，将第二图像分成两部分分别放置在所述第三图层和第四图层上；

切换模块，用于当开始切换图像时，令所述第二图层和第三图层一起绕所述轴线旋转，至所述第二图层与所述第一图层面对面位置重合，所述第一图层和所述第二图层均被所述第三图层遮挡，且露出所述第四图层，使得所述第三图层和所述第四图层拼接组成页面，且所述页面上显示所述第二图像；

隐藏模块，用于将所述底层图层上的所述第一图像更换为所述第二图像，然后隐藏所述第一图层、第二图层、第三图层和第四图层。

7.根据权利要求6所述的装置，其特征在于，

所述底层图层垂直放置，所述第二图层在上且所述第一图层在下进行拼接；

所述显示模块用于：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第二图层上，将所述下半部分放置在所述第一图层上；

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第四图层上，将所述下半部分放置在所述第三图层上。

8.根据权利要求6所述的装置，其特征在于，

所述底层图层垂直放置，所述第一图层在上且所述第二图层在下进行拼接；

所述显示模块用于：

将所述第一图像平均分成上半部分和下半部分，将所述上半部分放置在所述第一图层上，将所述下半部分放置在所述第二图层上；

将所述第二图像平均分成上半部分和下半部分，将所述上半部分放置在所述第三图层上，将所述下半部分放置在所述第四图层上。

9.根据权利要求6所述的装置，其特征在于，

所述底层图层水平放置，所述第二图层在左且所述第一图层在右进行拼接；

所述显示模块用于：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第二图层上，将所述右半部分放置在所述第一图层上；

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第四图层上，将所述右半部分放置在所述第三图层上。

10.根据权利要求6所述的装置，其特征在于，

所述底层图层水平放置，所述第一图层在左且所述第二图层在右进行拼接；

所述显示模块用于：

将所述第一图像平均分成左半部分和右半部分，将所述左半部分放置在所述第一图层上，将所述右半部分放置在所述第二图层上；

将所述第二图像平均分成左半部分和右半部分，将所述左半部分放置在所述第三图层上，将所述右半部分放置在所述第四图层上。