一種圖片顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001 ] 本申請涉及圖文顯示領(lǐng)域，尤其涉及一種圖片顯示方法及裝置。
【背景技術(shù)】
[0002]當(dāng)用戶終端從服務(wù)器端下載圖文混排的文檔時，由于圖片占用字節(jié)數(shù)比文字占用字節(jié)數(shù)大很多，因此，下載文字部分所用時長比下載圖片部分所用時長短很多，這樣就導(dǎo)致文檔中的文字部分被先下載下來，圖片部分被后下載下來。
[0003]當(dāng)將文檔中的文字部分先下載下來之后，會按照文字之間的位置關(guān)系，先顯示文檔中的文字部分。當(dāng)將文檔中的圖片部分下載下來之后，再將圖片部分插入文字部分，這時就需要對文字部分的內(nèi)容進(jìn)行調(diào)整。比如，在一頁的第二行文字和第三行文字之間插入圖片，則需要將第三行以及后續(xù)的文字下移，如此就會導(dǎo)致顯示界面出現(xiàn)抖動，用戶體驗(yàn)較差。
[0004]可見，當(dāng)下載圖文混排的文檔時，由于下載文字部分所用時長與下載圖片部分所用時長不一致，使得圖片和文字無法同步顯示，當(dāng)向先顯示的文字中插入后顯示的圖片時，會出現(xiàn)顯示界面抖動的問題。

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

[0005]本申請實(shí)施例提供一種圖片顯示方法及裝置，用以解決由于下載文字部分所用時長與下載圖片部分所用時長不一致，導(dǎo)致出現(xiàn)顯示界面抖動的問題。
[0006]本申請實(shí)施例提供一種圖片顯示方法，包括:
[0007]在需要下載包含圖片的文檔時，請求獲取所述文檔中圖片的圖片尺寸信息；所述圖片尺寸信息包括所述圖片的寬度和高度；
[0008]根據(jù)所述圖片的圖片尺寸信息和顯示屏幕的大小，生成所述圖片對應(yīng)的占位符；
[0009]在下載完所述圖片之前，在所述顯示屏幕中顯示所述圖片的位置顯示生成的所述占位符；
[0010]在下載完所述圖片后，將所述顯示屏幕上顯示的所述占位符替換為下載后的圖片。
[0011]可選地，根據(jù)所述圖片的圖片尺寸信息和顯示屏幕的大小，生成所述圖片對應(yīng)的占位符，包括:
[0012]根據(jù)所述顯示屏幕的大小和所述文檔的頁面大小，確定顯示所述文檔時的縮放比例；
[0013]根據(jù)所述圖片的圖片尺寸信息和顯示所述文檔時的縮放比例，確定所述圖片對應(yīng)的占位符大??；
[0014]根據(jù)確定的占位符大小，生成所述圖片對應(yīng)的占位符。
[0015]可選地，在所述顯示屏幕中顯示所述圖片的位置顯示生成的所述占位符，包括:
[0016]根據(jù)所述文檔的排版信息，確定所述圖片在所述文檔中的位置信息；
[0017]根據(jù)所述圖片在所述文檔中的位置信息，在所述顯示屏幕中顯示生成的所述占位符。
[0018]可選地，所述方法還包括:
[0019]若未獲取到所述圖片的圖片尺寸信息，則根據(jù)預(yù)設(shè)的占位符大小，生成所述圖片對應(yīng)的占位符。
[0020]可選地，在所述顯示屏幕中顯示所述圖片的位置顯示生成的所述占位符之后，下載完所述圖片之前，還包括:
[0021 ] 在所述占位符的位置，顯示并更新所述圖片的下載進(jìn)度。
[0022]本申請實(shí)施例提供一種圖片顯示裝置，包括:
[0023]獲取模塊，用于在需要下載包含圖片的文檔時，請求獲取所述文檔中圖片的圖片尺寸信息；所述圖片尺寸信息包括所述圖片的寬度和高度；
[0024]生成模塊，用于根據(jù)所述獲取模塊獲取的所述圖片的圖片尺寸信息和顯示屏幕的大小，生成所述圖片對應(yīng)的占位符；
[0025]顯示模塊，用于在下載完所述圖片之前，在所述顯示屏幕中顯示所述圖片的位置顯示所述生成模塊生成的所述占位符；
[0026]替換模塊，用于在下載完所述圖片后，將所述顯示屏幕上顯示的所述占位符替換為下載后的圖片。
[0027]本申請實(shí)施例在下載完圖片之前，在顯示屏幕中顯示圖片的位置先顯示生成的占位符，在下載完圖片之后，再將顯示的占位符替換為下載后的圖片。本申請實(shí)施例中根據(jù)圖片的圖片尺寸信息和顯示屏幕的大小，生成該圖片對應(yīng)的占位符，由于采用了與圖片尺寸相符的占位符為圖片占位，從而可以在將文檔中的文字部分下載下來之后，就按照其在文檔中的原本位置進(jìn)行顯示，避免了在將文檔中的圖片部分下載下來之后再移動文字部分的位置，從而解決了顯示界面抖動的問題。
【附圖說明】
[0028]圖1為本申請實(shí)施例一提供的圖片顯示方法流程圖；
[0029]圖2為本申請實(shí)施例二提供的圖片顯示方法流程圖；
[0030]圖3為本申請實(shí)施例提供的圖片顯示裝置結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0031]本申請實(shí)施例的基本思想是在下載完文檔中的圖片之前，首先根據(jù)圖片的圖片尺寸信息和顯示屏幕的大小，生成占位符為圖片占位，也即，在下載完圖片之前，在顯示屏幕中顯示圖片的位置先顯示生成的占位符，在下載完圖片之后，再將顯示的占位符替換為下載后的圖片。由于采用了與圖片尺寸相符的占位符為圖片占位，從而可以在將文檔中的文字部分下載下來之后，就按照其在文檔中的原本位置進(jìn)行顯示，避免了在將文檔中的圖片部分下載下來之后再移動文字部分的位置，從而解決了顯示界面抖動的問題。
[0032]下面結(jié)合說明書附圖對本申請實(shí)施例作進(jìn)一步詳細(xì)描述。
[0033]如圖1所示，為本申請實(shí)施例一提供的圖片顯示方法流程圖，包括以下步驟:
[0034]S101:在需要下載包含圖片的文檔時，請求獲取所述文檔中圖片的圖片尺寸信息；所述圖片尺寸信息包括所述圖片的寬度和高度。
[0035]本申請實(shí)施例的執(zhí)行主體為下載文檔的客戶端。所述文檔可以是任意格式的、具有圖文混排內(nèi)容的文件。
[0036]該步驟中，客戶端在需要從服務(wù)器端下載圖文混排的文檔時，可以首先向服務(wù)器端請求獲取文檔中圖片的頭文件，其中包含圖片尺寸信息，這里的圖片尺寸信息即為該圖片的寬度和高度。在具體實(shí)施過程中，文檔中可能會包含多個圖片，這時就需要針對每個圖片執(zhí)行下述步驟。
[0037]S102:根據(jù)所述圖片的圖片尺寸信息和顯示屏幕的大小，生成所述圖片對應(yīng)的占位符。
[0038]該步驟中，可以根據(jù)顯示屏幕的大小，確定將所述圖片進(jìn)行縮放后的顯示尺寸(比如確定將圖片按照顯示屏幕大小的80%的尺寸進(jìn)行縮放)，最后，生成與該圖片縮放后的顯示尺寸相符的占位符。這里，所述占位符為所述圖片的縮略圖，比如可以是一個文本框坐寸。
[0039]在具體實(shí)施過程中，所述圖片的縮放比例也可以是根據(jù)顯示屏幕的大小和整個文檔的頁面大小設(shè)定的，具體地，
[0040]S102中，根據(jù)所述圖片的圖片尺寸信息和顯示屏幕的大小，生成所述圖片對應(yīng)的占位符，包括:
[0041]根據(jù)所述顯示屏幕的大小和所述文檔的頁面大小，確定顯示所述文檔時的縮放比例；
[0042]根據(jù)所述圖片的圖片尺寸信息和顯示所述文檔時的縮放比例，確定所述圖片對應(yīng)的占位符大??；
[0043]根據(jù)確定的占位符大小，生成所述圖片對應(yīng)的占位符。
[0044]在上述步驟中，可以首先根據(jù)所述顯示屏幕的大小，確定在顯示屏幕中適合顯示的頁面大??；再根據(jù)所述文檔的頁面大小，確定對所述文檔的縮放比例，使得縮放后的文檔大小等于確定的在顯示屏幕中適合顯示的頁面大小。根據(jù)確定的縮放比例，確定對所述圖片進(jìn)行縮放后的圖片大小，將確定的縮放后的圖片大小作為占位符大小，生成該圖片對應(yīng)的占位符。
[0045]S103:在下載完所述圖片之前，在所述顯示屏幕中顯示所述圖片的位置顯示生成的所述占位符。
[0046]S102之后，也即生成所述圖片對應(yīng)的占位符之后，可以下載文檔中的文字部分和圖片部分，由于圖片占用字節(jié)數(shù)比文字占用字節(jié)數(shù)多，文字部分首先被下載下來。該步驟中，在下載完所述圖片之前，可以首先將文字和為所述圖片占位的占位符顯示在顯示屏幕中。
[0047]在具體實(shí)施過程中，可以按照以下方式在所述顯示屏幕中顯示所述圖片的位置顯示生成的所述占位符:
[0048]根據(jù)所述文檔的排版信息，確定所述圖片在所述文檔中的位置信息；
[0049]根據(jù)所述圖片在所述文檔中的位置信息，在所述顯示屏幕中顯示生成的所述占位符。
[0050]在上述步驟中，首先根據(jù)文檔的排版信息，也即圖片和文字之間的位置關(guān)系信息，確定所述圖片在所述文檔中的相對位置。比如，根據(jù)文檔的排版信息確定所述圖片位于所述文檔首頁第二行文字和第三行文字之間，則在將所述占位符安排顯示在該文檔首頁前兩行文字之后。
[0051]S104:在下載完所述圖片后，將所述顯示屏幕上顯示的占位符替換為下載后的圖片。
[0052]該步驟中，在下載完該圖片后，將該圖片對應(yīng)的顯示屏幕上顯示的占位符替換為該圖片。
[0053]優(yōu)選地，S103之后，S104之前，還包括:在所述占位符的位置，顯示并更新所述圖片的下載進(jìn)度。
[0054]在具體實(shí)施過程中，為了提升用戶體驗(yàn)，可以在顯示的占位符的位置顯示該占位符對應(yīng)的圖片的下載進(jìn)度。具體地，可以按照設(shè)定的更新步長(比如1% )，連續(xù)更新下載進(jìn)度。
[0055]在實(shí)際實(shí)施過程中，有可能會出現(xiàn)無法向服務(wù)器端請求獲取到圖片的頭文件(圖片的尺寸信息)的情況，在這種情況下，可以根據(jù)預(yù)設(shè)的占位符大小，生成所述圖片對應(yīng)的占位符。具體可參見下述實(shí)施例二的實(shí)施，實(shí)施例二中與實(shí)施例一重復(fù)之處，不再詳述。
[0056]如圖2所示，為本申請實(shí)施例二提供的圖片顯示方法流程圖，包括以下步驟:
[0057]S201:客戶端在需要下載包含圖片的文檔時，向服務(wù)器端請求獲取所述文檔中圖片的圖片尺寸信息，該圖片尺寸信息包括圖片的寬度和高度。