[发明专利]一种提升用户体验的动画交互方式

说明书

本发明涉及一种提升用户体验的动画交互方式，包括：(1)设置两个功能界面容器View1、View2；(2)默认展现功能界面容器View1和内容滚动视图；(3)判断用户在内容滚动视图中的滑动方向，若向上滑动，进步骤(4)，反之结束本次操作；(4)当向上滑动的偏移量大于阀值时，功能界面容器View2取代功能界面容器View2然后进入步骤(5)反之结束本次操作；(5)判断用户在内容滚动视图中的滑动方向，若向下滑动，进入步骤(6)，反之结束本次操作；(6)若向下滑动的偏移量小于阀值的负数时，功能界面容器View1取代功能界面容器View2然后进入步骤(3)；反之结束本次操作。

技术领域

本发明属于移动终端技术领域，具体涉及一种提升用户体验的动画交互方式。

背景技术

在移动终端的应用开发中，经常会遇到如何在有限的屏幕空间上合理布局页面元素的问题。

当用户打开某个应用，首先会看到的是首页，通常我们会在首页上呈现尽量多的内容，但移动终端的屏幕空间是有限的，当用户在首页上浏览的时候，如何始终让常用的界面模块不移出屏幕，同时也不影响其它界面模块的展示，这是一个问题。

目前大多数应用的做法是在首屏上通过列表展示界面功能模块，这虽然解决了可以呈现更多界面功能模块的问题，但当用户向下滑动查看其它功能模块时，上面的功能模块会移出屏幕，当用户想用到最上面的功能模块时，只能再滑动到顶部才能使用，这样非常不方便用户操作。

发明内容

发明目的：本发明针对上述现有技术存在的问题做出改进，即本发明公开了一种提升用户体验的动画交互方式。当用户想看内容模块的时候，我们会缩小分类功能模块的空间，让用户把更多注意力放在内容上，同时分类功能模块也不会移出屏幕，方便用户随时切换。当用户滑动到顶部的时候，我们猜测用户是想切换分类，这个时候我们会放大分类模块的空间，方便用户切换分类。在这个过程中我们引入了动画技术，使得界面的过度流畅自然，从而提升了用户体验。

技术方案：一种提升用户体验的动画交互方式，包括：

(1)设置两个功能界面容器，分别为View1和View2，在每个功能界面容器的下方添加一个内容滚动视图，功能界面容器View1包含多个按钮，当点击功能界面容器View1中的不同按钮，滚动视图会显示不同的内容；功能界面容器View2包含多个按钮，功能界面容器View2的多个按钮的功能与功能界面容器View1中的多个按钮的功能相对应，其中：

功能界面容器View1中的按钮的尺寸比功能界面容器View2中相对应的按钮的尺寸大；

(2)当开始进行动画交互时，默认展现功能界面容器View1和内容滚动视图，然后进入步骤(3)；

(3)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向上滑动时，进入步骤(4)，若当用户在内容滚动视图中向下滑动时，结束本次操作；

(4)比较向上滑动的偏移量与阀值的大小，当内容滚动视图的向上滑动的偏移量大于阀值时，开始功能界面容器View1的隐藏动画，功能界面容器View1的隐藏动画完成以后，开始功能界面容器View2的显示动画，功能界面容器View2的动画完成以后，界面呈现为功能界面容器View2和内容滚动视图，然后进入步骤(5)；当内容滚动视图的偏移量小于或等于阀值时，结束本次操作；

(5)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向下滑动时，进入步骤(6)，若当用户在内容滚动视图中向上滑动时，结束本次操作；