[發(fā)明專利]一種圖像展示方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202110604653.0
• 申請(qǐng)日: 2021-05-31
• 公開(kāi)（公告）號(hào): CN113360063B
• 公開(kāi)（公告）日: 2023-02-03
• 發(fā)明（設(shè)計(jì)）人: 李欣
• 申請(qǐng)（專利權(quán)）人: 網(wǎng)易(杭州)網(wǎng)絡(luò)有限公司
• 主分類號(hào): G06F3/04845
• 分類號(hào): G06F3/04845;G06F3/0484;G06F3/0481;G06F3/0488
• 代理公司: 北京超凡宏宇專利代理事務(wù)所(特殊普通合伙) 11463
• 代理人: 鐘揚(yáng)飛

1.一種圖像展示方法，其特征在于，所述方法包括：

響應(yīng)用戶的第一操作，確定待展示的目標(biāo)圖像；

根據(jù)所述目標(biāo)圖像的數(shù)量，確定用于展示所述目標(biāo)圖像的圖片排布樣式；其中，每一圖片排布樣式對(duì)應(yīng)一展示框，每一展示框的寬度等于發(fā)布頁(yè)面的最大展示寬度；每一圖片排布樣式使得對(duì)應(yīng)的展示框被分割為至少一個(gè)子展示框，所述子展示框的數(shù)量與所述目標(biāo)圖像的數(shù)量相同，每一個(gè)所述子展示框用于展示一個(gè)所述目標(biāo)圖像；任意兩個(gè)子展示框之間均具有一對(duì)應(yīng)預(yù)設(shè)寬度的縫隙；

響應(yīng)針對(duì)所述展示框的邊界區(qū)域的第二操作，確定所述展示框中的待調(diào)整邊界；其中，所述待調(diào)整邊界包括以下至少之一：所述展示框的頂部邊界、所述展示框的底部邊界、所述子展示框?qū)λ稣故究虻哪繕?biāo)分割邊界，所述目標(biāo)分割邊界為至少一個(gè)子展示框構(gòu)成的一組平齊的邊界；

響應(yīng)與所述第二操作連續(xù)的滑動(dòng)操作，根據(jù)所述滑動(dòng)操作的滑動(dòng)距離和滑動(dòng)方向，調(diào)整所述待調(diào)整邊界，得到調(diào)整后的目標(biāo)展示框；

基于調(diào)整后的所述目標(biāo)展示框展示所述目標(biāo)圖像。

2.根據(jù)權(quán)利要求1所述的圖像展示方法，其特征在于，所述方法還包括：

根據(jù)所述展示框中子展示框的排列順序和所述目標(biāo)圖像的排列順序，確定每一個(gè)所述子展示框?qū)?yīng)的目標(biāo)圖像；

基于所述展示框中每一個(gè)所述子展示框展示對(duì)應(yīng)的目標(biāo)圖像。

3.根據(jù)權(quán)利要求1所述的圖像展示方法，其特征在于，所述方法還包括：

在發(fā)布編輯界面中，基于所述圖片排布樣式對(duì)應(yīng)的展示框，展示所述目標(biāo)圖像；

響應(yīng)用戶針對(duì)目標(biāo)圖像的發(fā)布操作，在發(fā)布頁(yè)面中，基于所述發(fā)布編輯界面中當(dāng)前圖片排布樣式對(duì)應(yīng)的展示框，展示所述目標(biāo)圖像。

4.根據(jù)權(quán)利要求1或3所述的圖像展示方法，其特征在于，所述方法還包括：

響應(yīng)針對(duì)所述子展示框中目標(biāo)圖像的裁剪操作，確定所述目標(biāo)圖像在所述子展示框中的第一展示圖像；其中，所述第一展示圖像根據(jù)設(shè)定需求確定，且所述第一展示圖像與所述子展示框的大小相適配；

將所述第一展示圖像展示在所述子展示框中。

5.根據(jù)權(quán)利要求1或3所述的圖像展示方法，其特征在于，所述方法還包括：

響應(yīng)針對(duì)所述子展示框中目標(biāo)圖像的更換操作，確定第一子展示框中的第一目標(biāo)圖像和第二子展示框中的第二目標(biāo)圖像，并將所述第二子展示框中的第二目標(biāo)圖像更換為第一目標(biāo)圖像，以及，將所述第一子展示框中的第一目標(biāo)圖像更換為所述第二目標(biāo)圖像。

6.根據(jù)權(quán)利要求1所述的圖像展示方法，其特征在于，所述方法還包括：

響應(yīng)針對(duì)所述子展示框中目標(biāo)圖像的縮放操作，確定所述目標(biāo)圖像在所述子展示框中的第二展示圖像；其中，所述第二展示圖像根據(jù)設(shè)定需求確定，且所述第二展示圖像與所述子展示框的大小相適配；

將所述第二展示圖像展示在所述子展示框中。

7.根據(jù)權(quán)利要求3所述的圖像展示方法，其特征在于，所述在發(fā)布編輯界面中，基于所述圖片排布樣式對(duì)應(yīng)的展示框，展示所述目標(biāo)圖像，包括：

在發(fā)布編輯頁(yè)面中，基于多個(gè)圖片排布樣式對(duì)應(yīng)的展示框分別展示所述目標(biāo)圖像；其中，不同展示框的以下至少一個(gè)參數(shù)不同：子展示框的大小和子展示框的分割方式；

響應(yīng)針對(duì)所述多個(gè)圖片排布樣式對(duì)應(yīng)的展示框的選擇操作，確定對(duì)應(yīng)目標(biāo)圖片排布樣式的目標(biāo)展示框；

基于所述對(duì)應(yīng)目標(biāo)圖片排布樣式的目標(biāo)展示框，展示所述目標(biāo)圖像。

8.根據(jù)權(quán)利要求7所述的圖像展示方法，其特征在于，所述在發(fā)布編輯頁(yè)面中，基于多個(gè)圖片排布樣式對(duì)應(yīng)的展示框分別展示所述目標(biāo)圖像，包括：

根據(jù)多個(gè)圖片排布樣式分別對(duì)應(yīng)的展示框，確定所述發(fā)布編輯頁(yè)面中與多個(gè)展示框?qū)?yīng)的多個(gè)展示區(qū)域；其中，每個(gè)展示區(qū)域?qū)?yīng)一展示框；

在所述多個(gè)展示區(qū)域中，基于與每個(gè)展示區(qū)域?qū)?yīng)的展示框展示所述目標(biāo)圖像。