页面动画的实现方法、装置和移动终端的制作方法_3

文档序号:9667148阅读:来源:国知局
面的前一页面的WebView,在加载新的页面时,对于页面连续跳转的操作,只需要反复切换当前的第一页面的WebView、第一页面的前一页面的WebView之间的指向关系即可实现,而无需在每一次加载新页面时都加载新的WebView,确保了内存的最低占用值,从而不会造成移动终端内存的溢出,进而避免出现APP FC的情况发生。
[0065]进一步地,上述第一页面的App bar、第二页面的App bar和上述前一页面的Appbar均通过原生方式Native语言实现,且第一页面的WebView、第二页面的WebView和上述前一页面的WebView均通过网页Web开发语言实现,可选的,本发明实施例涉及的移动终端的页面可以通过Hybrid (Nat ive+H5)方式实现,其中,页面的App bar通过Native语言实现,页面中的WebView通过H5语言实现,其中,H5指的是HTML5语言;当然,页面中的WebView还可以通过更高版本的HTML语言实现,还可以通过其他用于网页开发的语言实现。
[0066]可选的,上述前一页面可以与第一页面属于同级页面,上述第一页面可以与第二页面属于同级页面,只要确保第一页面的App bar与第二页面的App bar之间的变化需要满足预设的变化条件,第一页面的App bar与前一页面的App bar之间的变化也满足该变化条件即可。
[0067]可选的,上述前一页面可以与第一页面不属于同级页面,上述第一页面也可以与第二页面不属于同级页面,只要确保第一页面的App bar与第二页面的App bar之间的变化需要满足预设的变化条件,第一页面的App bar与前一页面的App bar之间的变化也满足该变化条件即可。
[0068]综上所述,本公开实施例对于页面是否同级并不做限制,只要确保相邻的两个页面的App bar的变化满足预设的变化条件即可,不仅避免了在无限加载新页面过程中内存溢出的问题,也提高了页面加载的适用性。
[0069]图5是根据另一示例性实施例示出的一种页面动画的实现方法的流程图,该页面动画的实现方法应用于移动终端中,例如可以是手机、平板电脑、个人数字助理等终端。本实施例涉及的是在移动终端已经将第二页面的页面元素内容加载至前一页面的WebView上之后,提高页面的切换动画效果的具体过程。在上述图1所示实施例的基础上,进一步地,在上述S102之后,该方法还包括如下步骤:
[0070]在步骤S201中,将所述前一页面的Appbar的标题文字更改为与所述第二页面的页面元素内容对应的标题文字。
[0071]本实施例中,上述第一页面的Appbar与第二页面的App bar之间的变化满足预设的变化条件具体可以为第一页面的App bar与第二页面的App bar类型相同,且第一页面的App bar的标题文字与第二页面的App bar的标题文字不同;上述第一页面的App bar与前一页面的App bar之间的变化满足上述变化条件具体可以为第一页面的App bar与前一页面的App bar类型相同,且第一页面的App bar的标题文字与前一页面的App bar的标题文字不同。
[0072]则在本实施例与实施例一不同的是,实施例一中第二页面已经加载到前一页面的WebView上时,可以不更改前一页面的App bar的标题文字,而本实施例中,在第二页面的页面内容元素加载进前一页面的WebView上之后,移动终端将该前一页面的App bar的标题文字更改为与该第二页面的页面元素内容对应的标题文字,从而形成第二页面,提高页面之间的切换的动画效果,参见图6所示,图6中前一页面原来的App bar的标题文字被更改为第二页面的App bar的标题文字,该标题文字与第二页面的页面内容元素对应;可选的,本实施例中,将第一页面的WebView和前一页面的WebView均设置为水平放置,这样使得页面切换的更加平滑,提高了用户在多次页面加载和页面回退过程中的效果体验。
[0073]本实施例提供的页面动画的实现方法,通过在将第二页面的页面元素内容加载进前一页面的WebView上之后,将前一页面的App bar的标题文字更改为与第二页面的页面元素内容对应的标题文字,从而使得第二页面的页面元素内容与第二页面的App bar的内容对应,形成第二页面,提高了页面之间的切换的动画效果。
[0074]下述为本公开装置实施例,可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节,请参照本公开方法实施例。
[0075]图7是根据一示例性实施例示出的一种页面动画的实现装置的框图,该页面动画的实现装置,可以通过软件、硬件或者两者的结合实现成为移动终端的部分或者全部。如图7所示,该页面动画的实现的装置包括:接收模块10、处理模块11和显示模块12。
[0076]接收模块10,被配置为接收页面加载指令;其中,所述页面加载指令用于指示将当前的第一页面过渡至第二页面;
[0077]处理模块11,被配置为根据所述页面加载指令将所述第一页面的前一页面的WebView上的页面内容元素清空,将所述第二页面的页面元素内容加载进所述前一页面的WebView上形成所述第二页面;其中,所述第一页面的应用栏App bar与所述第二页面的Appbar之间的变化满足预设的变化条件,所述第一页面的App bar与所述前一页面的App bar之间的变化满足所述变化条件;
[0078]显示模块12,被配置为显示所述第二页面。
[0079]综上所述,本公开实施例提供的页面动画的实现装置,处理模块通过根据接收模块接收到的页面加载指令,将第一页面的前一页面的WebView上的页面内容元素清空,将第二页面的页面元素内容加载进该前一页面的WebView上,实现第一页面到第二页面的动画切换,本实施例的方法,在实现新页面的无限加载过程中,仅需要用到两个页面的WebView,即当前的第一页面的WebView和第一页面的前一页面的WebView,在加载新的页面时,对于页面连续跳转的操作,只需要反复切换当前的第一页面的WebView、第一页面的前一页面的WebView之间的指向关系即可实现,而无需在每一次加载新页面时都加载新的WebView,确保了内存的最低占用值,从而不会造成移动终端内存的溢出,进而避免出现APP FC的情况发生。
[0080]进一步地,所述第一页面的App bar、所述第二页面的App bar、所述前一页面的App bar均通过原生方式Native语言实现;所述第一页面的WebView、所述第二页面的WebView、所述前一页面的WebView均通过网页Web开发语言实现。
[0081]可选的,所述第一页面、所述第二页面和所述前一页面均为同级页面。
[0082]可选的,所述第一页面与所述第二页面为不同级页面,所述第一页面与所述前一页面为不同级页面。
[0083]可选的,所述第一页面的应用栏Appbar与所述第二页面的App bar之间的变化满足预设的变化条件,所述第一页面的App bar与所述前一页面的App bar之间的变化满足所述变化条件,包括:
[0084]所述第一页面的App bar与所述第二页面的App bar类型相同,且所述第一页面的App bar的标题文字与所述第二页面的App bar的标题文字不同;
[0085]所述第一页面的App bar与所述前一页面的App bar类型相同,且所述第一页面的App bar的标题文字与所述前一页面的App bar的标题文字不同。
[0086]图8是根据另一示例性实施例示出的一种页面动画的实现装置的框图,该页面动画的实现装置,可以通过软件、硬件或者两者的结合实现成为移动终端的部分或者全部。在上述图7所示实施例的基础上,如图8所示,上述装置还可以包括更改模块13。
[0087]更改模块13,被配置为在所述处理模块11将所述第二页面的页面元素内容加载进所述前一页面的WebView上之后,将所述前一页面的App bar的标题文字更改为与所述第二页面的页面元素内容对应的标题文字。
[0088]可选的,所述第一页面的WebView和所述前一页面的WebView均为水平放置。
[0089]综上所述,本公开实施例提供的页面动画的实现装置,通过在将第二页面的页面元素内容加载进前一页面的WebView上之后,更改模块将前一页面的App bar的标题文字更改为与第二页面的页面元素内容对应的标题文字,从而使得第二页面的页面元素内容与
当前第3页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1