本公開涉及信息處理技術(shù)領(lǐng)域，尤其涉及一種渲染圖片的方法及裝置。

背景技術(shù)：

隨著信息處理技術(shù)的快速發(fā)展，終端處理信息的功能越來越強大，終端可以根據(jù)用戶需求，對各種類型的信息進行處理，比如將圖片上的文字處理為純文本，渲染圖片數(shù)據(jù)等。對于圖片來說，終端在顯示網(wǎng)頁或者應(yīng)用中的某張圖片之前，常常需要對該圖片的圖片數(shù)據(jù)進行渲染得到圖片，然后顯示該圖片，之后，用戶可以在網(wǎng)頁或者應(yīng)用中瀏覽該圖片。

目前，普遍的渲染圖片的方法為：終端獲取到整張圖片的圖片數(shù)據(jù)后，先解碼整張圖片的圖片數(shù)據(jù)，然后對解碼的圖片數(shù)據(jù)進行渲染，得到整張圖片，然后再顯示該整張圖片。

技術(shù)實現(xiàn)要素：

為克服相關(guān)技術(shù)中存在的問題，本公開提供一種渲染圖片的方法及裝置。

根據(jù)本公開實施例的第一方面，提供一種渲染圖片的方法，所述方法包括：

獲取待渲染圖片的圖片數(shù)據(jù)；

將所述待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)；

從所述多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

根據(jù)所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染所述顯示界面中的各圖片區(qū)域。

可選地，所述將所述待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)，包括：

基于所述待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將所述待渲染圖片劃分成多個圖片區(qū)域；

從所述待渲染圖片的圖片數(shù)據(jù)中，確定所述多個圖片區(qū)域中的每個圖片區(qū)域的圖片數(shù)據(jù)。

其中，終端在渲染圖片前，首先根據(jù)待渲染圖片的尺寸，將待渲染圖片劃分成多個圖片區(qū)域，從而可以只針對多個圖片區(qū)域中的一部分圖片區(qū)域進行渲染，而不是渲染整張圖片，因此節(jié)約了渲染時間，同時由于不需要存儲整張圖片的渲染數(shù)據(jù)，節(jié)省了終端內(nèi)存空間。

可選地，所述從所述多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，包括：

確定所述待渲染圖片位于所述顯示界面中的顯示范圍；

從所述多個圖片區(qū)域的圖片數(shù)據(jù)中，確定與所述顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

其中，終端通過確定待渲染圖片位于顯示界面中的顯示范圍，并確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)，從而可以基于與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)，只渲染處于顯示界面中的各圖片區(qū)域，而不需要渲染此時不在顯示界面的圖片區(qū)域，因此節(jié)約了渲染時間，同時避免了頁面顯示時可能出現(xiàn)的卡頓。

可選地，所述根據(jù)所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染所述顯示界面中的各圖片區(qū)域，包括：

根據(jù)所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，解碼所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

基于解碼的所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染所述顯示界面中的各圖片區(qū)域。

其中，終端對顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)進行解碼，根據(jù)解碼的圖片數(shù)據(jù)，只渲染解碼的圖片區(qū)域，因此節(jié)約了解碼時間和渲染時間。

可選地，所述方法還包括：

當所述渲染的圖片區(qū)域移出所述顯示界面時，標記所述渲染的圖片區(qū)域并將所述標記的圖片區(qū)域存儲到預設(shè)內(nèi)存空間中；

當所述預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，釋放所述預設(shè)內(nèi)存空間中標記的圖片區(qū)域占用的內(nèi)存。

其中，當預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，終端將移出顯示界面的圖片區(qū)域占用的內(nèi)存釋放，從而可以繼續(xù)存儲新的圖片區(qū)域，提高渲染效率。

根據(jù)本公開實施例的第二方面，提供一種渲染圖片的裝置，所述裝置包括：

獲取模塊，用于獲取待渲染圖片的圖片數(shù)據(jù)；

劃分模塊，用于將所述待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)；

確定模塊，用于從所述多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

渲染模塊，用于根據(jù)所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染所述顯示界面中的各圖片區(qū)域。

可選地，所述劃分模塊包括：

劃分子模塊，用于基于所述待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將所述待渲染圖片劃分成多個圖片區(qū)域；

第一確定子模塊，用于從所述待渲染圖片的圖片數(shù)據(jù)中，確定所述多個圖片區(qū)域中的每個圖片區(qū)域的圖片數(shù)據(jù)。

可選地，所述確定模塊包括：

第二確定子模塊，用于確定所述待渲染圖片位于所述顯示界面中的顯示范圍；

第三確定子模塊，用于從所述多個圖片區(qū)域的圖片數(shù)據(jù)中，確定與所述顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

可選地，所述渲染模塊包括：

解碼子模塊，用于根據(jù)所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，解碼所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

渲染子模塊，用于基于解碼的所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染所述顯示界面中的各圖片區(qū)域。

可選地，所述裝置還包括：

存儲模塊，用于當所述渲染的圖片區(qū)域移出所述顯示界面時，標記所述渲染的圖片區(qū)域并將所述標記的圖片區(qū)域存儲到預設(shè)內(nèi)存空間中；

釋放模塊，用于當所述預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，釋放所述預設(shè)內(nèi)存空間中標記的圖片區(qū)域占用的內(nèi)存。

根據(jù)本公開實施例的第三方面，提供一種渲染圖片的裝置，所述裝置包括：

處理器；

用于存儲處理器可執(zhí)行指令的存儲器；

其中，所述處理器被配置為：

獲取待渲染圖片的圖片數(shù)據(jù)；

將所述待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)；

從所述多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

根據(jù)所述顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染所述顯示界面中的各圖片區(qū)域。

本公開的實施例提供的技術(shù)方案可以包括以下有益效果：在本公開實施例中，終端獲取待渲染圖片的圖片數(shù)據(jù)后，將獲取的待渲染圖片的圖片數(shù)據(jù)劃分為多個圖片區(qū)域的圖片數(shù)據(jù)，并確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，根據(jù)確定的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。通過將待渲染圖片劃分為多個圖片區(qū)域，且只渲染處于顯示界面中的圖片區(qū)域，而不是渲染整張圖片，因此節(jié)約了渲染時間；由于不需要存儲整張圖片的渲染數(shù)據(jù)，節(jié)省了終端內(nèi)存空間，同時避免了終端渲染大圖片中不需顯示的圖片區(qū)域而引起的處理器資源浪費，以及終端可能出現(xiàn)的頁面卡頓現(xiàn)象。

應(yīng)當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。

附圖說明

此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本發(fā)明的實施例，并與說明書一起用于解釋本發(fā)明的原理。

圖1是根據(jù)一示例性實施例示出的一種渲染圖片方法的流程圖。

圖2是根據(jù)一示例性實施例示出的一種渲染圖片方法的流程圖。

圖3是根據(jù)一示例性實施例示出的一種劃分圖片區(qū)域方法的示意圖。

圖4是根據(jù)一示例性實施例示出的一種劃分圖片區(qū)域方法的示意圖。

圖5是根據(jù)一示例性實施例示出的網(wǎng)頁頁面、顯示界面與圖片區(qū)域之間的位置關(guān)系示意圖。

圖6A是根據(jù)一示例性實施例示出的一種渲染圖片裝置的框圖。

圖6B是根據(jù)一示例性實施例示出的一種劃分模塊的框圖。

圖6C是根據(jù)一示例性實施例示出的一種確定模塊的框圖。

圖6D是根據(jù)一示例性實施例示出的一種渲染模塊的框圖。

圖6E是根據(jù)一示例性實施例示出的一種渲染圖片裝置的框圖。

圖7是根據(jù)一示例性實施例示出的一種渲染圖片裝置的框圖。

具體實施方式

這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本發(fā)明相一致的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本發(fā)明的一些方面相一致的裝置和方法的例子。

在對本公開實施例進行詳細的解釋說明之前，先對本公開實施例的應(yīng)用場景予以介紹。網(wǎng)頁中通常會含有大量圖片，當用戶瀏覽網(wǎng)頁時，終端需要先將圖片數(shù)據(jù)解碼，然后渲染待顯示的圖片，之后才能在屏幕上顯示該圖片，供用戶瀏覽，然而，在某些情況下，終端常常不顯示整張圖片，而是只顯示圖片的一部分，比如在圖片的上半部分進入顯示界面，而圖片的下半部分還未進入顯示界面，或者圖片尺寸大于顯示界面尺寸的情況下，終端仍需耗費大量的時間解碼整張圖片的圖片數(shù)據(jù)，之后的渲染整張圖片也會耗費大量的時間，同時存儲整張圖片也會占用大量的內(nèi)存，而且在終端將顯示的圖片存儲到預設(shè)內(nèi)存空間之后，由于存儲圖片占用的內(nèi)存較大，當用戶上下滑動網(wǎng)頁時，有些圖片移出顯示界面，有些圖片進入顯示界面，使得終端的預設(shè)內(nèi)存空間必須頻繁清空數(shù)據(jù)，以保證能夠存儲新的圖片數(shù)據(jù)，這樣一來，處理大尺寸圖片將造成終端處理器資源的浪費和頁面的卡頓。因此，本公開實施例提供了一種渲染圖片的方法，終端在獲取待渲染圖片的圖片數(shù)據(jù)之后，將待渲染圖片的圖片數(shù)據(jù)劃分為多個圖片區(qū)域的圖片數(shù)據(jù)，并根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。而不是渲染整張圖片，從而節(jié)約了渲染時間，節(jié)省了終端內(nèi)存空間，同時避免了終端處理器資源的浪費和可能出現(xiàn)的頁面卡頓現(xiàn)象。

圖1是根據(jù)一示例性實施例示出的一種渲染圖片方法的流程圖，如圖1所示，該渲染圖片的方法用于終端中，包括以下步驟。

在步驟101中，獲取待渲染圖片的圖片數(shù)據(jù)。

在步驟102中，將待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)。

在步驟103中，從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)。

在步驟104中，根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。

在本公開實施例中，終端獲取待渲染圖片的圖片數(shù)據(jù)后，將獲取的待渲染圖片的圖片數(shù)據(jù)劃分為多個圖片區(qū)域的圖片數(shù)據(jù)，并確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，根據(jù)確定的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。通過將待渲染圖片劃分為多個圖片區(qū)域，且只渲染處于顯示界面中的圖片區(qū)域，而不是渲染整張圖片，因此節(jié)約了渲染時間；由于不需要存儲整張圖片的渲染數(shù)據(jù)，節(jié)省了終端內(nèi)存空間，同時避免了終端渲染大圖片中不需顯示的圖片區(qū)域而引起的處理器資源浪費，以及終端可能出現(xiàn)的頁面卡頓現(xiàn)象。

可選地，將待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)，包括：

基于待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將待渲染圖片劃分成多個圖片區(qū)域；

從待渲染圖片的圖片數(shù)據(jù)中，確定多個圖片區(qū)域中的每個圖片區(qū)域的圖片數(shù)據(jù)。

可選地，從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，包括：

確定待渲染圖片位于顯示界面中的顯示范圍；

從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

可選地，根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域，包括：

根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，解碼顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

基于解碼的顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。

可選地，該方法還包括：

當渲染的圖片區(qū)域移出顯示界面時，標記渲染的圖片區(qū)域并將標記的圖片區(qū)域存儲到預設(shè)內(nèi)存空間中；

當預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，釋放預設(shè)內(nèi)存空間中標記的圖片區(qū)域占用的內(nèi)存。

圖2是根據(jù)一示例性實施例示出的一種渲染圖片方法的流程圖，如圖2所示，該渲染圖片的方法用于終端中，包括以下步驟。

在步驟201中，獲取待渲染圖片的圖片數(shù)據(jù)。

其中，終端顯示網(wǎng)頁時，且該網(wǎng)頁包括的圖片需要在顯示界面上顯示時，終端需要對該圖片進行渲染，渲染前終端首先要獲取該圖片的圖片數(shù)據(jù)，終端獲取待渲染圖片的圖片數(shù)據(jù)的實現(xiàn)方式可以為：當終端檢測到指定操作時，向當前顯示的網(wǎng)頁對應(yīng)的網(wǎng)站服務(wù)器發(fā)送圖片數(shù)據(jù)獲取請求，該圖片數(shù)據(jù)獲取請求中攜帶有待渲染圖片的標識。當該網(wǎng)站服務(wù)器接收到終端發(fā)送的圖片數(shù)據(jù)獲取請求時，根據(jù)待渲染圖片的標識，向終端發(fā)送待渲染圖片的圖片數(shù)據(jù)。

需要說明的是，該指定操作為用戶在顯示界面中的觸發(fā)操作，用于指示終端在顯示界面中顯示待渲染圖片，該指定操作可以為對顯示界面的點擊操作或者滑動操作等。

另外，待渲染圖片的標識可以為待渲染圖片的圖片名稱，當然，也可以是待渲染圖片的在網(wǎng)站服務(wù)器上的存儲地址，或者是這三者中的至少兩者之間通過預設(shè)方式進行組合后的信息等等。

再者，待渲染圖片的圖片數(shù)據(jù)可以包括待渲染圖片，網(wǎng)站服務(wù)器分配給待渲染圖片的排版位置，以及待渲染圖片的尺寸等。

需要說明的是，由于待渲染圖片可以是終端當前顯示的網(wǎng)頁上的圖片，也可以是終端本地存儲的圖片，所以，當待渲染圖片為終端本地存儲的圖片時，終端可以直接獲取本地存儲的待渲染圖片的圖片數(shù)據(jù)，執(zhí)行下述步驟202。

在步驟202中，將獲取的待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)。

其中，終端獲取到待渲染圖片的圖片數(shù)據(jù)之后，根據(jù)待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將待渲染圖片劃分成多個圖片區(qū)域，然后從待渲染圖片的圖片數(shù)據(jù)中，確定多個圖片區(qū)域中的每個圖片區(qū)域的圖片數(shù)據(jù)。

其中，根據(jù)待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將待渲染圖片劃分成多個圖片區(qū)域的實現(xiàn)過程可以為：根據(jù)待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的高度和寬度，將待渲染圖片縱向等分和/或橫向等分為M個圖片區(qū)域，M可以為任一自然數(shù)。比如，待渲染圖片的高度為256像素，寬度為128像素，終端可以將待渲染圖片縱向等分為4個圖片區(qū)域，即M為4，得到的每個圖片區(qū)域的高度為64像素，寬度為128像素，如圖3所示。

需要說明的是，將待渲染圖片劃分成多個圖片區(qū)域可以通過上述方式實現(xiàn)，當然，實際應(yīng)用中，還可以是通過下述方式將待渲染圖片劃分成多個圖片區(qū)域：將待渲染圖片以固定尺寸大小為單位劃分為多個圖片區(qū)域，比如，待渲染圖片的高度為256像素，寬度為128像素，終端可以以高度為100像素，寬度為128像素這一固定尺寸大小為單位，將待渲染圖片縱向分為3個圖片區(qū)域，如圖4所示，第一圖片區(qū)域的高度為100像素，寬度為128像素，第二圖片區(qū)域的高度為100像素，寬度為128像素，第三圖片區(qū)域的高度為56像素，寬度為128像素。

需要說明的是，上述兩種實現(xiàn)方式只是將待渲染圖片劃分成多個圖片區(qū)域的其中兩種實現(xiàn)方式，當然，實際應(yīng)用中，還可以是通過其他方式將待渲染圖片劃分成多個圖片區(qū)域，本公開實施例在此就不一一列舉。

在步驟203中，確定待渲染圖片位于顯示界面中的顯示范圍。

其中，終端確定頁面在顯示界面中的第一區(qū)域范圍；根據(jù)待渲染圖片在頁面中的排版位置和尺寸，確定待渲染圖片在頁面中占用的第二區(qū)域范圍；將第一區(qū)域范圍和第二區(qū)域范圍取交集得到待渲染圖片位于顯示界面中的顯示范圍。

需要說明的是，該顯示界面為終端顯示當前網(wǎng)頁的顯示窗口界面，在顯示界面中可以顯示當前的整個網(wǎng)頁，或者當前網(wǎng)頁的一部分，因此，待渲染圖片位于顯示界面中的顯示范圍可以是待渲染圖片占用的第二區(qū)域范圍，或者是第二區(qū)域范圍的一部分。

另外，由于待渲染圖片還可以是終端本地存儲的圖片，所以，顯示界面也可以為終端顯示待渲染圖片的顯示窗口界面。

再者，待渲染圖片在頁面中的排版位置可以用第二區(qū)域范圍中任意一點的位置表示，比如待渲染圖片在頁面中的排版位置用第二區(qū)域范圍中左上角一點的位置表示。

例如，當待渲染圖片在頁面中的排版位置為(X＝1，Y＝1)，待渲染圖片的尺寸為64像素×64像素，且待渲染圖片在頁面中的排版位置用第二區(qū)域范圍中左上角一點的位置表示時，終端根據(jù)待渲染圖片在頁面中的排版位置和尺寸，確定待渲染圖片在頁面中占用的第二區(qū)域范圍的實現(xiàn)方式可以為：終端根據(jù)待渲染圖片在頁面中的排版位置(X＝1，Y＝1)和尺寸64像素×64像素，確定(X＝1，Y＝1)、(X＝65，Y＝1)、(X＝65，Y＝65)和(X＝1，Y＝65)這四點依次連接后劃定的區(qū)域，并將該區(qū)域確定為待渲染圖片在頁面中占用的第二區(qū)域范圍。

在步驟204中，從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

本步驟可以為：根據(jù)第二區(qū)域范圍、每個圖片區(qū)域在待渲染圖片中的位置和尺寸，確定每個圖片區(qū)域在頁面中占用的第三區(qū)域范圍；從每個圖片區(qū)域中，找出第三區(qū)域范圍與第一區(qū)域范圍存在重疊的圖片區(qū)域，找出的圖片區(qū)域為與顯示范圍存在交疊的各圖片區(qū)域，并進一步確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

例如，如圖5所示，終端將高度為256像素，寬度為128像素的待渲染圖片縱向等分為第一圖片區(qū)域、第二圖片區(qū)域、第三圖片區(qū)域和第四圖片區(qū)域，且每個圖片區(qū)域的高度為64像素，寬度為128像素，同時待渲染圖片在顯示界面中占用的顯示范圍為顯示界面左上角高度為100像素，寬度為80像素的區(qū)域；終端根據(jù)第二區(qū)域范圍、每個圖片區(qū)域在待渲染圖片中的位置和尺寸，確定這4個圖片區(qū)域各自在頁面中占用的第三區(qū)域范圍，從每個圖片區(qū)域中，找出第三區(qū)域范圍與第一區(qū)域范圍存在重疊的圖片區(qū)域為第三圖片區(qū)域和第四圖片區(qū)域，第三圖片區(qū)域和第四圖片區(qū)域為與顯示范圍存在交疊的圖片區(qū)域，并進一步確定第三圖片區(qū)域的圖片數(shù)據(jù)和第四圖片區(qū)域的圖片數(shù)據(jù)。

在步驟205中，根據(jù)與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)，渲染與顯示范圍存在交疊的各圖片區(qū)域。

其中，終端首先對與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)進行解碼，然后根據(jù)解碼的各圖片區(qū)域的圖片數(shù)據(jù)，按照終端事先設(shè)置的渲染步驟，對與顯示范圍存在交疊的各圖片區(qū)域進行渲染。

需要說明的是，對與顯示范圍存在交疊的各圖片區(qū)域進行渲染之后，終端可以將渲染得到的各圖片區(qū)域顯示在顯示界面中，除了顯示渲染得到的各圖片區(qū)域之外，終端還可以對渲染得到的各圖片區(qū)域執(zhí)行其他操作。

在步驟206中，當檢測到待渲染圖片被滑動時，標記滑出顯示界面的各圖片區(qū)域。

其中，當終端檢測到用戶滑動待顯示圖片時，從當前顯示的各圖片區(qū)域中，確定已經(jīng)移出顯示界面的圖片區(qū)域，并將已經(jīng)移出顯示界面的圖片區(qū)域標記為可廢棄圖片區(qū)域。

在步驟207中，將標記的圖片區(qū)域存儲到預設(shè)內(nèi)存空間中。

其中，終端在將已經(jīng)移出顯示界面的圖片區(qū)域標記為可廢棄圖片區(qū)域之后，將可廢棄圖片區(qū)域存儲到終端的預設(shè)內(nèi)存空間中。

需要說明的是，終端將可廢棄圖片區(qū)域存儲到終端的預設(shè)內(nèi)存空間中之后，當終端需要再次顯示預設(shè)內(nèi)存空間中存儲的任一可廢棄圖片區(qū)域時，可以從該預設(shè)內(nèi)存空間中獲取該圖片區(qū)域，并將該圖片區(qū)域的可廢棄標記刪除，然后在終端屏幕上顯示該圖片區(qū)域。

在步驟208中，當預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，釋放標記的圖片區(qū)域占用的內(nèi)存。

需要說明的是，該預設(shè)內(nèi)存大小可以是由終端事先設(shè)置的內(nèi)存大小，比如，該預設(shè)內(nèi)存大小可以為2GB(GigaByte，吉字節(jié))，當該預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于2GB時，終端可以刪除可廢棄圖片區(qū)域。

另外，終端刪除可廢棄圖片區(qū)域的實現(xiàn)方式可以是根據(jù)可廢棄圖片區(qū)域在預設(shè)內(nèi)存空間中的存儲時間的時間長短，通過LRU(Least Recently Used，最近最少使用)算法刪除，當然，實際應(yīng)用中，終端還可以通過其他方式刪除可廢棄圖片區(qū)域。

在本公開實施例中，終端首先獲取待渲染圖片的圖片數(shù)據(jù)，之后，將獲取的待渲染圖片的圖片數(shù)據(jù)劃分為多個圖片區(qū)域的圖片數(shù)據(jù)，在確定待渲染圖片位于顯示界面中的顯示范圍之后，確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)，并對確定的各圖片區(qū)域的圖片數(shù)據(jù)進行解碼，然后根據(jù)解碼的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域，當渲染的各圖片區(qū)域移出顯示界面時，將移出顯示界面的各圖片區(qū)域標記為可廢棄圖片區(qū)域，當預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，刪除可廢棄圖片區(qū)域。本公開實施例通過將大尺寸圖片劃分為小尺寸的圖片區(qū)域，并且只解碼和渲染顯示界面中的圖片區(qū)域，從而節(jié)約了解碼時間和渲染時間，節(jié)省了渲染時耗費的終端內(nèi)存空間，同時避免了終端因解碼和渲染當前不顯示的圖片區(qū)域而引起的處理器資源的浪費，以及可能出現(xiàn)的頁面卡頓現(xiàn)象。

圖6A是根據(jù)一示例性實施例示出的一種渲染圖片裝置600的框圖。參照圖6，該裝置包括獲取模塊601，劃分模塊602、確定模塊603和渲染模塊604。

獲取模塊601，用于獲取待渲染圖片的圖片數(shù)據(jù)；

劃分模塊602，用于將待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)；

確定模塊603，用于從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

渲染模塊604，用于根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。

可選地，參見圖6B，劃分模塊602包括：

劃分子模塊6021，用于基于待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將待渲染圖片劃分成多個圖片區(qū)域；

第一確定子模塊6022，用于從待渲染圖片的圖片數(shù)據(jù)中，確定多個圖片區(qū)域中的每個圖片區(qū)域的圖片數(shù)據(jù)。

可選地，參見圖6C，確定模塊603包括：

第二確定子模塊6031，用于確定待渲染圖片位于顯示界面中的顯示范圍；

第三確定子模塊6032，用于從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

可選地，參見圖6D，渲染模塊604包括：

解碼子模塊6041，用于根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，解碼顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

渲染子模塊6042，用于基于解碼的顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。

可選地，參見圖6E，該渲染圖片裝置600還包括：

存儲模塊605，用于當渲染的圖片區(qū)域移出顯示界面時，標記渲染的圖片區(qū)域并將標記的圖片區(qū)域存儲到預設(shè)內(nèi)存空間中；

釋放模塊606，用于當預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，釋放預設(shè)內(nèi)存空間中標記的圖片區(qū)域占用的內(nèi)存。

在本公開實施例中，終端獲取待渲染圖片的圖片數(shù)據(jù)后，將獲取的待渲染圖片的圖片數(shù)據(jù)劃分為多個圖片區(qū)域的圖片數(shù)據(jù)，并確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，根據(jù)確定的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。通過將待渲染圖片劃分為多個圖片區(qū)域，且只渲染處于顯示界面中的圖片區(qū)域，而不是渲染整張圖片，因此節(jié)約了渲染時間；由于不需要存儲整張圖片的渲染數(shù)據(jù)，節(jié)省了終端內(nèi)存空間，同時避免了終端渲染大圖片中不需顯示的圖片區(qū)域而引起的處理器資源浪費，以及終端可能出現(xiàn)的頁面卡頓現(xiàn)象。

關(guān)于上述實施例中的裝置，其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實施例中進行了詳細描述，此處將不做詳細闡述說明。

圖7是根據(jù)一示例性實施例示出的一種用于渲染圖片的裝置700的框圖。例如，裝置700可以是移動電話，計算機，數(shù)字廣播終端，消息收發(fā)設(shè)備，游戲控制臺，平板設(shè)備，醫(yī)療設(shè)備，健身設(shè)備，個人數(shù)字助理等。

參照圖7，裝置700可以包括以下一個或多個組件：處理組件702，存儲器704，電源組件706，多媒體組件708，音頻組件710，輸入/輸出(I/O)的接口712，傳感器組件714，以及通信組件716。

處理組件702通?？刂蒲b置700的整體操作，諸如與顯示，電話呼叫，數(shù)據(jù)通信，相機操作和記錄操作相關(guān)聯(lián)的操作。處理組件702可以包括一個或多個處理器720來執(zhí)行指令，以完成上述的方法的全部或部分步驟。此外，處理組件702可以包括一個或多個模塊，便于處理組件702和其他組件之間的交互。例如，處理組件702可以包括多媒體模塊，以方便多媒體組件708和處理組件702之間的交互。

存儲器704被配置為存儲各種類型的數(shù)據(jù)以支持在裝置700的操作。這些數(shù)據(jù)的示例包括用于在裝置700上操作的任何應(yīng)用程序或方法的指令，聯(lián)系人數(shù)據(jù)，電話簿數(shù)據(jù)，消息，圖片，視頻等。存儲器704可以由任何類型的易失性或非易失性存儲設(shè)備或者它們的組合實現(xiàn)，如靜態(tài)隨機存取存儲器(SRAM)，電可擦除可編程只讀存儲器(EEPROM)，可擦除可編程只讀存儲器(EPROM)，可編程只讀存儲器(PROM)，只讀存儲器(ROM)，磁存儲器，快閃存儲器，磁盤或光盤。

電源組件706為裝置700的各種組件提供電源。電源組件706可以包括電源管理系統(tǒng)，一個或多個電源，及其他與為裝置700生成、管理和分配電源相關(guān)聯(lián)的組件。

多媒體組件708包括在所述裝置700和用戶之間的提供一個輸出接口的屏幕。在一些實施例中，屏幕可以包括液晶顯示器(LCD)和觸摸面板(TP)。如果屏幕包括觸摸面板，屏幕可以被實現(xiàn)為觸摸屏，以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳感器以感測觸摸、滑動和觸摸面板上的手勢。所述觸摸傳感器可以不僅感測觸摸或滑動動作的邊界，而且還檢測與所述觸摸或滑動操作相關(guān)的持續(xù)時間和壓力。在一些實施例中，多媒體組件708包括一個前置攝像頭和/或后置攝像頭。當裝置700處于操作模式，如拍攝模式或視頻模式時，前置攝像頭和/或后置攝像頭可以接收外部的多媒體數(shù)據(jù)。每個前置攝像頭和后置攝像頭可以是一個固定的光學透鏡系統(tǒng)或具有焦距和光學變焦能力。

音頻組件710被配置為輸出和/或輸入音頻信號。例如，音頻組件710包括一個麥克風(MIC)，當裝置700處于操作模式，如呼叫模式、記錄模式和語音識別模式時，麥克風被配置為接收外部音頻信號。所接收的音頻信號可以被進一步存儲在存儲器704或經(jīng)由通信組件716發(fā)送。在一些實施例中，音頻組件710還包括一個揚聲器，用于輸出音頻信號。

I/O接口712為處理組件702和外圍接口模塊之間提供接口，上述外圍接口模塊可以是鍵盤，點擊輪，按鈕等。這些按鈕可包括但不限于：主頁按鈕、音量按鈕、啟動按鈕和鎖定按鈕。

傳感器組件714包括一個或多個傳感器，用于為裝置700提供各個方面的狀態(tài)評估。例如，傳感器組件714可以檢測到裝置700的打開/關(guān)閉狀態(tài)，組件的相對定位，例如所述組件為裝置700的顯示器和小鍵盤，傳感器組件714還可以檢測裝置700或裝置700一個組件的位置改變，用戶與裝置700接觸的存在或不存在，裝置700方位或加速/減速和裝置700的溫度變化。傳感器組件714可以包括接近傳感器，被配置用來在沒有任何的物理接觸時檢測附近物體的存在。傳感器組件714還可以包括光傳感器，如CMOS或CCD圖像傳感器，用于在成像應(yīng)用中使用。在一些實施例中，該傳感器組件714還可以包括加速度傳感器，陀螺儀傳感器，磁傳感器，壓力傳感器或溫度傳感器。

通信組件716被配置為便于裝置700和其他設(shè)備之間有線或無線方式的通信。裝置700可以接入基于通信標準的無線網(wǎng)絡(luò)，如WiFi，2G或3G，或它們的組合。在一個示例性實施例中，通信組件716經(jīng)由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣播相關(guān)信息。在一個示例性實施例中，所述通信組件716還包括近場通信(NFC)模塊，以促進短程通信。例如，在NFC模塊可基于射頻識別(RFID)技術(shù)，紅外數(shù)據(jù)協(xié)會(IrDA)技術(shù)，超寬帶(UWB)技術(shù)，藍牙(BT)技術(shù)和其他技術(shù)來實現(xiàn)。

在示例性實施例中，裝置700可以被一個或多個應(yīng)用專用集成電路(ASIC)、數(shù)字信號處理器(DSP)、數(shù)字信號處理設(shè)備(DSPD)、可編程邏輯器件(PLD)、現(xiàn)場可編程門陣列(FPGA)、控制器、微控制器、微處理器或其他電子元件實現(xiàn)，用于執(zhí)行上述方法。

在示例性實施例中，還提供了一種包括指令的非臨時性計算機可讀存儲介質(zhì)，例如包括指令的存儲器704，上述指令可由裝置700的處理器720執(zhí)行以完成上述方法。例如，所述非臨時性計算機可讀存儲介質(zhì)可以是ROM、隨機存取存儲器(RAM)、CD-ROM、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等。

一種非臨時性計算機可讀存儲介質(zhì)，當所述存儲介質(zhì)中的指令由移動終端的處理器執(zhí)行時，使得移動終端能夠執(zhí)行一種渲染圖片的方法，所述方法包括：

獲取待渲染圖片的圖片數(shù)據(jù)；

將待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)；

從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。

可選地，將待渲染圖片的圖片數(shù)據(jù)劃分成多個圖片區(qū)域的圖片數(shù)據(jù)，包括：

基于待渲染圖片的圖片數(shù)據(jù)包括的待渲染圖片的尺寸，將待渲染圖片劃分成多個圖片區(qū)域；

從待渲染圖片的圖片數(shù)據(jù)中，確定多個圖片區(qū)域中的每個圖片區(qū)域的圖片數(shù)據(jù)。

可選地，從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，包括：

確定待渲染圖片位于顯示界面中的顯示范圍；

從多個圖片區(qū)域的圖片數(shù)據(jù)中，確定與顯示范圍存在交疊的各圖片區(qū)域的圖片數(shù)據(jù)。

可選地，根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域，包括：

根據(jù)顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，解碼顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)；

基于解碼的顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。

可選地，方法還包括：

當渲染的圖片區(qū)域移出顯示界面時，標記渲染的圖片區(qū)域并將標記的圖片區(qū)域存儲到預設(shè)內(nèi)存空間中；

當預設(shè)內(nèi)存空間中占用的內(nèi)存大小大于預設(shè)內(nèi)存大小時，釋放預設(shè)內(nèi)存空間中標記的圖片區(qū)域占用的內(nèi)存。

在本公開實施例中，終端獲取待渲染圖片的圖片數(shù)據(jù)后，將獲取的待渲染圖片的圖片數(shù)據(jù)劃分為多個圖片區(qū)域的圖片數(shù)據(jù)，并確定處于顯示界面中的各圖片區(qū)域的圖片數(shù)據(jù)，根據(jù)確定的各圖片區(qū)域的圖片數(shù)據(jù)，渲染顯示界面中的各圖片區(qū)域。通過將待渲染圖片劃分為多個圖片區(qū)域，且只渲染處于顯示界面中的圖片區(qū)域，而不是渲染整張圖片，因此節(jié)約了渲染時間；由于不需要存儲整張圖片的渲染數(shù)據(jù)，節(jié)省了終端內(nèi)存空間，同時避免了終端渲染大圖片中不需顯示的圖片區(qū)域而引起的處理器資源浪費，以及終端可能出現(xiàn)的頁面卡頓現(xiàn)象。

本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本發(fā)明的其它實施方案。本申請旨在涵蓋本發(fā)明的任何變型、用途或者適應(yīng)性變化，這些變型、用途或者適應(yīng)性變化遵循本發(fā)明的一般性原理并包括本公開未公開的本技術(shù)領(lǐng)域中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本發(fā)明的真正范圍和精神由下面的權(quán)利要求指出。

應(yīng)當理解的是，本發(fā)明并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并且可以在不脫離其范圍進行各種修改和改變。本發(fā)明的范圍僅由所附的權(quán)利要求來限制。