CN115145676B - 一种信息交互方法及系统 - Google Patents

Abstract

本发明提供了一种信息交互方法及系统，通过将列表滑动组件和底层视图作为黏性交互通用组件的子视图，当列表滑动组件的内容向左滑动到最右边时，对包含fling惯性滑动在内的滑动进行相应处理，并根据黏性交互通用组件的内容的滚动距离绘制和显示相应的提示文案，不需要在每个需要实现跳转需求的列表滑动组件都增加一个多余的itemview，降低开发成本和提高用户使用体验。

Description

一种信息交互方法及系统

技术领域

本发明涉及数据处理技术领域，具体涉及一种信息交互方法及系统。

背景技术

RecyclerView是Android官方所提供的列表滑动组件，RecyclerView可以帮助开发者灵活地显示列表数据。当RecyclerView横向向左滑动到最右边时，需要提示用户通过操作以跳转到更多内容展示页，从而使用户看到更多内容。

目前提示用户通过操作以跳转到更多内容展示页的方式为：开发人员在RecyclerView末尾添加一个itemview来提示用户点击跳转到更多内容展示页。但是，开发人员需在每个需要实现跳转需求的RecyclerView都增加一个多余的itemview，一方面增加了开发工作量，会导致开发成本较高，另一方面用户需要在滑动停止后再手动点击来实现跳转，导致用户二次操作以及破坏了交互连贯性，用户使用体验较差。

发明内容

有鉴于此，本发明实施例提供一种信息交互方法及系统，以解决现有提示用户通过操作以跳转到更多内容展示页的方式存在的开发成本较高和用户使用体验较差等问题。

为实现上述目的，本发明实施例提供如下技术方案：

本发明实施例第一方面公开一种信息交互方法，所述方法包括：

在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，其中，所述列表滑动组件和所述底层视图为黏性交互通用组件的子视图；

在检测到右滑操作时，控制所述黏性交互通用组件的内容向右滚动，以使所述第一提示文案消失；

在检测到左滑操作时，判断所述左滑操作是否为fling惯性引起的滑动；

若所述左滑操作不是fling惯性引起的滑动，确定所述黏性交互通用组件的内容的第一滚动距离；

根据所述第一滚动距离，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图基于所述第一滚动距离绘制并显示所述第一提示文案或第二提示文案；

若所述左滑操作是fling惯性引起的滑动，判断所述黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值；

若所述黏性交互通用组件的内容的当前滚动距离小于所述滚动阈值，控制所述黏性交互通用组件的内容继续向左滚动，直至所述第一提示文案处于完全露出状态；

若所述黏性交互通用组件的内容的当前滚动距离不小于所述滚动阈值，根据滚动距离上限值控制所述黏性交互通用组件的内容继续向左滚动，并调用所述底层视图绘制并显示所述第二提示文案，其中，所述滚动距离上限值为所述滚动阈值的预设倍数。

优选的，若所述左滑操作不是fling惯性引起的滑动，确定所述黏性交互通用组件的内容的第一滚动距离，包括：

若所述左滑操作不是fling惯性引起的滑动，获取所述左滑操作对应的横向滑动距离；

根据所述横向滑动距离，计算所述黏性交互通用组件的内容的偏移距离；

利用所述偏移距离和所述黏性交互通用组件的内容的当前滚动距离，确定所述黏性交互通用组件的内容的第一滚动距离。

优选的，所述根据所述第一滚动距离，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图基于所述第一滚动距离绘制并显示所述第一提示文案或第二提示文案，包括：

当所述第一滚动距离小于或等于滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示所述第一提示文案；

当所述第一滚动距离大于所述滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示第二提示文案。

优选的，控制所述黏性交互通用组件的内容向右滚动之后，所述方法还包括：

当所述黏性交互通用组件的内容向右滚动的滚动距离减小到0时，控制所述黏性交互通用组件的内容停止滚动。

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

在检测到滑动停止时，判断所述黏性交互通用组件的内容的当前滚动距离是否大于滚动阈值；

若所述黏性交互通用组件的内容的当前滚动距离大于所述滚动阈值，执行第一特定动画，以将所述黏性交互通用组件的内容的滚动距离回弹至所述第一提示文案处于完全露出状态；

若所述黏性交互通用组件的内容的当前滚动距离不大于所述滚动阈值，执行第二特定动画，以将所述黏性交互通用组件的内容滚动至所述第一提示文案处于完全露出状态。

优选的，所述列表滑动组件为RecyclerView；所述黏性交互通用组件为HorStickNavLayout。

本发明实施例第二方面公开一种信息交互系统，所述系统包括：

第一处理单元，用于在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，其中，所述列表滑动组件和所述底层视图为黏性交互通用组件的子视图；

第一控制单元，用于在检测到右滑操作时，控制所述黏性交互通用组件的内容向右滚动，以使所述第一提示文案消失；

第一判断单元，用于在检测到左滑操作时，判断所述左滑操作是否为fling惯性引起的滑动；

第一确定单元，用于若所述左滑操作不是fling惯性引起的滑动，确定所述黏性交互通用组件的内容的第一滚动距离；

第二控制单元，用于根据所述第一滚动距离，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图基于所述第一滚动距离绘制并显示所述第一提示文案或第二提示文案；

第二判断单元，用于若所述左滑操作是fling惯性引起的滑动，判断所述黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值；

第三控制单元，用于若所述黏性交互通用组件的内容的当前滚动距离小于所述滚动阈值，控制所述黏性交互通用组件的内容继续向左滚动，直至所述第一提示文案处于完全露出状态；

第四控制单元，用于若所述黏性交互通用组件的内容的当前滚动距离不小于所述滚动阈值，根据滚动距离上限值控制所述黏性交互通用组件的内容继续向左滚动，并调用所述底层视图绘制并显示所述第二提示文案，其中，所述滚动距离上限值为所述滚动阈值的预设倍数。

优选的，所述第一确定单元包括：

获取模块，用于若所述左滑操作不是fling惯性引起的滑动，获取所述左滑操作对应的横向滑动距离；

计算模块，用于根据所述横向滑动距离，计算所述黏性交互通用组件的内容的偏移距离；

确定模块，用于利用所述偏移距离和所述黏性交互通用组件的内容的当前滚动距离，确定所述黏性交互通用组件的内容的第一滚动距离。

优选的，所述第二控制单元具体用于：当所述第一滚动距离小于或等于滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示所述第一提示文案；当所述第一滚动距离大于所述滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示第二提示文案。

优选的，所述系统还包括：

第五控制单元，用于当所述黏性交互通用组件的内容向右滚动的滚动距离减小到0时，控制所述黏性交互通用组件的内容停止滚动。

基于上述本发明实施例提供的一种信息交互方法及系统，该方法为：在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，其中，列表滑动组件和底层视图为黏性交互通用组件的子视图；在检测到右滑操作时，控制黏性交互通用组件的内容向右滚动，以使第一提示文案消失；在检测到左滑操作时，判断左滑操作是否为fling惯性引起的滑动；若不是fling惯性引起的滑动，确定黏性交互通用组件的内容的第一滚动距离；根据第一滚动距离，控制黏性交互通用组件的内容向左滚动，并调用底层视图基于第一滚动距离绘制并显示第一提示文案或第二提示文案；若是fling惯性引起的滑动，判断黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值；若当前滚动距离小于滚动阈值，控制黏性交互通用组件的内容继续向左滚动，直至第一提示文案处于完全露出状态；若当前滚动距离不小于滚动阈值，根据滚动距离上限值控制黏性交互通用组件的内容继续向左滚动，并调用底层视图绘制并显示第二提示文案。本方案通过将列表滑动组件和底层视图作为黏性交互通用组件的子视图，当列表滑动组件的内容向左滑动到最右边时，对包含fling惯性滑动在内的滑动进行相应处理，并根据黏性交互通用组件的内容的滚动距离绘制和显示相应的提示文案，不需要在每个需要实现跳转需求的列表滑动组件都增加一个多余的itemview，降低开发成本和提高用户使用体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例提供的一种信息交互方法的流程图；

图2为本发明实施例提供的列表滑动组件的视图的示例图；

图3为本发明实施例提供的显示第一提示文案的示例图；

图4为本发明实施例提供的显示第二提示文案的示例图；

图5为本发明实施例提供的显示第一提示文案的另一示例图；

图6为本发明实施例提供的显示第一提示文案的又一示例图；

图7为本发明实施例提供的一种信息交互系统的结构框图。

具体实施方式

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

在本申请中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

由背景技术可知，目前在实现提示用户通过操作以跳转到更多内容展示页时，需要开发人员在RecyclerView末尾添加一个itemview来提示用户点击跳转到更多内容展示页。但是，开发人员需在每个需要实现跳转需求的RecyclerView都增加一个多余的itemview，一方面增加了开发工作量，会导致开发成本较高，另一方面用户需要在滑动停止后再手动点击来实现跳转，导致用户二次操作以及破坏了交互连贯性，用户使用体验较差。

因此，本发明实施例提供一种信息交互方法及系统，通过将列表滑动组件和底层视图作为黏性交互通用组件的子视图，当列表滑动组件的内容向左滑动到最右边时，对包含fling惯性滑动在内的滑动进行相应处理，并根据黏性交互通用组件的内容的滚动距离绘制和显示相应的提示文案，不需要在每个需要实现跳转需求的列表滑动组件都增加一个多余的itemview，以降低开发成本和提高用户使用体验。

需要说明的是，为更方便理解以下本方案的内容，先对本方案所涉及的对象以及本方案的原理进行简单的介绍。

关于本方案所涉及的对象的介绍：

RecyclerView：Android官方所提供的列表滑动组件。

Inflate：用于将一个布局文件变为一个视图对象（view对象）。

view：是一种界面层的组件的一种抽象，view代表了一个组件，同时也是Android中所有控件的基类。

viewgroup（视图组）：是view的子类，主要用于充当view的容器。

FrameLayout：帧布局组件，是ViewGroup的子类；用于在屏幕上创建一块空白区域，添加到该区域中的每个子控件占一帧，这些帧会一个一个叠加在一起，后加入的控件会叠加在上一个控件上层。

测量（measure）：用于确定view的宽高。

布局（layout）：用于确定view在viewGroup中的位置。

NestedScrollingChild2、NestedScrollingParent2：是Android官方提供的为了实现嵌套滑动的接口，让父view和子view在滚动时互相协调配合。

关于本方案的原理的介绍：

本方案提供了一个承载RecyclerView的父viewGroup（也就是HorStickNavLayout），RecyclerView的大小和HorStickNavLayout的大小一致；在HorStickNavLayout中额外添加一个底层视图（footerview）来负责绘制提示文案；初始状态下的底层视图在HorStickNavLayout的最右边外侧，即该底层视图不在可见区域内。

当RecyclerView的内容向左滑动到最右边后，在继续滑动的时候，HorStickNavLayout的内容整体向左滚动，使底层视图进入可见区域；同时在底层视图的可见区域内绘制提示文案，其中，可根据HorStickNavLayout的内容的滚动距离来显示不同的提示文案；例如：若滚动距离小于或等于滚动阈值，则绘制“继续滑动”这一提示文案，若滚动距离大于滚动阈值，则绘制“发现更多”这一提示文案。

值得说明的是，fling惯性引起的滑动（也称为fling惯性滑动）为：手指离开屏幕时view还会进行一个继续滑行的动作；对于fling惯性滑动导致RecyclerView的内容向左滑动到最右边，可让fling惯性滑动将HorStickNavLayout的内容整体向左最多滚动上述提及的滚动阈值，其目的是保持“继续滑动”这一提示文案处于完全露出状态，以贴合用户日常交互习惯。在滑动停止后，如果HorStickNavLayout的内容的滚动距离小于或等于滚动阈值，通过动画使HorStickNavLayout的内容继续向左滚动，让“继续滑动”这一提示文案完全露出；如果HorStickNavLayout的内容的滚动距离大于滚动阈值，通过动画使HorStickNavLayout的内容回弹（也就是向右滚动），直到回弹到“继续滑动”这一提示文案完全露出。

对于上述原理中提及的HorStickNavLayout，HorStickNavLayout的组件结构为：HorStickyNavLayout继承自FrameLayout；HorStickyNavLayout被inflate之后（onFinishInflate回调时机），此时就只有RecyclerView这一个子view；将RecyclerView存储在mChildView变量中以供在后续测量阶段使用，然后将底层视图添加到HorStickyNavLayout里。在测量（measure）阶段，将RecyclerView的测量高度存储在mHeight变量中以供在布局阶段使用；在布局（layout）阶段，将底层视图放在HorStickNavLayout最右外侧。

HorStickNavLayout的核心功能实现为：HorStickNavLayout实现了NestedScrollingParent2接口，通过NestedScrollingParent2接口和RecyclerView（实现了NestedScrollingParent2接口）配合以实现嵌套滑动。RecyclerView作为HorStickNavLayout的子视图（子view），RecyclerView的内容开始滑动时，会通过onStartNestedScroll方法通知HorStickNavLayout嵌套滑动开始了；此时，HorStickNavLayout可执行初始化工作，然后RecyclerView会通过onNestedPreScroll方法把RecyclerView（target）、滑动距离（dx、dy）和引起滑动类型（type）信息通知给HorStickNavLayout，HorStickNavLayout根据这些信息分情况进行处理。

以上是关于本方案所涉及的对象以及本方案的原理的简单介绍，下面通过各个实施例的内容对本方案进行详细说明。

参见图1，示出了本发明实施例提供的一种信息交互方法的流程图，该信息交互方法包括：

步骤S101：在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案。

需要说明的是，列表滑动组件和底层视图为黏性交互通用组件的子视图；一些实施例中，列表滑动组件为RecyclerView；黏性交互通用组件为HorStickNavLayout。

在具体实现步骤S101的过程中，在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，例如：检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示“继续滑动”这一第一提示文案。

需要说明的是，列表滑动组件的内容向左滑动到最右边具体是指：列表滑动组件中的内容滑到（或者说滚动到）列表滑动组件的最右边；具体来说，列表滑动组件是一个viewgroup，列表滑动组件中的内容是从左到右排列的视图，列表滑动组件的宽度和屏幕的宽度是一样的，列表滑动组件中的视图可以在列表滑动组件的宽度区域内左右滑动。

例如图2提供的列表滑动组件的视图的示例图，列表滑动组件的内容为左到右排列的视图1、视图2和视图3；视图1、视图2和视图3按图2示出的箭头方向滑动，当视图3滑动到列表滑动组件的最右边时，即表示列表滑动组件的内容向左滑动到最右边，此时调用底层视图绘制并开始显示“继续滑动”这一第一提示文案。

值得说明的是，在列表滑动组件的内容向左滑动到最右边后，用户仍可通过手指（或者其他媒介）在屏幕上向左滑动或向右滑动。列表滑动组件的内容向左滑动到最右边后，在检测到右滑操作时，执行步骤S102；在检测到左滑操作时，执行步骤S103及后续相关步骤。

在列表滑动组件的内容向左滑动到最右边后，具体判断手指在屏幕上向左滑动或向右滑动的方式为：在列表滑动组件的内容向左滑动到最右边后，获取横向滑动距离（也就是在列表滑动组件的内容向左滑动到最右边后，手指在屏幕上滑动的距离或者手指fling导致的滑动距离，记为dx）；如果横向滑动距离大于或等于0，表征手指在屏幕上向左滑动（也就是检测到左滑操作）；如果横向滑动距离小于0，表征手指在屏幕上向右滑动（也就是检测到右滑操作）。

步骤S102：在检测到右滑操作时，控制黏性交互通用组件的内容向右滚动，以使第一提示文案消失。

通过上述内容可见，列表滑动组件的内容向左滑动到最右边后已开始显示第一提示文案；在具体实现步骤S102的过程中，在列表滑动组件的内容向左滑动到最右边且检测到右滑操作时，黏性交互通用组件的内容已经向左滚动了一段距离（黏性交互通用组件的内容的滚动距离scrollX是大于0的），在检测到右滑操作时，此时控制黏性交互通用组件的内容向右滚动，以使第一提示文案消失；从显示效果来看，在控制黏性交互通用组件的内容向右滚动的过程中，第一提示文案会逐渐消失。其中，滚动距离具体是指：黏性交互通用组件中的内容在黏性交互通用组件内滚动的距离。

例如：控制黏性交互通用组件的内容向右滚动，使“继续滑动”这一第一提示文案逐渐消失。

需要说明的是，在控制黏性交互通用组件的内容向右滚动的过程中，最多使scrollX减小到0；一些实施例中，当黏性交互通用组件的内容向右滚动的滚动距离减小到0时，控制黏性交互通用组件的内容停止滚动。

为更好解释说明上述提及的“最多使scrollX减小到0”，以场景示例进行解释说明：用户手指触摸屏幕向左滑动，将列表滑动组件的内容向左滑动到最右边，显示第一提示文案，此时黏性交互通用组件的内容还未滚动；当用户的手指继续向左滑动，这种情况就会导致黏性交互通用组件的内容向左滚动，此时scrollX（滚动距离）从0开始变大；用户手指向左滑一段距离后，scrollX是大于0的，此时如果用户的手指反过来向右滑（也就是检测到右滑操作），则控制黏性交互通用组件的内容向右滚动，scrollX从大变小且最多变小到0，scrollX从大变小的过程中第一提示文案逐渐消失。

一些实施例中，当黏性交互通用组件的内容向右滚动的滚动距离减小到0时，后续对于手指触摸引起的多余滑动距离或fling引起的滑动距离，黏性交互通用组件不再处理该滑动距离，而是均交由列表滑动组件处理该滑动距离，从而可实现嵌套滑动的连贯性。具体原因为：上述关于“最多使scrollX减小到0”的解释说明中，手指触摸屏幕向左滑动将列表滑动组件的内容向左滑动到最右边，以及手指触摸屏幕继续向左滑动然后又向右滑动，均是在列表滑动组件的内容滑到尽头了之后，将滑动距离交由黏性交互通用组件进行处理，将滑动距离换算成黏性交互通用组件的内容的滚动距离以使黏性交互通用组件执行滚动。手指向右滑动时，当黏性交互通用组件的内容向右滚动的滚动距离减小到0后，黏性交互通用组件不再处理滑动距离，而是由列表滑动组件处理滑动距离，这样就可以看到列表滑动组件中的内容向右滑动了，即实现嵌套滑动的连贯性。

步骤S103：在检测到左滑操作时，判断左滑操作是否为fling惯性引起的滑动。若左滑操作不是fling惯性引起的滑动，执行步骤S104和步骤S105；若左滑操作是fling惯性引起的滑动，执行步骤S106及后续步骤。

在列表滑动组件的内容向左滑动到最右边且检测到左滑操作时，需要先判断该左滑操作的滑动类型，再根据滑动类型确定后续的处理方式。在具体实现步骤S103的过程中，在检测到左滑操作时，判断左滑操作是否为fling惯性引起的滑动；具体而言，由于滑动的触摸区域在列表滑动组件上，因此可通过列表滑动组件检测左滑操作是否为fling惯性引起的滑动；列表滑动组件通过NestedScrollingParent2接口将检测出来的滑动类型传给黏性交互通用组件，黏性交互通用组件即可根据滑动类型判断左滑操作是否为fling惯性引起的滑动。

若左滑操作不是fling惯性引起的滑动（也就是该左滑操作是手指触摸导致的滑动），执行步骤S104和步骤S105；若左滑操作是fling惯性引起的滑动（也就是该左滑操作是fling导致的滑动），执行步骤S106及后续步骤。

步骤S104：确定黏性交互通用组件的内容的第一滚动距离。

在具体实现步骤S104的过程中，若左滑操作不是fling惯性引起的滑动，获取左滑操作对应的横向滑动距离。根据横向滑动距离，计算黏性交互通用组件的内容的偏移距离，也就是将该横向滑动距离换算成黏性交互通用组件的内容的偏移距离。利用偏移距离和黏性交互通用组件的内容的当前滚动距离，确定黏性交互通用组件的内容的第一滚动距离。

需要说明的是，通过上述步骤S101中的内容可见，列表滑动组件的内容已经向左滑动到最右边；上述提及的左滑操作对应的横向滑动距离具体是指：手指在屏幕上滑动的距离或者手指fling导致的滑动距离；

以下分别解释说明如何将滑动距离换算成黏性交互通用组件的内容的滚动距离。

需要说明的是，通过上述步骤S101中的内容可见，横向滑动距离记为dx。

在左滑操作下（向左滑动的情况下）将滑动距离换算成黏性交互通用组件的内容的滚动距离的方式：在左滑操作下，从dx（左滑情况下dx是大于0的）的一半与常量值（如10）中取最小值，所取的最小值（常量值或0.5dx）即为黏性交互通用组件的内容的偏移距离（记为by）；计算by与黏性交互通用组件的内容已经滚动的距离之间的和值，所得到的和值即为在左滑操作下换算得到的黏性交互通用组件的内容的滚动距离（也就是上述提及的第一滚动距离）。

在右滑操作下将滑动距离换算成黏性交互通用组件的内容的滚动距离的方式：在右滑操作下，将dx（右滑情况下dx是小于0的）直接作为黏性交互通用组件的内容的偏移距离by；计算by（此时为负数）与黏性交互通用组件的内容已经滚动的距离之间的和值，所得到的和值即为在右滑操作下换算得到的黏性交互通用组件的内容的滚动距离；由于by是负数，因此黏性交互通用组件的内容的滚动距离会逐渐变小直至变小至0。

步骤S105：根据第一滚动距离，控制黏性交互通用组件的内容向左滚动，并调用底层视图基于第一滚动距离绘制并显示第一提示文案或第二提示文案。

在具体实现步骤S105的过程中，当第一滚动距离小于或等于滚动阈值时，控制黏性交互通用组件的内容向左滚动，并调用底层视图绘制并显示第一提示文案；从显示效果上看，控制黏性交互通用组件的内容向左滚动，使第一提示文案逐渐显示；例如图3提供的显示第一提示文案的示例图，当第一滚动距离小于或等于滚动阈值时，控制黏性交互通用组件的内容向左滚动，并调用底层视图绘制并逐渐显示“继续滑动”这一第一提示文案。

当第一滚动距离大于滚动阈值时，控制黏性交互通用组件的内容向左滚动，并调用底层视图绘制并显示第二提示文案；从显示效果上看，黏性交互通用组件的内容向左滚动的过程中，先显示第一提示文案，再变换逐渐显示第二提示文案；例如图4提供的显示第二提示文案的示例图，当第一滚动距离大于滚动阈值时，黏性交互通用组件的内容向左滚动的过程中，先显示如上述图3示出的“继续滑动”这一第一提示文案，接着变换逐渐显示如图4示出的“发现更多”这一第二提示文案。

步骤S106：判断黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值。若黏性交互通用组件的内容的当前滚动距离小于滚动阈值，执行步骤S107；若黏性交互通用组件的内容的当前滚动距离不小于滚动阈值，执行步骤S108。

需要说明的是，若左滑操作是fling惯性引起的滑动，由于惯性的原因，onNestedPreScroll会被回调多次，为优化用户体验，需要分情况处理。在具体实现步骤S106的过程中，若左滑操作是fling惯性引起的滑动，判断黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值。

若黏性交互通用组件的内容的当前滚动距离小于滚动阈值，执行步骤S107；若黏性交互通用组件的内容的当前滚动距离不小于滚动阈值，执行步骤S108。

步骤S107：控制黏性交互通用组件的内容继续向左滚动，直至第一提示文案处于完全露出状态。

在具体实现步骤S107的过程中，如果黏性交互通用组件的内容的当前滚动距离小于滚动阈值，表征第一提示文案还未完全露出，此时控制黏性交互通用组件的内容继续向左滚动，直至第一提示文案处于完全露出状态即可，从而贴合用户的使用习惯。

例如图5和图6示出的显示第一提示文案的示例图，第一提示文案为“继续滑动”；如果黏性交互通用组件的内容的当前滚动距离小于滚动阈值，表征第一提示文案还未完全露出，此时第一提示文案的显示状态如图5所示（第一提示文案未完全露出）；控制黏性交互通用组件的内容继续向左滚动，直至完全显示第一提示文案，第一提示文案的完全露出状态如图6所示。

需要说明的是，控制黏性交互通用组件的内容继续向左滚动的距离不超过滚动阈值。

步骤S108：根据滚动距离上限值控制黏性交互通用组件的内容继续向左滚动，并调用底层视图绘制并显示第二提示文案。

需要说明的是，滚动距离上限值为滚动阈值的预设倍数（如3倍）。

在具体实现步骤S108的过程中，若黏性交互通用组件的内容的当前滚动距离不小于滚动阈值，为实现黏性效果，根据滚动距离上限值控制黏性交互通用组件的内容继续向左滚动，并调用底层视图绘制并显示第二提示文案。具体而言，控制黏性交互通用组件的内容继续向左滚动，最大滚动距离不超过滚动阈值的预设倍数，且切换显示第二提示文案。

值得说明的是，为更好解释为何黏性交互通用组件的内容继续向左滚动的最大滚动距离会大于滚动阈值（但不超过滚动阈值的预设倍数），通过以下场景示例进行举例说明：用户手指触摸屏幕向左滑动，将列表滑动组件的内容向左滑动到最右边，此时黏性交互通用组件的内容还未滚动；当用户的手指继续向左滑动，这种情况就会导致黏性交互通用组件的内容向左滚动，此时scrollX从0开始变大；用户一直向左滑动直到scrollX大于滚动阈值，此时用户手指突然用力向左滑，这样就会导致fling惯性滑动的出现，在fling惯性滑动出现时，黏性交互通用组件的内容的滚动距离就会大于滚动阈值。

可以理解的是，滑动是一个整体过程，主要划分为滑动开始、滑动过程和滑动停止三部分；一些实施例中。在检测到滑动停止时，判断黏性交互通用组件的内容的当前滚动距离是否大于滚动阈值；

若黏性交互通用组件的内容的当前滚动距离大于滚动阈值，执行第一特定动画，以将黏性交互通用组件的内容的滚动距离回弹至第一提示文案处于完全露出状态。具体而言，检测到滑动停止时，如果当前滚动距离大于滚动阈值，执行OffSetListener接口的onFinish方法回调给外部以实现跳转逻辑，执行ProgressAnimation动画（第一特定动画），将黏性交互通用组件的内容的滚动距离回弹到完全展示第一提示文案。

若黏性交互通用组件的内容的当前滚动距离不大于滚动阈值，执行第二特定动画，以将黏性交互通用组件的内容滚动至第一提示文案处于完全露出状态。具体而言，检测到滑动停止时，如果当前滚动距离不大于滚动阈值，执行UnfoldAnimation动画（第二特定动画），将黏性交互通用组件的内容滚动到完全展示第一提示文案。

以上是关于本发明提供的一种信息交互方法的详细说明，其中，列表滑动组件为RecyclerView，黏性交互通用组件为HorStickNavLayout；通过上述各个步骤中的内容可见，将有更多跳转需求的RecyclerView作为HorStickNavLayout的子view即可，不需要多余的开发工作量。RecyclerView的内容向左滑动到最右边后，继续滑动具有黏性跟手效果，同时逐渐露出根据滚动距离所确定及变化的提示文案，从而使整体交互过程顺畅且松手后直接实现跳转，调高页面跳转的转化率；此外，本方案还能够处理fling惯性滑动，提高用户的使用体验。

本发明实施例中，通过将列表滑动组件和底层视图作为黏性交互通用组件的子视图，当列表滑动组件的内容向左滑动到最右边时，对包含fling惯性滑动在内的滑动进行相应处理，并根据黏性交互通用组件的内容的滚动距离绘制和显示相应的提示文案，不需要在每个需要实现跳转需求的列表滑动组件都增加一个多余的itemview，降低开发成本和提高用户使用体验。

与上述本发明实施例提供的一种信息交互方法相对应，参见图7，本发明实施例还提供了一种信息交互系统的结构框图，该信息交互系统包括：第一处理单元701、第一控制单元702、第一判断单元703、第一确定单元704、第二控制单元705、第二判断单元706、第三控制单元707、第四控制单元708；

第一处理单元701，用于在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，其中，列表滑动组件和底层视图为黏性交互通用组件的子视图。

一些实施例中，列表滑动组件为RecyclerView；黏性交互通用组件为HorStickNavLayout。

第一控制单元702，用于在检测到右滑操作时，控制黏性交互通用组件的内容向右滚动，以使第一提示文案消失。

第一判断单元703，用于在检测到左滑操作时，判断左滑操作是否为fling惯性引起的滑动。

第一确定单元704，用于若左滑操作不是fling惯性引起的滑动，确定黏性交互通用组件的内容的第一滚动距离。

第二控制单元705，用于根据第一滚动距离，控制黏性交互通用组件的内容向左滚动，并调用底层视图基于第一滚动距离绘制并显示第一提示文案或第二提示文案。

在具体实现中，第二控制单元705具体用于：当第一滚动距离小于或等于滚动阈值时，控制黏性交互通用组件的内容向左滚动，并调用底层视图绘制并显示第一提示文案；当第一滚动距离大于滚动阈值时，控制黏性交互通用组件的内容向左滚动，并调用底层视图绘制并显示第二提示文案。

第二判断单元706，用于若左滑操作是fling惯性引起的滑动，判断黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值。

第三控制单元707，用于若黏性交互通用组件的内容的当前滚动距离小于滚动阈值，控制黏性交互通用组件的内容继续向左滚动，直至第一提示文案处于完全露出状态。

第四控制单元708，用于若黏性交互通用组件的内容的当前滚动距离不小于滚动阈值，根据滚动距离上限值控制黏性交互通用组件的内容继续向左滚动，并调用底层视图绘制并显示第二提示文案，其中，滚动距离上限值为滚动阈值的预设倍数。

本发明实施例中，通过将列表滑动组件和底层视图作为黏性交互通用组件的子视图，当列表滑动组件的内容向左滑动到最右边时，对包含fling惯性滑动在内的滑动进行相应处理，并根据黏性交互通用组件的内容的滚动距离绘制和显示相应的提示文案，不需要在每个需要实现跳转需求的列表滑动组件都增加一个多余的itemview，降低开发成本和提高用户使用体验。

优选的，结合图7示出的内容，第一确定单元704包括：获取模块、计算模块和确定模块，各个模块的执行原理如下：

获取模块，用于若左滑操作不是fling惯性引起的滑动，获取左滑操作对应的横向滑动距离。

计算模块，用于根据横向滑动距离，计算黏性交互通用组件的内容的偏移距离。

确定模块，用于利用偏移距离和黏性交互通用组件的内容的当前滚动距离，确定黏性交互通用组件的内容的第一滚动距离。

优选的，结合图7示出的内容，该信息交互系统还包括：

第五控制单元，用于当黏性交互通用组件的内容向右滚动的滚动距离减小到0时，控制黏性交互通用组件的内容停止滚动。

优选的，结合图7示出的内容，该信息交互系统还包括：

第三判断单元，用于在检测到滑动停止时，判断黏性交互通用组件的内容的当前滚动距离是否大于滚动阈值。

第一执行单元，用于若黏性交互通用组件的内容的当前滚动距离大于滚动阈值，执行第一特定动画，以将黏性交互通用组件的内容的滚动距离回弹至第一提示文案处于完全露出状态。

第二执行单元，用于若黏性交互通用组件的内容的当前滚动距离不大于滚动阈值，执行第二特定动画，以将黏性交互通用组件的内容滚动至第一提示文案处于完全露出状态。

综上所述，本发明实施例提供一种信息交互方法及系统，通过将列表滑动组件和底层视图作为黏性交互通用组件的子视图，当列表滑动组件的内容向左滑动到最右边时，对包含fling惯性滑动在内的滑动进行相应处理，并根据黏性交互通用组件的内容的滚动距离绘制和显示相应的提示文案，不需要在每个需要实现跳转需求的列表滑动组件都增加一个多余的itemview，降低开发成本和提高用户使用体验。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种信息交互方法，其特征在于，所述方法包括：

在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，其中，所述列表滑动组件和所述底层视图为黏性交互通用组件的子视图；

在检测到右滑操作时，控制所述黏性交互通用组件的内容向右滚动，以使所述第一提示文案消失；

在检测到左滑操作时，列表滑动组件将检测出来的滑动类型传给所述黏性交互通用组件，以使所述黏性交互通用组件根据所述滑动类型进行如下处理：

若所述左滑操作不是fling惯性引起的滑动，确定所述黏性交互通用组件的内容的第一滚动距离，根据所述第一滚动距离，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图基于所述第一滚动距离绘制并显示所述第一提示文案或第二提示文案；

若所述左滑操作是fling惯性引起的滑动，判断所述黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值；

若所述黏性交互通用组件的内容的当前滚动距离小于所述滚动阈值，控制所述黏性交互通用组件的内容继续向左滚动，直至所述第一提示文案处于完全露出状态；

若所述黏性交互通用组件的内容的当前滚动距离不小于所述滚动阈值，根据滚动距离上限值控制所述黏性交互通用组件的内容继续向左滚动，并调用所述底层视图绘制并显示所述第二提示文案，其中，所述滚动距离上限值为所述滚动阈值的预设倍数。

2.根据权利要求1所述的方法，其特征在于，若所述左滑操作不是fling惯性引起的滑动，确定所述黏性交互通用组件的内容的第一滚动距离，包括：

若所述左滑操作不是fling惯性引起的滑动，获取所述左滑操作对应的横向滑动距离；

根据所述横向滑动距离，计算所述黏性交互通用组件的内容的偏移距离；

利用所述偏移距离和所述黏性交互通用组件的内容的当前滚动距离，确定所述黏性交互通用组件的内容的第一滚动距离。

3.根据权利要求1所述的方法，其特征在于，所述根据所述第一滚动距离，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图基于所述第一滚动距离绘制并显示所述第一提示文案或第二提示文案，包括：

当所述第一滚动距离小于或等于滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示所述第一提示文案；

当所述第一滚动距离大于所述滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示第二提示文案。

4.根据权利要求1所述的方法，其特征在于，控制所述黏性交互通用组件的内容向右滚动之后，所述方法还包括：

当所述黏性交互通用组件的内容向右滚动的滚动距离减小到0时，控制所述黏性交互通用组件的内容停止滚动。

5.根据权利要求1-4中任一所述的方法，其特征在于，所述方法还包括：

在检测到滑动停止时，判断所述黏性交互通用组件的内容的当前滚动距离是否大于滚动阈值；

若所述黏性交互通用组件的内容的当前滚动距离大于所述滚动阈值，执行第一特定动画，以将所述黏性交互通用组件的内容的滚动距离回弹至所述第一提示文案处于完全露出状态；

若所述黏性交互通用组件的内容的当前滚动距离不大于所述滚动阈值，执行第二特定动画，以将所述黏性交互通用组件的内容滚动至所述第一提示文案处于完全露出状态。

6.根据权利要求1-4中任一所述的方法，其特征在于，所述列表滑动组件为RecyclerView；所述黏性交互通用组件为HorStickNavLayout。

7.一种信息交互系统，其特征在于，所述系统包括：

第一处理单元，用于在检测到列表滑动组件的内容向左滑动到最右边时，调用底层视图绘制并显示第一提示文案，其中，所述列表滑动组件和所述底层视图为黏性交互通用组件的子视图；

第一控制单元，用于在检测到右滑操作时，控制所述黏性交互通用组件的内容向右滚动，以使所述第一提示文案消失；

第一判断单元，用于在检测到左滑操作时，列表滑动组件将检测出来的滑动类型传给所述黏性交互通用组件，以使所述黏性交互通用组件根据所述滑动类型执行以下单元：

第一确定单元，用于若所述左滑操作不是fling惯性引起的滑动，确定所述黏性交互通用组件的内容的第一滚动距离；

第二控制单元，用于根据所述第一滚动距离，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图基于所述第一滚动距离绘制并显示所述第一提示文案或第二提示文案；

第二判断单元，用于若所述左滑操作是fling惯性引起的滑动，判断所述黏性交互通用组件的内容的当前滚动距离是否小于滚动阈值；

第三控制单元，用于若所述黏性交互通用组件的内容的当前滚动距离小于所述滚动阈值，控制所述黏性交互通用组件的内容继续向左滚动，直至所述第一提示文案处于完全露出状态；

第四控制单元，用于若所述黏性交互通用组件的内容的当前滚动距离不小于所述滚动阈值，根据滚动距离上限值控制所述黏性交互通用组件的内容继续向左滚动，并调用所述底层视图绘制并显示所述第二提示文案，其中，所述滚动距离上限值为所述滚动阈值的预设倍数。

8.根据权利要求7所述的系统，其特征在于，所述第一确定单元包括：

获取模块，用于若所述左滑操作不是fling惯性引起的滑动，获取所述左滑操作对应的横向滑动距离；

计算模块，用于根据所述横向滑动距离，计算所述黏性交互通用组件的内容的偏移距离；

确定模块，用于利用所述偏移距离和所述黏性交互通用组件的内容的当前滚动距离，确定所述黏性交互通用组件的内容的第一滚动距离。

9.根据权利要求7所述的系统，其特征在于，所述第二控制单元具体用于：当所述第一滚动距离小于或等于滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示所述第一提示文案；当所述第一滚动距离大于所述滚动阈值时，控制所述黏性交互通用组件的内容向左滚动，并调用所述底层视图绘制并显示第二提示文案。

10.根据权利要求7所述的系统，其特征在于，所述系统还包括：

第五控制单元，用于当所述黏性交互通用组件的内容向右滚动的滚动距离减小到0时，控制所述黏性交互通用组件的内容停止滚动。

Images