[发明专利]页面动画的实现方法、装置和移动终端

说明书

本公开是关于一种页面动画的实现方法、装置和移动终端。该方法包括：接收页面加载指令；其中，所述页面加载指令用于指示将当前的第一页面过渡至第二页面；根据所述页面加载指令将所述第一页面的前一页面的WebView上的页面内容元素清空，将所述第二页面的页面元素内容加载进所述前一页面的WebView上形成所述第二页面并显示；其中，所述第一页面的应用栏App bar与所述第二页面的App bar之间的变化满足预设的变化条件，所述第一页面的App bar与所述前一页面的App bar之间的变化满足所述变化条件。本公开的方法，在无限加载新页面的过程中，内存占用率低，避免造成内存溢出的问题。

技术领域

本公开涉及通信技术，尤其涉及页面动画的实现方法、装置和移动终端。

背景技术

移动客户端(Application，简称APP)中，使用动画设计能够有效地引导用户的注意力，通过对页面上的导航、页面内容元素的转变进行合理的安排，从而让用户能够对交互的前后变化有合理的预期。目前最为主流的安卓操作系统(Android)和苹果操作系统(iOS)的设计规范中，都定义了对动画设计的要求，第三方APP及深度定制的系统可参考相应的动画设计规范进行APP的动画设计，并且可以自行定义APP的设计形式。

相关技术中，无论是Android还是iOS系统，现有的APP动画都是以整个页面为单位移动的。在一个页面中可以包括位于页面顶部或者底部的应用栏(App bar)和位于页面中间区域的页面容器(WebView)，该WebView用来显示页面的内容元素，当App bar有较大变化时(如从一级页面到二级页面的过渡)，这种移动方式十分合理，也具有整体性。但是，当页面的App bar变化较小(例如同级页面的过渡)时，若同级页面存在不断打开新页面加载的情况，对于通过安卓客户端的原生方式(Native)实现的APP就会容易出现会因内存溢出导致APP强制退出的情况。

发明内容

为克服相关技术中存在的问题，本公开提供一种页面动画的实现方法、装置和移动终端。

根据本公开实施例的第一方面，提供一种页面动画的实现方法，包括：

接收页面加载指令；其中，所述页面加载指令用于指示将当前的第一页面过渡至第二页面；

根据所述页面加载指令将所述第一页面的前一页面的WebView上的页面内容元素清空，将所述第二页面的页面元素内容加载进所述前一页面的WebView上形成所述第二页面并显示；其中，所述第一页面的应用栏App bar与所述第二页面的App bar之间的变化满足预设的变化条件，所述第一页面的App bar与所述前一页面的App bar之间的变化满足所述变化条件。

进一步地，所述第一页面的App bar、所述第二页面的App bar、所述前一页面的App bar均通过原生方式Native语言实现；所述第一页面的WebView、所述第二页面的WebView、所述前一页面的WebView均通过网页Web开发语言实现。

可选的，所述第一页面、所述第二页面和所述前一页面均为同级页面。

可选的，所述第一页面与所述第二页面为不同级页面，所述第一页面与所述前一页面为不同级页面。

进一步地，所述第一页面的应用栏App bar与所述第二页面的App bar之间的变化满足预设的变化条件，所述第一页面的App bar与所述前一页面的App bar之间的变化满足所述变化条件，包括：

所述第一页面的App bar与所述第二页面的App bar类型相同，且所述第一页面的App bar的标题文字与所述第二页面的App bar的标题文字不同；

所述第一页面的App bar与所述前一页面的App bar类型相同，且所述第一页面的App bar的标题文字与所述前一页面的App bar的标题文字不同。