[发明专利]一种轮播图片显示方法以及轮播图片显示装置

权利要求书

1.一种轮播图片显示方法，其特征在于，包括：

通过Scroll View的on ScrollEnd Drag函数监听用户对终端的屏幕上的目标展示页面中显示的目标图片的滑动操作，其中，所述目标展示页面为react-native-tab-view所显示的目标应用程序的多个展示页面中的一个展示页面；

响应于监听到的所述滑动操作，获取所述目标图片的偏移坐标；

根据所述偏移坐标，确定在所述目标展示页面中显示所述目标图片或者所述目标图片的下一图片，其中，所述目标图片为多张轮播图片中的一张轮播图片，图片队列包含位于起始位置的第一参考图片、位于末端位置的第二参考图片以及位于所述起始位置和所述末端位置之间，依次排列的所述多张轮播图片，所述目标图片的下一图片为所述多张轮播图片中，与所述目标图片相邻序列的图片。

2.如权利要求1所述的方法，其特征在于，所述根据所述偏移坐标，确定在所述目标展示页面中显示所述目标图片或者所述目标图片的下一图片，包括：

计算所述偏移坐标与所述目标图片的目标宽度的比值；

在所述比值小于预设阈值的情况下，确定在所述目标展示页面中显示所述目标图片；

在所述比值大于或者等于所述预设阈值的情况下，确定在所述目标展示页面中显示所述目标图片的下一图片。

3.如权利要求2所述的方法，其特征在于，所述在所述比值大于或者等于所述预设阈值的情况下，确定在所述目标展示页面中显示所述目标图片的下一图片，包括：

在所述比值大于或者等于所述预设阈值的情况下，确定滚动至所述Scroll View内的滚动图片在所述图片队列中的目标位置；

根据所述目标位置，确定在所述目标展示页面中显示所述目标图片的下一图片。

4.如权利要求3所述的方法，其特征在于，所述根据所述目标位置，确定在所述目标展示页面中显示所述目标图片的下一图片，包括：

在所述目标位置为所述图片队列中除所述起始位置和所述末端位置之外的其他位置的情况下，确定所述滚动图片为所述目标图片的下一图片；

显示所述目标图片的下一图片。

5.如权利要求3所述的方法，其特征在于，所述根据所述目标位置，确定在所述目标展示页面中显示所述目标图片的下一图片，包括：

在所述目标位置为所述图片队列中的起始位置的情况下，确定位于所述图片队列的倒数第二个位置的轮播图片为所述目标图片的下一图片；

显示所述目标图片的下一图片。

6.如权利要求3所述的方法，其特征在于，所述根据所述目标位置，确定在所述目标展示页面中显示所述目标图片的下一图片，包括：

在所述目标位置为所述图片队列中的末端位置的情况下，确定位于所述图片队列的第二个位置的轮播图片为所述目标图片的下一图片；

显示所述目标图片的下一图片。

7.一种轮播图片显示装置，其特征在于，包括：

监听模块，用于通过Scroll View的on Scroll End Drag函数监听用户对终端的屏幕上的目标展示页面中显示的目标图片的滑动操作，其中，所述目标展示页面为react-native-tab-view所显示的目标应用程序的多个展示页面中的一个展示页面；

获取模块，用于响应于监听到的所述滑动操作，获取所述目标图片的偏移坐标；

显示模块，用于根据所述偏移坐标，确定在所述目标展示页面中显示所述目标图片或者所述目标图片的下一图片，其中，所述目标图片为多张轮播图片中的一张轮播图片，图片队列包含位于起始位置的第一参考图片、位于末端位置的第二参考图片以及位于所述起始位置和所述末端位置之间，依次排列的所述多张轮播图片，所述目标图片的下一图片为所述多张轮播图片中，与所述目标图片相邻序列的图片。