[發(fā)明專利]一種輪播圖片顯示方法以及輪播圖片顯示裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 202010464549.1
• 申請(qǐng)日: 2020-05-27
• 公開（公告）號(hào): CN111694499A
• 公開（公告）日: 2020-09-22
• 發(fā)明（設(shè)計(jì)）人: 趙榮榮
• 申請(qǐng)（專利權(quán)）人: 北京城市網(wǎng)鄰信息技術(shù)有限公司
• 主分類號(hào): G06F3/0488
• 分類號(hào): G06F3/0488;G06F3/0484
• 代理公司: 北京弘權(quán)知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11363
• 代理人: 逯長(zhǎng)明;許偉群

1.一種輪播圖片顯示方法，其特征在于，包括：

通過(guò)Scroll View的on ScrollEnd Drag函數(shù)監(jiān)聽用戶對(duì)終端的屏幕上的目標(biāo)展示頁(yè)面中顯示的目標(biāo)圖片的滑動(dòng)操作，其中，所述目標(biāo)展示頁(yè)面為react-native-tab-view所顯示的目標(biāo)應(yīng)用程序的多個(gè)展示頁(yè)面中的一個(gè)展示頁(yè)面；

響應(yīng)于監(jiān)聽到的所述滑動(dòng)操作，獲取所述目標(biāo)圖片的偏移坐標(biāo)；

根據(jù)所述偏移坐標(biāo)，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片或者所述目標(biāo)圖片的下一圖片，其中，所述目標(biāo)圖片為多張輪播圖片中的一張輪播圖片，圖片隊(duì)列包含位于起始位置的第一參考圖片、位于末端位置的第二參考圖片以及位于所述起始位置和所述末端位置之間，依次排列的所述多張輪播圖片，所述目標(biāo)圖片的下一圖片為所述多張輪播圖片中，與所述目標(biāo)圖片相鄰序列的圖片。

2.如權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述偏移坐標(biāo)，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片或者所述目標(biāo)圖片的下一圖片，包括：

計(jì)算所述偏移坐標(biāo)與所述目標(biāo)圖片的目標(biāo)寬度的比值；

在所述比值小于預(yù)設(shè)閾值的情況下，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片；

在所述比值大于或者等于所述預(yù)設(shè)閾值的情況下，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片的下一圖片。

3.如權(quán)利要求2所述的方法，其特征在于，所述在所述比值大于或者等于所述預(yù)設(shè)閾值的情況下，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片的下一圖片，包括：

在所述比值大于或者等于所述預(yù)設(shè)閾值的情況下，確定滾動(dòng)至所述Scroll View內(nèi)的滾動(dòng)圖片在所述圖片隊(duì)列中的目標(biāo)位置；

根據(jù)所述目標(biāo)位置，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片的下一圖片。

4.如權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述目標(biāo)位置，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片的下一圖片，包括：

在所述目標(biāo)位置為所述圖片隊(duì)列中除所述起始位置和所述末端位置之外的其他位置的情況下，確定所述滾動(dòng)圖片為所述目標(biāo)圖片的下一圖片；

顯示所述目標(biāo)圖片的下一圖片。

5.如權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述目標(biāo)位置，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片的下一圖片，包括：

在所述目標(biāo)位置為所述圖片隊(duì)列中的起始位置的情況下，確定位于所述圖片隊(duì)列的倒數(shù)第二個(gè)位置的輪播圖片為所述目標(biāo)圖片的下一圖片；

顯示所述目標(biāo)圖片的下一圖片。

6.如權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述目標(biāo)位置，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片的下一圖片，包括：

在所述目標(biāo)位置為所述圖片隊(duì)列中的末端位置的情況下，確定位于所述圖片隊(duì)列的第二個(gè)位置的輪播圖片為所述目標(biāo)圖片的下一圖片；

顯示所述目標(biāo)圖片的下一圖片。

7.一種輪播圖片顯示裝置，其特征在于，包括：

監(jiān)聽模塊，用于通過(guò)Scroll View的on Scroll End Drag函數(shù)監(jiān)聽用戶對(duì)終端的屏幕上的目標(biāo)展示頁(yè)面中顯示的目標(biāo)圖片的滑動(dòng)操作，其中，所述目標(biāo)展示頁(yè)面為react-native-tab-view所顯示的目標(biāo)應(yīng)用程序的多個(gè)展示頁(yè)面中的一個(gè)展示頁(yè)面；

獲取模塊，用于響應(yīng)于監(jiān)聽到的所述滑動(dòng)操作，獲取所述目標(biāo)圖片的偏移坐標(biāo)；

顯示模塊，用于根據(jù)所述偏移坐標(biāo)，確定在所述目標(biāo)展示頁(yè)面中顯示所述目標(biāo)圖片或者所述目標(biāo)圖片的下一圖片，其中，所述目標(biāo)圖片為多張輪播圖片中的一張輪播圖片，圖片隊(duì)列包含位于起始位置的第一參考圖片、位于末端位置的第二參考圖片以及位于所述起始位置和所述末端位置之間，依次排列的所述多張輪播圖片，所述目標(biāo)圖片的下一圖片為所述多張輪播圖片中，與所述目標(biāo)圖片相鄰序列的圖片。