一种提升用户体验的动画交互方式制造技术

本发明专利技术涉及一种提升用户体验的动画交互方式，包括：(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)，若当用户在内容滚动视图中向上滑动时，结束本次操作；(6)比较向下滑动的偏移量与阀值的负数的大小，当内容滚动视图的向下滑动的偏移量小于步骤(4)中的阀值的负数时，开始功能界面容器View2的隐藏动画，功能界面容器View2的隐藏动画完成后，开始功能界面容器View1的显示动画，界面呈现为功能界面容器View1和内容滚动视图，进入步骤(3)；当内容滚动视图的偏移量不小于步骤(3)中的阀值的负数时，结束本次操作。进一步地，步骤(4)中的阈值为40。通过这个交互过程，给用户带来流畅的过度体验，同时让用户看到更多滚动视图的内容，当用户向下滚动的时候，用户是想看到更多滚动视图的内容，所以不需要较大的View1界面，这个时候切换为较小的View2界面，方便用户看到更多的内容。而当滚动视图向上滚动到顶部的时候，这个时候切换为较大的View1界面，让用户方便切换不同分类的内容。有益效果：本专利技术公开的一种提升用户体验的动画交互方式解决了在有限的屏幕空间上如何布局页面元素的问题，带给用户流畅自然的用户体验。附图说明图1为功能界面容器View1与功能界面容器View2的转换示意图；图2为本专利技术公开的一种提升用户体验的动画交互方式的流程图。具体实施方式：下面对本专利技术的具体实施方式详细说明。如图1和2所示，一种提升用户体验的动画交互方式，包括：(1)设置两个功能界面容器，分别为View1和View2，在每个功能界面容器的下方添加一个内容滚动视图，功能界面容器View1包含多个按钮，当点击功能界面容器View1中的不同按钮，滚动视图会显示不同的内容；功能界面容器View2包含多个按钮，功能界面容器View2的多个按钮的功能与功能界面容器View1中的多个按钮的功能相对应，其中：功能界面容器View1中的按钮的尺寸比功能界面容器View2中相对应的按钮的尺寸大；(2)当开始进行动画交互时，默认展现功能界面容器View1和内容滚动视图，然后进入步骤(3)；(3)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向上滑动时，进入步骤(4)，若当用户在内容滚动视图中向下滑动时，结束本次操作；(4)比较向上滑动的偏移量与阀值的大小，当内容滚动视图的向上滑动的偏移量大于阀值时，开始功能界面容器View1的隐藏动画，功能界面容器View1的隐藏动画完成以后，开始功能界面容器View2的显示动画，功能界面容器View2的动画完成以后，界面呈现为功能界面容器View2和内容滚动视图，然后进入步骤(5)；当内容滚动视图的偏移量小于或等于阀值时，结束本次操作；(5)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向下滑动时，进入步骤(6)，若当用户在内容滚动视图中向上滑动时，结束本次操作；(6)比较向下滑动的偏移量与阀值的负数的大小，当内容滚动视图的向下滑动的偏移量小于步骤(4)中的阀值的负数时，开始功能界面容器View2的隐藏动画，功能界面容器View2的隐藏动画完成后，开始功能界面容器View1的显示动画，界面呈现为功能界面容器View1和内容滚动视图，进入步骤(3)；当内容滚动视图的偏移量不小于步骤(3)中的阀值的负数时，结束本次操作。进一步地，步骤(4)中的阈值为40。进一步地，步骤(6)中的阀值的负数为-40。上面对本专利技术的实施方式做了详细说明。但是本专利技术并不限于上述实施方式，在所属
普通技术人员所具备的知识范围内，还可以在不脱离本专利技术宗旨的前提下做出各种变化。本文档来自技高网...

【技术保护点】
一种提升用户体验的动画交互方式，其特征在于，包括：(1)设置两个功能界面容器，分别为View1和View2，在每个功能界面容器的下方添加一个内容滚动视图，功能界面容器View1包含多个按钮，当点击功能界面容器View1中的不同按钮，滚动视图会显示不同的内容；功能界面容器View2包含多个按钮，功能界面容器View2的多个按钮的功能与功能界面容器View1中的多个按钮的功能相对应，其中：功能界面容器View1中的按钮的尺寸比功能界面容器View2中相对应的按钮的尺寸大；(2)当开始进行动画交互时，默认展现功能界面容器View1和内容滚动视图，然后进入步骤(3)；(3)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向上滑动时，进入步骤(4)，若当用户在内容滚动视图中向下滑动时，结束本次操作；(4)比较向上滑动的偏移量与阀值的大小，当内容滚动视图的向上滑动的偏移量大于阀值时，开始功能界面容器View1的隐藏动画，功能界面容器View1的隐藏动画完成以后，开始功能界面容器View2的显示动画，功能界面容器View2的动画完成以后，界面呈现为功能界面容器View2和内容滚动视图，然后进入步骤(5)；当内容滚动视图的偏移量小于或等于阀值时，结束本次操作；(5)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向下滑动时，进入步骤(6)，若当用户在内容滚动视图中向上滑动时，结束本次操作；(6)比较向下滑动的偏移量与阀值的负数的大小，当内容滚动视图的向下滑动的偏移量小于步骤(4)中的阀值的负数时，开始功能界面容器View2的隐藏动画，功能界面容器View2的隐藏动画完成后，开始功能界面容器View1的显示动画，界面呈现为功能界面容器View1和内容滚动视图，进入步骤(3)；当内容滚动视图的偏移量不小于步骤(3)中的阀值的负数时，结束本次操作。...

【技术特征摘要】
1.一种提升用户体验的动画交互方式，其特征在于，包括：(1)设置两个功能界面容器，分别为View1和View2，在每个功能界面容器的下方添加一个内容滚动视图，功能界面容器View1包含多个按钮，当点击功能界面容器View1中的不同按钮，滚动视图会显示不同的内容；功能界面容器View2包含多个按钮，功能界面容器View2的多个按钮的功能与功能界面容器View1中的多个按钮的功能相对应，其中：功能界面容器View1中的按钮的尺寸比功能界面容器View2中相对应的按钮的尺寸大；(2)当开始进行动画交互时，默认展现功能界面容器View1和内容滚动视图，然后进入步骤(3)；(3)判断用户在内容滚动视图中的滑动方向，当用户在内容滚动视图中向上滑动时，进入步骤(4)，若当用户在内容滚动视图中向下滑动时，结束本次操作；(4)比较向上滑动的偏移量与阀值的大小，当内容滚动视图的向上滑动的偏移量大于阀值时，开始功能界面容器View1的隐藏动画，...

【专利技术属性】
技术研发人员：喻建军，
申请(专利权)人：成都睿码科技有限责任公司，杭州数峰科技有限公司，
类型：发明
国别省市：四川,51