[發(fā)明專利]一種列表界面的顯示方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 201811512908.5
• 申請(qǐng)日: 2018-12-11
• 公開（公告）號(hào): CN109636724A
• 公開（公告）日: 2019-04-16
• 發(fā)明（設(shè)計(jì)）人: 劉德平
• 申請(qǐng)（專利權(quán)）人: 北京微播視界科技有限公司
• 主分類號(hào): G06T3/40
• 分類號(hào): G06T3/40;G06F9/451
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本公開實(shí)施例公開了一種列表界面的顯示方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。所述方法包括：出現(xiàn)列表項(xiàng)顯示需求時(shí)，獲取所述列表項(xiàng)的數(shù)據(jù)內(nèi)容；如果所述列表項(xiàng)的數(shù)據(jù)內(nèi)容中包括至少兩個(gè)原始圖片，則將各所述原始圖片的圖片數(shù)據(jù)拼合為一張顯示圖片的圖片數(shù)據(jù)；啟動(dòng)圖像處理器的線程來(lái)渲染所述顯示圖片的圖片數(shù)據(jù)，以形成所述列表項(xiàng)的顯示圖片。通過(guò)本公開實(shí)施例的技術(shù)方案，能夠提升列表項(xiàng)的加載顯示速度，減少卡頓現(xiàn)象。

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

本公開實(shí)施例涉及應(yīng)用軟件數(shù)據(jù)處理技術(shù)，尤其涉及一種列表界面的顯示方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

隨著智能終端的廣泛使用，各種應(yīng)用軟件不斷推陳出新。其中，列表界面是現(xiàn)有應(yīng)用軟件客戶端中一種比較常見的界面呈現(xiàn)形式，列表界面中會(huì)逐條顯示列表項(xiàng)，供用戶查看，遇到用戶感興趣的列表項(xiàng)，則用戶會(huì)點(diǎn)擊列表項(xiàng)進(jìn)入查看詳情。

在用戶滑動(dòng)列表界面的時(shí)候，終端設(shè)備經(jīng)常出現(xiàn)卡頓掉幀的不流暢顯示情況，通常是由于列表項(xiàng)不能及時(shí)加載顯示而導(dǎo)致的。

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

本公開實(shí)施例提供一種列表界面的顯示方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)，以提升列表項(xiàng)的加載顯示速度，減少卡頓現(xiàn)象。

第一方面，本公開實(shí)施例提供了一種列表界面的顯示方法，包括：

出現(xiàn)列表項(xiàng)顯示需求時(shí)，獲取所述列表項(xiàng)的數(shù)據(jù)內(nèi)容；

如果所述列表項(xiàng)的數(shù)據(jù)內(nèi)容中包括至少兩個(gè)原始圖片，則將各所述原始圖片的圖片數(shù)據(jù)拼合為一張顯示圖片的圖片數(shù)據(jù)；

啟動(dòng)圖像處理器的線程來(lái)渲染所述顯示圖片的圖片數(shù)據(jù)，以形成所述列表項(xiàng)的顯示圖片。

進(jìn)一步的，將各所述原始圖片的圖片數(shù)據(jù)拼合為一張顯示圖片的圖片數(shù)據(jù)包括：

確定相鄰原始圖片之間的拼接區(qū)域；

設(shè)置所述拼接區(qū)域的圖片數(shù)據(jù)；

將各所述原始圖片的圖片數(shù)據(jù)，以及拼接區(qū)域的圖片數(shù)據(jù)，按照?qǐng)D片排列順序，拼合為一張顯示圖片的圖片數(shù)據(jù)。

進(jìn)一步的，設(shè)置所述拼接區(qū)域的圖片數(shù)據(jù)包括：

按照所述拼接區(qū)域的尺寸，為所述拼接區(qū)域內(nèi)的像素點(diǎn)賦值為純色或設(shè)定圖案的像素值，作為所述拼接區(qū)域的圖片數(shù)據(jù)。

進(jìn)一步的，所述圖片排列順序?yàn)楦髟紙D片橫向、豎向或斜向排列。

進(jìn)一步的，確定相鄰原始圖片之間的拼接區(qū)域包括：

根據(jù)所述列表項(xiàng)的數(shù)據(jù)內(nèi)容進(jìn)行布局配置，以確定原始圖片的圖片排列順序，以及原始圖片的尺寸和相鄰原始圖片之間拼接區(qū)域的尺寸。

第二方面，本公開實(shí)施例還提供了一種列表界面的顯示裝置，該裝置包括：

數(shù)據(jù)獲取模塊，用于出現(xiàn)列表項(xiàng)顯示需求時(shí)，獲取所述列表項(xiàng)的數(shù)據(jù)內(nèi)容；

圖片拼合模塊，用于如果所述列表項(xiàng)的數(shù)據(jù)內(nèi)容中包括至少兩個(gè)原始圖片，則將各所述原始圖片的圖片數(shù)據(jù)拼合為一張顯示圖片的圖片數(shù)據(jù)；

圖片渲染模塊，用于啟動(dòng)圖像處理器的線程來(lái)渲染所述顯示圖片的圖片數(shù)據(jù)，以形成所述列表項(xiàng)的顯示圖片。

進(jìn)一步的，所述圖片拼合模塊包括：

區(qū)域確定子模塊，用于確定相鄰原始圖片之間的拼接區(qū)域；

數(shù)據(jù)設(shè)置子模塊，用于設(shè)置所述拼接區(qū)域的圖片數(shù)據(jù)；

數(shù)據(jù)拼合子模塊，用于將各所述原始圖片的圖片數(shù)據(jù)，以及拼接區(qū)域的圖片數(shù)據(jù)，按照?qǐng)D片排列順序，拼合為一張顯示圖片的圖片數(shù)據(jù)。

進(jìn)一步的，所述數(shù)據(jù)設(shè)置子模塊具體用于：