[發(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
• 代理人: 孟金喆

本發(fā)明實(shí)施例公開了一種基于React Native的圖像預(yù)覽方法、裝置、設(shè)備及存儲介質(zhì)。所述方法包括：獲取操作界面轉(zhuǎn)換指令；如果操作界面轉(zhuǎn)換指令對應(yīng)的轉(zhuǎn)換后的操作界面為設(shè)定圖像預(yù)覽界面，則調(diào)用基于React Native的圖像預(yù)覽程序，以使圖像預(yù)覽程序根據(jù)設(shè)定圖像預(yù)覽界面對應(yīng)的用戶操作顯示預(yù)覽圖像。本發(fā)明實(shí)施例的技術(shù)方案解決了現(xiàn)有技術(shù)中需要針對不同的移動操作系統(tǒng)編寫不同的內(nèi)置于應(yīng)用程序或可被應(yīng)用程序調(diào)用的圖像預(yù)覽程序模塊，導(dǎo)致應(yīng)用程序開發(fā)成本增加以及開發(fā)效率降低的技術(shù)缺陷，實(shí)現(xiàn)了降低基于Android以及iOS系統(tǒng)的應(yīng)用程序的開發(fā)成本，且提高了應(yīng)用程序的開發(fā)效率。

技術(shù)領(lǐng)域

本發(fā)明實(shí)施例涉及圖像預(yù)覽技術(shù)領(lǐng)域，尤其涉及一種基于React Native的圖像預(yù)覽方法、裝置、設(shè)備及存儲介質(zhì)。

背景技術(shù)

現(xiàn)如今，移動終端所使用的操作系統(tǒng)絕大多數(shù)為Android系統(tǒng)和iOS系統(tǒng)，其中，Android系統(tǒng)是由Google公司開發(fā)的操作系統(tǒng)，iOS系統(tǒng)是由蘋果公司的移動操作系統(tǒng)，這兩大移動操作系統(tǒng)完全不同。

現(xiàn)有技術(shù)中，編程人員在編寫移動終端中的應(yīng)用程序時，需要針對Android系統(tǒng)和iOS系統(tǒng)編寫兩個版本的應(yīng)用程序，浪費(fèi)了大量的人力物力，使得應(yīng)用程序的開發(fā)成本較高，開發(fā)效率較低。

WebApp是指基于Web的系統(tǒng)和應(yīng)用，其可以向廣大的用戶發(fā)布一組復(fù)雜的內(nèi)容和功能。雖然同時針對Android系統(tǒng)和iOS系統(tǒng)可以只編寫一個版本的WebApp，但是WebApp的手勢識別性能較差，其難以順暢地對手勢操作進(jìn)行響應(yīng)。例如，在通過用戶的手勢操作觸發(fā)圖像預(yù)覽時，會出現(xiàn)卡頓的現(xiàn)象，難以順暢地顯示預(yù)覽圖像。

發(fā)明內(nèi)容

有鑒于此，本發(fā)明實(shí)施例提供了一種圖像預(yù)覽方法、裝置、設(shè)備及存儲介質(zhì)，以優(yōu)化現(xiàn)有的應(yīng)用程序的圖像預(yù)覽方法，降低了移動終端的應(yīng)用程序的開發(fā)成本。

在第一方面，本發(fā)明實(shí)施例提供了一種基于React Native的圖像預(yù)覽方法，包括：

獲取操作界面轉(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ù)覽程序顯示所述目標(biāo)圖像的預(yù)覽圖像。

在上述方法中，可選的是，所述通過所述圖像預(yù)覽程序顯示所述目標(biāo)圖像的預(yù)覽圖像，包括：

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

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

在上述方法中，可選的是，所述通過所述圖像預(yù)覽程序，根據(jù)所述目標(biāo)圖像在屏幕中的位置，確定所述目標(biāo)圖像的預(yù)覽圖像的顯示位置，具體包括：

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

在上述方法中，可選的是，所述預(yù)覽操作為長按；

在所述通過所述圖像預(yù)覽程序顯示所述目標(biāo)圖像的預(yù)覽圖像之后，還包括：