[發(fā)明專利]圖片渲染方法、裝置和移動(dòng)終端

在審

• 申請(qǐng)?zhí)枺?/td>: 201410446924.4
• 申請(qǐng)日: 2014-09-03
• 公開（公告）號(hào): CN105389159A
• 公開（公告）日: 2016-03-09
• 發(fā)明（設(shè)計(jì)）人: 成國凱
• 申請(qǐng)（專利權(quán)）人: 優(yōu)視科技有限公司
• 主分類號(hào): G06F9/44
• 分類號(hào): G06F9/44;G06F17/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

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

本發(fā)明涉及移動(dòng)通信技術(shù)領(lǐng)域，更為具體地，涉及圖片渲染方法、裝置及移動(dòng)終端。

背景技術(shù)

網(wǎng)頁頁面中包含很多網(wǎng)頁元素，例如圖片，文字還有視頻等。目前Chrome、android自帶瀏覽器及第三方瀏覽器(如UC瀏覽器)等瀏覽器的渲染工作有兩種執(zhí)行方式，一種是在主線程完成，一種是在渲染線程完成。兩種方式在網(wǎng)頁渲染時(shí)執(zhí)行方式類似。在頁面渲染的過程中，如發(fā)現(xiàn)需要渲染的圖片未進(jìn)行圖片解碼，則首先需對(duì)該圖片進(jìn)行解碼，解碼完成后再對(duì)圖片進(jìn)行渲染，之后才能進(jìn)行下一網(wǎng)頁元素的處理。

在網(wǎng)頁渲染過程中圖片解碼是一個(gè)很耗時(shí)的工作。特別對(duì)于擁有多圖或者大圖的網(wǎng)頁來說，圖片解碼耗時(shí)是影響網(wǎng)頁渲染效率最主要的因素，也是影響瀏覽器整體性能的主要因素。如果網(wǎng)頁圖片過大或者網(wǎng)頁圖片很多都會(huì)導(dǎo)致網(wǎng)頁渲染速度慢，網(wǎng)頁渲染效率低。在主線程或者渲染線程進(jìn)行大圖片渲染或者多圖片網(wǎng)頁的渲染時(shí)，由于主線程或者渲染線程正在進(jìn)行圖片解碼，而不能執(zhí)行其它任務(wù)，導(dǎo)致主線程或者渲染線程的網(wǎng)頁渲染效率低，甚至出現(xiàn)堵塞出現(xiàn)卡頓現(xiàn)象。

同時(shí)如果在渲染線程或者主線程網(wǎng)頁渲染過程中正在進(jìn)行圖片的解碼，此時(shí)用戶進(jìn)行屏幕操作，比如劃屏或者點(diǎn)擊網(wǎng)頁的控件等，由于此時(shí)主線程或者渲染線程正在進(jìn)行圖片解碼，而不能執(zhí)行其它任務(wù)，瀏覽器也出現(xiàn)卡頓現(xiàn)象。

所以，現(xiàn)有方法中，瀏覽器的渲染線程或者主線程在進(jìn)行網(wǎng)頁的大圖渲染或者多圖渲染時(shí)，由于在進(jìn)行圖片的解碼，而不能進(jìn)行其它工作會(huì)導(dǎo)致瀏覽器出現(xiàn)渲染速度慢，效率低，甚至出現(xiàn)阻塞卡頓或者會(huì)導(dǎo)致用戶劃屏卡頓。

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

鑒于上述問題，本發(fā)明的目的是提供一種圖片渲染方法、裝置及移動(dòng)終端，能加快網(wǎng)頁渲染的渲染速度，有效避免瀏覽網(wǎng)頁時(shí)產(chǎn)生的卡頓現(xiàn)象。

根據(jù)本發(fā)明的一個(gè)方面，提供一種圖片渲染方法，包括：

負(fù)責(zé)渲染的線程在渲染網(wǎng)頁時(shí)檢測(cè)出準(zhǔn)備渲染的圖片為未解碼圖片，則創(chuàng)建所述圖片的圖片解碼任務(wù)以供解碼線程根據(jù)圖片的圖片解碼任務(wù)對(duì)所述圖片進(jìn)行解碼；

獲取所述圖片的信息；

根據(jù)獲取的圖片信息渲染所述解碼線程解碼后的圖片。

還包括：構(gòu)建包含一個(gè)或多個(gè)解碼線程的圖片解碼線程池；

所述圖片的圖片解碼任務(wù)創(chuàng)建完成后，由圖片解碼線程池中一個(gè)可用解碼線程對(duì)所述圖片進(jìn)行解碼。

還包括：將所述圖片解碼任務(wù)加入圖片解碼隊(duì)列，所述解碼線程根據(jù)圖片解碼隊(duì)列對(duì)所述圖片進(jìn)行解碼。

其中，負(fù)責(zé)渲染的線程獲取所述圖片的信息包括：負(fù)責(zé)渲染的線程從圖片映射表中獲取所述圖片需要渲染的位置及大小信息；

其中，負(fù)責(zé)渲染的線程根據(jù)獲取的圖片信息渲染解碼線程解碼后的圖片包括：

負(fù)責(zé)渲染的線程根據(jù)從圖片映射表中獲取的所述圖片需要渲染的位置及大小信息渲染所述解碼線程解碼后的圖片。

還包括：當(dāng)檢測(cè)到圖片不在可視區(qū)域的預(yù)設(shè)范圍內(nèi)時(shí)，則在圖片解碼隊(duì)列中刪除所述圖片對(duì)應(yīng)的圖片解碼任務(wù)和/或在所述圖片映射表刪除所述圖片的信息。

還包括：對(duì)已經(jīng)完成解碼的圖片的圖片解碼數(shù)據(jù)進(jìn)行緩存；

在進(jìn)行圖片解碼數(shù)據(jù)緩存清理時(shí)，保留緩存中的確定處于可視區(qū)域預(yù)設(shè)閾值范圍內(nèi)的圖片的圖片解碼數(shù)據(jù)。

另一方面，本發(fā)明還提供一種圖片渲染裝置，包括：負(fù)責(zé)渲染的線程單元、解碼線程單元，

所述負(fù)責(zé)渲染的線程單元，用于在渲染網(wǎng)頁時(shí)檢測(cè)出準(zhǔn)備渲染的圖片為未解碼圖片，則創(chuàng)建所述圖片的圖片解碼任務(wù)以供解碼線程單元根據(jù)圖片的圖片解碼任務(wù)對(duì)所述圖片進(jìn)行解碼，獲取所述圖片的信息，根據(jù)獲取的圖片信息渲染解碼線程解碼后的圖片；

所述解碼線程單元，用于根據(jù)圖片的圖片解碼任務(wù)對(duì)所述圖片進(jìn)行解碼。

其中，所述負(fù)責(zé)渲染的線程單元包括：

檢測(cè)模塊，用于在渲染網(wǎng)頁時(shí)檢測(cè)出準(zhǔn)備渲染的圖片為未解碼圖片；

任務(wù)創(chuàng)建模塊，用于創(chuàng)建所述圖片的圖片解碼任務(wù)；

信息獲取模塊，用于獲取所述圖片的信息；

渲染模塊，用于根據(jù)信息獲取模塊獲取的圖片信息渲染已經(jīng)完成解碼的圖片；

其中，所述解碼線程單元包括：

解碼模塊，用于根據(jù)圖片的圖片解碼任務(wù)對(duì)圖片進(jìn)行解碼。

其中，所述負(fù)責(zé)渲染的線程單元還包括：線程池構(gòu)建模塊，所述線程池構(gòu)建模塊用于構(gòu)建包括至少一個(gè)解碼線程的圖片解碼線程池。

其中，所述負(fù)責(zé)渲染的線程單元還包括：任務(wù)管理模塊，用于將所述圖片解碼任務(wù)加入圖片解碼隊(duì)列以供所述解碼線程單元的解碼模塊根據(jù)圖片解碼隊(duì)列對(duì)所述圖片進(jìn)行解碼。