[發(fā)明專利]圖片加載方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202010620452.5
• 申請(qǐng)日: 2020-06-30
• 公開（公告）號(hào): CN111767492B
• 公開（公告）日: 2023-04-11
• 發(fā)明（設(shè)計(jì)）人: 劉紅波
• 申請(qǐng)（專利權(quán)）人: 中國(guó)平安財(cái)產(chǎn)保險(xiǎn)股份有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F16/958;G06F9/445
• 代理公司: 深圳市精英專利事務(wù)所 44242
• 代理人: 涂年影

1.一種圖片加載方法，應(yīng)用于用戶終端，所述用戶終端與至少一臺(tái)服務(wù)器進(jìn)行通信，其特征在于，所述方法包括：

若接收到用戶所輸入的待加載網(wǎng)頁(yè)的地址信息，根據(jù)所述地址信息向?qū)?yīng)的服務(wù)器發(fā)送數(shù)據(jù)獲取請(qǐng)求；

若接收到所述服務(wù)器根據(jù)所述數(shù)據(jù)獲取請(qǐng)求所反饋的文件數(shù)組，根據(jù)預(yù)存的配置信息及所述文件數(shù)組在所述用戶終端的顯示界面上加載包含占位框的頁(yè)面信息，其中，所述文件數(shù)組包含至少一個(gè)數(shù)組單元，所述占位框的數(shù)量與所述數(shù)組單元的數(shù)量相等，所述數(shù)組單元用于記載一張圖片的基本信息，所述基本信息包括資源地址信息及圖片尺寸，所述頁(yè)面信息即為不包含圖片的網(wǎng)頁(yè)的基礎(chǔ)頁(yè)面信息；

生成與所述文件數(shù)組中每一所述數(shù)組單元對(duì)應(yīng)的單元對(duì)象，包括使用new?Image構(gòu)造函數(shù)分別生成與每一數(shù)組單元對(duì)應(yīng)的img對(duì)象作為所述單元對(duì)象；

根據(jù)所述頁(yè)面信息及所述單元對(duì)象從所述服務(wù)器獲取對(duì)應(yīng)的目標(biāo)圖片；

根據(jù)所述目標(biāo)圖片的高寬比將所述目標(biāo)圖片加載至所述頁(yè)面信息對(duì)應(yīng)的占位框中以顯示所述目標(biāo)圖片，包括：

將與所述單元對(duì)象對(duì)應(yīng)的所述占位框的屬性值刪除；

根據(jù)所述單元對(duì)象的目標(biāo)圖片高寬比將所述目標(biāo)圖片填充至與所述單元對(duì)象對(duì)應(yīng)的所述占位框中，以在所述顯示界面中加載所述目標(biāo)圖片；

所述配置信息包括頁(yè)面列表信息及屬性配置信息，其中頁(yè)面列表信息即為對(duì)圖片進(jìn)行排布的信息，顯示界面中的圖片均以列表的形式進(jìn)行加載，所述根據(jù)預(yù)存的配置信息及所述文件數(shù)組在所述用戶終端的顯示界面上加載包含占位框的頁(yè)面信息，包括：

根據(jù)所述頁(yè)面列表信息及所述文件數(shù)組中數(shù)組單元的數(shù)量信息在所述顯示界面加載對(duì)應(yīng)數(shù)量的占位框；所述頁(yè)面列表信息中包括一行所包含的占位框的數(shù)量、占位框之間的橫向間距及占位框之間的縱向間距，對(duì)占位框進(jìn)行加載的位置需受到頁(yè)面列表信息的限制；

根據(jù)所述屬性配置信息對(duì)所有所述占位框統(tǒng)一配置屬性值；所述屬性值為背景色或默認(rèn)的背景圖片；

根據(jù)所述數(shù)組單元的資源地址信息對(duì)與所述數(shù)組單元對(duì)應(yīng)的所述占位框配置資源地址值。

2.根據(jù)權(quán)利要求1所述的圖片加載方法，其特征在于，所述根據(jù)所述頁(yè)面信息及所述單元對(duì)象從所述服務(wù)器獲取對(duì)應(yīng)的目標(biāo)圖片，包括：

根據(jù)所述頁(yè)面信息中每一所述占位框的資源地址值，對(duì)與所述占位框?qū)?yīng)的單元對(duì)象的獲取地址進(jìn)行配置；

根據(jù)每一所述單元對(duì)象的獲取地址從所述服務(wù)器獲取與所述獲取地址對(duì)應(yīng)的目標(biāo)圖片。

3.根據(jù)權(quán)利要求2所述的圖片加載方法，其特征在于，所述根據(jù)所述頁(yè)面信息中每一所述占位框的資源地址值，對(duì)與所述占位框?qū)?yīng)的單元對(duì)象的獲取地址進(jìn)行配置之后，還包括：

根據(jù)所述顯示界面的顯示區(qū)域中所述占位框?qū)?yīng)的單元對(duì)象的獲取地址，從所述服務(wù)器獲取與所述獲取地址對(duì)應(yīng)的目標(biāo)圖片。

4.根據(jù)權(quán)利要求3所述的圖片加載方法，其特征在于，所述根據(jù)所述顯示界面的顯示區(qū)域中所述占位框?qū)?yīng)的單元對(duì)象的獲取地址，從所述服務(wù)器獲取與所述獲取地址對(duì)應(yīng)的目標(biāo)圖片之后，還包括：

根據(jù)預(yù)置的滾動(dòng)監(jiān)聽周期對(duì)所述顯示區(qū)域是否發(fā)生變化進(jìn)行周期性滾動(dòng)監(jiān)聽；

若所述顯示區(qū)域發(fā)生變化，根據(jù)變化后的顯示區(qū)域中所述占位框?qū)?yīng)的單元對(duì)象的獲取地址，從所述服務(wù)器獲取與所述獲取地址對(duì)應(yīng)的目標(biāo)圖片。

5.根據(jù)權(quán)利要求4所述的圖片加載方法，其特征在于，所述將與所述單元對(duì)象對(duì)應(yīng)的所述占位框的屬性值刪除的步驟之前，還包括：

對(duì)每一所述單元對(duì)象對(duì)應(yīng)的目標(biāo)圖片是否獲取完畢進(jìn)行判斷；

若所述單元對(duì)象對(duì)應(yīng)的目標(biāo)圖片獲取完畢，則執(zhí)行所述將與所述單元對(duì)象對(duì)應(yīng)的所述占位框的屬性值刪除的步驟；

若所述單元對(duì)象對(duì)應(yīng)的目標(biāo)圖片未獲取完畢，間隔預(yù)置的間隔時(shí)間后再次對(duì)所述單元對(duì)象對(duì)應(yīng)的目標(biāo)圖片是否獲取完畢進(jìn)行判斷。