CN106598381A - 一种视差动画实现的方法及可实现视差动画的终端 - Google Patents

Abstract

本发明涉及一种视差动画实现的方法及可实现视差动画的终端。该视差动画实现的方法，可用于具有显示屏的终端，包括以下步骤：所述显示屏中至少显示第一元素、第二元素；监测是否有移动操作信号输入；当监测结果为是时，则控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动。在使用者输入移动操作信号时，通过控制第一元素、第二元素分别以第一速率、第二速率移动，从而产生视差动画的效果，具有显示生动、互动性高的优点。

Description

一种视差动画实现的方法及可实现视差动画的终端

技术领域

本发明涉及电子终端的控制技术领域，尤其涉及一种视差动画实现的方法及可实现视差动画的终端。

背景技术

近年来，随着经济的发展，交通越来越便利，人们的生活半径变得越来越大。手机、平板电脑等智能终端成为人们联络通讯的重要工具。

随着手机、平板电脑等智能终端的不断发展，其功能也日益完善多样，电子智能终端的应用更是日益丰富，为人们生活所提供的服务和信息也越来越多样化。

在使用智能终端时，通常是通过在智能终端的显示屏上进行滑动操作，以移动显示界面。然而，现有技术中，在滑动页面、阅读长图文、文章时，都是以同样的速度移动，形式较为单一枯燥，没有动态的下拉操作使得页面整体略显生硬，用户体验一般。

发明内容

本发明要解决的技术问题在于，提供一种视差动画实现的方法及可实现视差动画的终端。

本发明解决其技术问题所采用的技术方案是：提供一种视差动画实现的方法，可用于具有显示屏的终端，包括以下步骤：

所述显示屏中至少显示第一元素、第二元素；

监测是否有移动操作信号输入；

当监测结果为是时，则控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动。

优选的，在所述显示屏中至少显示第一元素、第二元素的步骤中，包括：

所述第一元素和第二元素之间具有设定的关联位置关系。

优选的，所述方法还包括：

判断所述移动操作信号是否停止，是，则控制所述第一元素停止在当前位置，并且，控制所述第二元素以第二速率移动继续移动，直到到达与所述第一元素的关联位置关系相对应的位置；其中，所述第一速率大于第二速率；或者，

则控制所述第二元素停止在当前位置，并且，控制所述第一元素以第一速率移动继续移动，直到到达与所述第二元素的关联位置关系相对应的位置；其中，所述第二速率大于第一速率。

优选的，所述第一元素为背景；所述第二元素为在所述背景上显示的一个或多个图标。

优选的，当所述第二元素为多个图标时，各个所述图标以同一第二速率或不同第二速率移动。

优选的，所述第一速率不等于所述第二速率。

优选的，所述第一元素、第二元素分别在第一方向、第二方向上移动；所述第一方向与第二方向为同向或反向。

优选的，所述显示屏为触摸显示屏，所述移动操作信号为作用于所述触摸显示屏上的滑动信号；

在所述则控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动的步骤中，包括：

所述第一元素和第二元素的移动方向与所述滑动信号的滑动方向相同。

本发明还提供一种可实现视差动画的终端，包括用于显示第一元素、第二元素的显示屏，该终端还包括：

监测模块，用于监测是否有移动操作信号输入；以及

移动控制模块，用于控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动。

优选的，该终端还包括：

位置关系模块，用于设定并存储所述第一元素和第二元素之间的关联位置关系；

所述监测模块还用于判断所述移动操作信号是否停止；

所述移动控制模块还用于在所述移动操作信号停止时，控制所述第一元素停止在当前位置，并且，控制所述第二元素以第二速率移动继续移动，直到到达与所述第一元素的关联位置关系相对应的位置。

优选的，所述显示屏为触摸显示屏，所述移动操作信号为作用于所述触摸显示屏上的滑动信号；

所述移动控制模块控制所述第一元素和第二元素以所述滑动信号的滑动方向进行移动。

本发明与现有技术相比具有如下优点：在使用者输入移动操作信号时，通过控制第一元素、第二元素分别以第一速率、第二速率移动，从而产生视差动画的效果，具有显示生动、互动性高的优点。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1是本发明的视差动画实现的方法一个实施例的流程示意图；

图2是本发明的视差动画实现的方法一个实施例的第一元素和第二元素在显示屏中显示的起始位置的示意图；

图3是本发明的视差动画实现的方法一个实施例的第一元素和第二元素在显示屏中移动的过程示意图；

图4是本发明的视差动画实现的方法一个实施例的第一元素和第二元素在显示屏中显示的终止位置的示意图；

图5是本发明的实现视差动画的终端的一个实施例的示意框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例公开了一种视差动画实现的方法，该方法可用于具有显示屏的终端中，应用该方法的终端包括但不限于智能手机、平板电脑、笔记本电脑、掌上电脑、PAD等终端。该终端的操作***可包括但不限于Android操作***、IOS操作***、Symbian(塞班)操作***、Black Berry(黑莓)操作***、Windows Phone操作***等等。

利用本发明的方法，可以在使用者输入移动操作信号时，通过控制第一元素、第二元素分别以第一速率、第二速率移动，从而产生视差动画的效果，具有显示生动、互动性高的优点。在一些实施例中，如图1-3所示，该方法包括以下步骤：

步骤S101：在终端的显示屏中至少显示第一元素11、第二元素12，如图2所示。该终端的显示屏可以为电容屏、电阻屏、电容电阻组合屏或其他触摸控制显示屏。其中，该第一元素11、第二元素12可以为屏幕中显示的各种内容、图标、背景、动画框、插件等。例如，该第一元素11为在屏幕上显示的背景，如静态背景图片、动态背景、主题背景等；该第二元素12为在背景上显示的一个或多个图标，如各个应用图标、页面的动画框、插件等；或者，该第一元素11为在屏幕上显示的浏览页面的背景，该第二元素12为在页面上显示的文字、图片、插件等页面内容；当然，该第一元素11、第二元素12也可以根据实际的应用设计来进行对应调整。

在本实施例中，第一元素11和第二元素12之间具有设定的关联位置关系，例如，图标与页面的背景之间设定有关联的位置关系，在静态下，图标在页面的背景设定的相对位置上显示，如图2所示。

S102：监测是否有移动操作信号输入。在本实施例中，当使用者触摸显示屏时，可以通过判断接触点的运动轨迹，来识别得到滑动信号，并判断是否有移动操作信号的输入。例如，使用者点击屏幕，并在屏幕上以一定方向进行滑动时识别得到滑动信号，判断为有移动操作信号的输入；而只有点击的触摸操作作用于显示屏时，判断为没有移动操作信号的输入。当然，移动操作信号的输入监测还可以通过各种方法进行判断；例如，在屏幕中设有移动操作条，使用者通过拉动操作条或点击操作条的上下移动按钮，来输入移动操作信号，并由监测模块监测并判断是否有移动操作信号的输入；或者，在屏幕中设定特定区域，作为移动触发区域，例如，在页面的顶部设置双击返回顶部的操作区域，使用者通过双击该操作区域即可产生移动操作信号，使得页面可以移动返回顶部，当使用者双击该操作区域时，由监测模块监测到双击操作的输入，从而监测得到移动操作信号的输入。

S103：当监测结果为是时，则控制第一元素11以第一速率移动，控制第二元素12以第二速率移动。当监测结果为否时，则根据输入的操作，执行对应的动作即可。

在本实施例中，当监测结果判断为有移动操作信号的输入时，判断移动操作信号的移动方向，并根据该移动方向确定得到第一方向、第二方向。可以理解的，第一方向和第二方向可以与移动方向相平行，或者形成一定的角度；第一方向和第二方向可以是同向或反向。

例如，如图3所示，当使用者点击显示屏，并向上滑动时，监测得到移动操作信号的输入，并将第一方向、第二方向定义为与使用者的向上滑动方向一致。此时，控制第一元素11以第一速率向上移动，对应的，第二元素12以第二速率向上移动。例如，第一元素11为页面背景，以较慢的第一速率向上移动；第二元素12为页面背景上的图标，以较快的第二速率向上移动，从而可以产生不同的视差，模拟出图标在页面背景上运动的视觉效果，如图3所示，虚线表示的为初始状态的第一元素11和第二元素12的位置关系；实现部分为第一元素11和第二元素12运动过程的位置关系，可以看到，第二元素12以较快的速率向上移动，覆盖到第一元素11上，从而模拟出相对运动的视觉效果。当然，第一速率不等于第二速率即可，也就是说，第一速率可以大于或小于第二速率。而第一方向、第二方向也可以为同向或反向，从而可以模拟出图标或页面背景向相同或不同方向移动的视觉效果。

可以理解的，当第二元素12为多个图标时，各个图标可以以同一第二速率在第二方向上移动，也可以以不同的第二速率在第二方向上移动。

进一步的，在一些实施例中，该方法还可以包括判断移动操作信号是否停止，是，则控制第一元素11停止在当前位置，并且，控制第二元素12以第二速率移动继续移动，直到到达与第一元素11的关联位置关系相对应的位置。

例如，当使用者在显示屏上滑动以移动显示界面时，第一元素11以第一速率在第一方向上移动，第二元素12以第二速率在第二方向上移动，其中第一速率大于第二速率；监测作用于显示屏的移动操作信号是否停止，例如，通过显示屏监测是否有联系变化的输入信号来判断移动操作信号是否停止。

在本实施例中，第二速率大于第一速率，当判断移动操作信号停止时，控制第二元素12停止在当前位置；并且，控制第一元素11继续在第一方向上移动，直到第一元素到达与第二元素相对应的位置，使得第一元素11与第二元素12在静止时，保持其相对位置关系，如图4所示，第一元素11和第二元素12的相对位置关系恢复到如图2所示的相对位置关系，从而保证了页面的各个元素在静止时始终保持在确定的相对位置。

当然，当第一速率大于第二速率时，则控制第一元素11停止在当前位置，并且，控制第二元素12以第二速率移动继续移动，直到到达与第一元素11的关联位置关系相对应的位置。

进一步的，在一些实施例中，当判断移动操作信号停止时，例如使用者的手指离开显示屏后，还可以控制第一元素11、第二元素12继续以第三速率在第三方向上继续移动设定距离，从而模拟出刹车的视觉效果。可以理解的，第三速率可以等于或不等于第一速率、第二速率；第三方向可以与第一方向、第二方向相同或不同，具体可以由用户进行设置。

进一步的，在一些实施例中，在第二元素12以第二速率在第二方向上移动时，可在第二元素12上设置阴影图形，例如，在与第二方向相反的方向上设置条纹状阴影，以模拟出移动的影像，进而增加视觉效果，使得移动更加的逼真。

如图5所示，是本发明的可实现视差动画的终端的一个实施例的示意框图，包括显示屏101、监测模块102、移动控制模块103、位置关系模块104等。

其中，该显示屏101中至少显示第一元素11、第二元素12，可以为电容屏、电阻屏、电容电阻组合屏或其他触摸控制显示屏。其中，该第一元素11、第二元素12可以为屏幕中显示的各种内容、图标、背景、动画框、插件等。例如，该第一元素11为在屏幕上显示的背景，如静态背景图片、动态背景、主题背景等；该第二元素12为在背景上显示的一个或多个图标，如各个应用图标、页面的动画框、插件等；或者，该第一元素11为在屏幕上显示的浏览页面的背景，该第二元素12为在页面上显示的文字、图片、插件等页面内容；当然，该第一元素11、第二元素12也可以根据实际的应用设计来进行对应调整。

在本实施例中，位置关系模块104用于存储第一元素11和第二元素12之间具有设定的关联位置关系，例如，图标与页面的背景之间设定有关联的位置关系，在静态下，图标在页面的背景设定的相对位置上显示，可参考上一实施例的图2所示。

该监测模块102与显示屏101连接，用于监测是否有移动操作信号输入。在本实施例中，当使用者触摸显示屏101时，可以通过判断接触点的运动轨迹，来识别得到滑动信号，并判断是否有移动操作信号的输入。例如，使用者点击屏幕，并在屏幕上以一定方向进行滑动时识别得到滑动信号，判断为有移动操作信号的输入；而只有点击的触摸操作作用于显示屏101时，判断为没有移动操作信号的输入。当然，移动操作信号的输入监测还可以通过各种方法进行判断；例如，在屏幕中设有移动操作条，使用者通过拉动操作条或点击操作条的上下移动按钮，来输入移动操作信号，并由监测模块监测并判断是否有移动操作信号的输入；或者，在屏幕中设定特定区域，作为移动触发区域，例如，在页面的顶部设置双击返回顶部的操作区域，使用者通过双击该操作区域即可产生移动操作信号，使得页面可以移动返回顶部，当使用者双击该操作区域时，由监测模块监测到双击操作的输入，从而监测得到移动操作信号的输入。

该移动控制模块103与监测模块102连接，用于控制第一元素11以第一速率移动，控制第二元素12以第二速率移动。当监测模块102的监测结果为是时，则移动控制模块103控制第一元素11以第一速率移动，控制第二元素12以第二速率移动。当监测结果为否时，则根据输入的操作，执行对应的动作即可。

在本实施例中，当监测模块102的监测结果判断为有移动操作信号的输入时，判断移动操作信号的移动方向，并根据该移动方向确定得到第一方向、第二方向。可以理解的，第一方向和第二方向可以与移动方向相平行，或者形成一定的角度；第一方向和第二方向可以是同向或反向。

例如，可参考上一实施例的图3所示，当使用者点击显示屏101，并向上滑动时，监测得到移动操作信号的输入，并将第一方向、第二方向定义为与使用者的向上滑动方向一致。此时，移动控制模块103控制第一元素11以第一速率向上移动，对应的，第二元素12以第二速率向上移动。例如，第一元素11为页面背景，以较慢的第一速率向上移动；第二元素12为页面背景上的图标，以较快的第二速率向上移动，从而可以产生不同的视差，模拟出图标在页面背景上运动的视觉效果，如图3所示，虚线表示的为初始状态的第一元素11和第二元素12的位置关系；实现部分为第一元素11和第二元素12运动过程的位置关系，可以看到，第二元素12以较快的速率向上移动，覆盖到第一元素11上，从而模拟出相对运动的视觉效果。当然，第一速率不等于第二速率即可，也就是说，第一速率可以大于或小于第二速率。而第一方向、第二方向也可以为同向或反向，从而可以模拟出图标或页面背景向相同或不同方向移动的视觉效果。

可以理解的，当第二元素12为多个图标时，各个图标可以以同一第二速率在第二方向上移动，也可以以不同的第二速率在第二方向上移动。

进一步的，该监测模块102还用于判断移动操作信号是否停止。例如，当使用者在显示屏101上滑动以移动显示界面时，第一元素11以第一速率在第一方向上移动，第二元素12以第二速率在第二方向上移动，其中第一速率大于第二速率；监测作用于显示屏101的移动操作信号是否停止，例如，通过显示屏101监测是否有联系变化的输入信号来判断移动操作信号是否停止。

进一步的，该移动控制模块103还用于在移动操作信号停止时，控制第一元素11停止在当前位置，并且，控制第二元素12以第二速率移动继续移动，直到到达与第一元素11的关联位置关系相对应的位置。在本实施例中，第二速率大于第一速率，当判断移动操作信号停止时，移动控制模块103控制第二元素12停止在当前位置；并且，控制第一元素11继续在第一方向上移动，直到第一元素11到达与第二元素12相对应的位置，使得第一元素11与第二元素12在静止时，保持其相对位置关系，如图4所示，第一元素11和第二元素12的相对位置关系恢复到如图2所示的相对位置关系，从而保证了页面的各个元素在静止时始终保持在确定的相对位置。

当然，当第一速率大于第二速率时，则控制第一元素11停止在当前位置，并且，控制第二元素12以第二速率移动继续移动，直到到达与第一元素11的关联位置关系相对应的位置。

进一步的，在一些实施例中，当判断移动操作信号停止时，例如使用者的手指离开显示屏后，还可以控制第一元素11、第二元素12继续以第三速率在第三方向上继续移动设定距离，从而模拟出刹车的视觉效果。可以理解的，第三速率可以等于或不等于第一速率、第二速率；第三方向可以与第一方向、第二方向相同或不同，具体可以由用户进行设置。

进一步的，在一些实施例中，在第二元素12以第二速率在第二方向上移动时，移动控制模块103可在第二元素12上设置阴影图形，例如，在与第二方向相反的方向上设置条纹状阴影，以模拟出移动的影像，进而增加视觉效果，使得移动更加的逼真。

本发明实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。

本发明实施例设备中的模块或子模块可以根据实际需要进行合并、划分和删减。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(RandomAccess Memory，RAM)、磁盘或光盘等。

以上所揭露的仅为本发明的较佳实施例而已，当然不能以此来限定本发明的权利范围，本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本发明权利要求所作的等同变化，仍属于发明所涵盖的范围。

Claims (11)

1.一种视差动画实现的方法，可用于具有显示屏的终端，其特征在于，包括以下步骤：

所述显示屏中至少显示第一元素、第二元素；

监测是否有移动操作信号输入；

当监测结果为是时，则控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动。

2.根据权利要求1所述的视差动画实现的方法，其特征在于，在所述显示屏中至少显示第一元素、第二元素的步骤中，包括：

所述第一元素和第二元素之间具有设定的关联位置关系。

3.根据权利要求2所述的视差动画实现的方法，其特征在于，所述方法还包括：

判断所述移动操作信号是否停止，是，则控制所述第一元素停止在当前位置，并且，控制所述第二元素以第二速率移动继续移动，直到到达与所述第一元素的关联位置关系相对应的位置；其中，所述第一速率大于第二速率；或者，

则控制所述第二元素停止在当前位置，并且，控制所述第一元素以第一速率移动继续移动，直到到达与所述第二元素的关联位置关系相对应的位置；其中，所述第二速率大于第一速率。

4.根据权利要求1-3任一项所述的视差动画实现的方法，其特征在于，所述第一元素为背景；所述第二元素为在所述背景上显示的一个或多个图标。

5.根据权利要求4所述的视差动画实现的方法，其特征在于，当所述第二元素为多个图标时，各个所述图标以同一第二速率或不同第二速率移动。

6.根据权利要求1-5任一项所述的视差动画实现的方法，其特征在于，所述第一速率不等于所述第二速率。

7.根据权利要求1-5任一项所述的视差动画实现的方法，其特征在于，所述第一元素、第二元素分别在第一方向、第二方向上移动；所述第一方向与第二方向为同向或反向。

8.根据权利要求1-7任一项所述的视差动画实现的方法，其特征在于，所述显示屏为触摸显示屏，所述移动操作信号为作用于所述触摸显示屏上的滑动信号；

在所述则控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动的步骤中，包括：

所述第一元素和第二元素的移动方向与所述滑动信号的滑动方向相同。

9.一种可实现视差动画的终端，包括用于显示第一元素、第二元素的显示屏，其特征在于，该终端还包括：

监测模块，用于监测是否有移动操作信号输入；以及

移动控制模块，用于控制所述第一元素以第一速率移动，控制所述第二元素以第二速率移动。

10.根据权利要求9所述的可实现视差动画的终端，其特征在于，该终端还包括：

位置关系模块，用于设定并存储所述第一元素和第二元素之间的关联位置关系；

所述监测模块还用于判断所述移动操作信号是否停止；

所述移动控制模块还用于在所述移动操作信号停止时，控制所述第一元素停止在当前位置，并且，控制所述第二元素以第二速率移动继续移动，直到到达与所述第一元素的关联位置关系相对应的位置。

11.根据权利要求9或10所述的可实现视差动画的终端，其特征在于，所述显示屏为触摸显示屏，所述移动操作信号为作用于所述触摸显示屏上的滑动信号；

所述移动控制模块控制所述第一元素和第二元素以所述滑动信号的滑动方向进行移动。