[發(fā)明專利]圖像預(yù)覽方法、裝置、設(shè)備及存儲介質(zhì)

有效

• 申請?zhí)枺?/td>: 201811535459.6
• 申請日: 2018-12-14
• 公開（公告）號: CN109657086B
• 公開（公告）日: 2020-05-19
• 發(fā)明（設(shè)計）人: 宋大偉;張丹
• 申請（專利權(quán)）人: 蘇州好玩友網(wǎng)絡(luò)科技有限公司
• 主分類號: G06F16/54
• 分類號: G06F16/54;G06F3/0484;G06F3/0485;G06F3/0488;G06F9/451
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

1.一種基于React Native的圖像預(yù)覽方法，其特征在于，包括：

獲取操作界面轉(zhuǎn)換指令，其中，所述操作界面轉(zhuǎn)換指令為從當(dāng)前操作界面轉(zhuǎn)換至其他操作界面的指令；

如果所述操作界面轉(zhuǎn)換指令對應(yīng)的轉(zhuǎn)換后的操作界面為設(shè)定圖像預(yù)覽界面，則調(diào)用基于React Native的圖像預(yù)覽程序，以使所述圖像預(yù)覽程序根據(jù)所述設(shè)定圖像預(yù)覽界面對應(yīng)的用戶操作顯示預(yù)覽圖像；其中，

所述圖像預(yù)覽程序根據(jù)所述設(shè)定圖像預(yù)覽界面對應(yīng)的用戶操作顯示預(yù)覽圖像，包括：

通過所述圖像預(yù)覽程序，判斷用戶對所述設(shè)定圖像預(yù)覽界面中的目標(biāo)圖像的操作是否為預(yù)覽操作，所述預(yù)覽操作為長按；

如果為預(yù)覽操作，則關(guān)閉ScrollView滾動響應(yīng)之后，通過所述圖像預(yù)覽程序顯示所述目標(biāo)圖像的預(yù)覽圖像；

通過所述圖像預(yù)覽程序，判斷所述用戶是否通過與所述預(yù)覽操作相連的滑動操作更新目標(biāo)圖像；

如果所述用戶通過與所述預(yù)覽操作相連的滑動操作更新目標(biāo)圖像，則通過所述圖像預(yù)覽程序更新預(yù)覽圖像。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述用戶操作為手勢操作。

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通過所述圖像預(yù)覽程序顯示所述目標(biāo)圖像的預(yù)覽圖像，包括：

通過所述圖像預(yù)覽程序，根據(jù)所述目標(biāo)圖像在屏幕中的位置，確定所述目標(biāo)圖像的預(yù)覽圖像的顯示位置；

通過所述圖像預(yù)覽程序，將所述預(yù)覽圖像在所述顯示位置上進(jìn)行顯示。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述通過所述圖像預(yù)覽程序，根據(jù)所述目標(biāo)圖像在屏幕中的位置，確定所述目標(biāo)圖像的預(yù)覽圖像的顯示位置，具體包括：

通過所述圖像預(yù)覽程序，根據(jù)所述目標(biāo)圖像的上邊緣線與屏幕的上邊緣線之間的距離與所述預(yù)覽圖像的圖像高度的比值，確定所述預(yù)覽圖像的顯示位置。

5.一種基于React Native的圖像預(yù)覽裝置，其特征在于，包括：

轉(zhuǎn)換指令獲取模塊，用于獲取操作界面轉(zhuǎn)換指令，其中，所述操作界面轉(zhuǎn)換指令為從當(dāng)前操作界面轉(zhuǎn)換至其他操作界面的指令；

程序調(diào)用模塊，用于如果所述操作界面轉(zhuǎn)換指令對應(yīng)的轉(zhuǎn)換后的操作界面為設(shè)定圖像預(yù)覽界面，則調(diào)用基于React Native的圖像預(yù)覽程序，以使所述圖像預(yù)覽程序根據(jù)所述設(shè)定圖像預(yù)覽界面對應(yīng)的用戶操作顯示預(yù)覽圖像；其中，

所述圖像預(yù)覽程序根據(jù)所述設(shè)定圖像預(yù)覽界面對應(yīng)的用戶操作顯示預(yù)覽圖像，包括：

通過所述圖像預(yù)覽程序，判斷用戶對所述設(shè)定圖像預(yù)覽界面中的目標(biāo)圖像的操作是否為預(yù)覽操作，所述預(yù)覽操作為長按；

如果為預(yù)覽操作，則關(guān)閉ScrollView滾動響應(yīng)之后，通過所述圖像預(yù)覽程序顯示所述目標(biāo)圖像的預(yù)覽圖像；

通過所述圖像預(yù)覽程序，判斷所述用戶是否通過與所述預(yù)覽操作相連的滑動操作更新目標(biāo)圖像；

如果所述用戶通過與所述預(yù)覽操作相連的滑動操作更新目標(biāo)圖像，則通過所述圖像預(yù)覽程序更新預(yù)覽圖像。

6.一種設(shè)備，其特征在于，所述設(shè)備包括：

一個或多個處理器；

存儲裝置，用于存儲一個或多個程序；

當(dāng)所述一個或多個程序被所述一個或多個處理器執(zhí)行，使得所述一個或多個處理器實(shí)現(xiàn)如權(quán)利要求1-4中任一項(xiàng)所述的基于React Native的圖像預(yù)覽方法。

7.一種包含計算機(jī)可執(zhí)行指令的存儲介質(zhì)，所述計算機(jī)可執(zhí)行指令在由計算機(jī)處理器執(zhí)行時用于執(zhí)行如權(quán)利要求1-4中任一項(xiàng)所述的基于React Native的圖像預(yù)覽方法。