移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法和裝置。本發(fā)明實(shí)施例提供的一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法包括：建立由第一圖片控件、第二圖片控件和圖像互換格式Gif圖片控件構(gòu)成的控件模板；當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動控件模板；利用第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片；建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片，當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換占位圖片，當(dāng)加載失敗時，判斷網(wǎng)頁圖片的類型；當(dāng)為Gif圖片時，利用Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換占位圖片并展示該網(wǎng)頁圖片。
【專利說明】移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及終端平臺開發(fā)【技術(shù)領(lǐng)域】，特別涉及一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法和裝置。
【背景技術(shù)】
[0002]隨著智能終端技術(shù)的飛速發(fā)展，移動終端正在從簡單的通話工具變?yōu)橐粋€綜合信息處理平臺。目前的移動終端能夠支持安卓(Android)、WindowsPhone等多種系統(tǒng)平臺，移動終端的處理能力日益強(qiáng)大。
[0003]然而,現(xiàn)有的移動終端平臺不支持GIF (Graphics Interchange Format,圖像互換格式)圖片，無法成功加載Gif圖片并展示出來，影響了移動終端的性能，并且，當(dāng)移動終端從網(wǎng)絡(luò)中下載網(wǎng)頁圖片速度較慢時，移動終端在網(wǎng)頁圖片的顯示位置顯示為空，向用戶提供的數(shù)據(jù)量過少，用戶體驗(yàn)較差。

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

[0004]本發(fā)明提供了一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法和裝置，以解決現(xiàn)有移動終端平臺不支持Gif圖片的問題以及當(dāng)網(wǎng)頁圖片下載過慢，移動終端在網(wǎng)頁圖片的顯示位置顯示為空，導(dǎo)致向用戶提供的數(shù)據(jù)量過少的問題等。
[0005]為達(dá)到上述目的，本發(fā)明實(shí)施例采用了如下技術(shù)方案:
[0006]本發(fā)明實(shí)施例提供了一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法，所述方法包括:
[0007]建立由第一圖片控件、第二圖片控件和圖像互換格式Gif圖片控件構(gòu)成的控件模板，所述第一圖片控件和第二圖片控件由平臺中的圖像控件實(shí)現(xiàn)，所述Gif圖片控件由支持Gif圖片的第三方開源控件實(shí)現(xiàn)；
[0008]當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動所述控件模板；
[0009]利用所述第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片，所述第一圖片控件與占位圖片相關(guān)聯(lián)；
[0010]建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用所述第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片，當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換所述占位圖片，當(dāng)加載失敗時，判斷所述網(wǎng)頁圖片的類型；
[0011]當(dāng)所述網(wǎng)頁圖片的類型為Gif圖片時，利用所述Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換所述占位圖片并展示該網(wǎng)頁圖片。
[0012]本發(fā)明實(shí)施例還提供了一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)裝置，包括:
[0013]控件模板建立單元，用于建立由第一圖片控件、第二圖片控件和Gif圖片控件構(gòu)成的控件模板，所述第一圖片控件和第二圖片控件由平臺中的圖像控件實(shí)現(xiàn)，所述Gif圖片控件由支持Gif圖片的第三方開源控件實(shí)現(xiàn)；
[0014]控件模板啟動單元，用于當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動所述控件模板；[0015]占位圖片顯示單元，用于利用所述第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片，所述第一圖片控件與占位圖片相關(guān)聯(lián)；
[0016]網(wǎng)頁圖片加載單元，用于建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用所述第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片，當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換所述占位圖片，當(dāng)加載失敗時，判斷所述網(wǎng)頁圖片的類型；
[0017]Gif圖片處理單元，用于當(dāng)所述網(wǎng)頁圖片的類型為Gif圖片時，利用所述Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換所述占位圖片并展示該網(wǎng)頁圖片。
[0018]由上所述，本發(fā)明實(shí)施例通過在移動終端平臺中設(shè)置Gif圖片控件，利用Gif圖片控件解析移動終端下載到的Gif網(wǎng)頁圖片，從而能夠使移動終端實(shí)現(xiàn)對Gif圖片的展示，增強(qiáng)了移動終端的性能。并且，本發(fā)明實(shí)施例利用第一圖片控件能夠在展示網(wǎng)頁圖片之前在相應(yīng)位置展示包含一定信息的占位圖片，從而能夠向用戶提供更多的信息，提高資源的利用率，增強(qiáng)用戶體驗(yàn)；而利用第二圖片控件則保證了移動終端對Gif類型之外的圖片的正常加載和顯示，保證了各種類型圖片的成功展示。
【專利附圖】

【附圖說明】
[0019]為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對實(shí)施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0020]圖1為本發(fā)明一個實(shí)施例提供的一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法流程圖；
[0021]圖2為本發(fā)明又一個實(shí)施例提供的一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)裝置結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0022]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0023]本發(fā)明一個實(shí)施例提供的一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法，參見圖1，所述方法包括:
[0024]SlOO:建立由第一圖片控件、第二圖片控件和Gif圖片控件構(gòu)成的控件模板，第一圖片控件和第二圖片控件由平臺中的圖像(Image)控件實(shí)現(xiàn)，即第一圖片控件和第二圖片控件可以由移動終端操作系統(tǒng)中的Image控件實(shí)現(xiàn)，Gif圖片控件由支持Gif圖片的第三方開源控件實(shí)現(xiàn)，例如，Gif圖片控件可以采用開源組件ImageTools來實(shí)現(xiàn),ImageTools是Silverlight下圖片處理的一個開源類庫，能夠把圖片轉(zhuǎn)換成不同格式以及具有對圖片進(jìn)行處理等功能。
[0025]由上可知，在控件模板中設(shè)置了三個圖片控件，第一圖片控件用于處理占位圖片(如預(yù)定的本地圖片)，第二圖片控件用于處理需要加載的圖片，以及Gif圖片控件用于處理需要加載的Gif圖片。
[0026]SlOl:當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動控件模板。
[0027]啟動控件模板時，首先會執(zhí)行控件的構(gòu)造函數(shù)，在控件構(gòu)造函數(shù)里加載建立的控件模版，該構(gòu)造函數(shù)為控件模板的執(zhí)行入口。
[0028]S102:加載占位圖片。
[0029]利用所述第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片，該第一圖片控件與占位圖片相關(guān)聯(lián)。
[0030]在下載網(wǎng)頁圖片以及該網(wǎng)頁圖片的過程中，即在網(wǎng)頁圖片能夠正常顯示之前，先將選取的占位圖片顯示在移動終端上，占位圖片的顯示位置可以為移動終端瀏覽器頁面中顯示網(wǎng)頁圖片的位置。
[0031]本實(shí)施例中為第一圖片控件建立第一控件屬性,表示為_backlmage屬性,第一控件屬性指示第一圖片控件與占位圖片關(guān)聯(lián)以及占位圖片的地址，該屬性可以賦值給控件模板里的第一圖片控件，通過第一控件屬性建立第一圖片控件與占位圖片的關(guān)聯(lián)；
[0032]為第二圖片控件建立第二控件屬性，表示為_frontImage，第二控件屬性指示第二圖片控件與網(wǎng)頁圖片關(guān)聯(lián)以及網(wǎng)頁圖片的地址，_frontImage屬性用來定義要加載的圖片，此屬性會賦值給模板里的第二圖片控件，通過第二控件屬性建立第二圖片控件與網(wǎng)頁圖片的關(guān)聯(lián)；
[0033]為Gif圖片控件建立第三控件屬性，表示為_giflmage，第三控件屬性指示該控制支持Gif圖片，此屬性會賦值給模板里的Gif圖片控件。
[0034]S103:加載網(wǎng)頁圖片。
[0035]建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用所述第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片。
[0036]本實(shí)施例還為控件模板建立第一依賴屬性,表示為SourceProperty,和第二依賴屬性，表示為PlaceholderSourceProperty。本方法中的各步驟可以由運(yùn)行在前臺的代碼結(jié)合運(yùn)行在后臺的代碼實(shí)現(xiàn)，依賴屬性SourceProperty提供給前臺使用來設(shè)置網(wǎng)頁圖片的地址，PlaceholderSourceProperty提供給前臺使用以設(shè)置占位圖片的地址。
[0037]前臺代碼可以從移動終端下載的網(wǎng)頁數(shù)據(jù)中得到網(wǎng)頁圖片的地址，利用前臺運(yùn)行代碼獲取的網(wǎng)頁圖片的地址設(shè)置第二依賴屬性的數(shù)值，并利用第二依賴屬性的數(shù)值修改第二控件屬性的數(shù)值，以將第二圖片控件與當(dāng)前需要呈現(xiàn)的網(wǎng)頁圖片相關(guān)聯(lián)。
[0038]利用前臺運(yùn)行代碼獲取的占位圖片的地址設(shè)置第一依賴屬性的數(shù)值，該占位圖片的地址可以由用戶通過前臺交互界面預(yù)定指定。利用第一依賴屬性的數(shù)值修改第一控件屬性的數(shù)值，以將第一圖片控件與當(dāng)前使用的占位圖片相關(guān)聯(lián)。
[0039]在利用依賴屬性的數(shù)值修改控件屬性的數(shù)值時，本實(shí)施例通過繼承控制(Control)父類的模板應(yīng)用(OnApplyTemplate)方法，在OnApplyTemplate方法中將前臺賦值給控件模板的依賴屬性的數(shù)值傳遞給控件模板，并且對控件模板中設(shè)置的控件綁定處理的事件。此事件首先從控件模板中取出相應(yīng)的控件，然后根據(jù)暴露給前臺的依賴屬性來獲取用戶設(shè)置的相應(yīng)的值，并且把這些值賦值給取出的相應(yīng)控件中的控件屬性。
[0040]S104:是否成功加載網(wǎng)頁圖片，若是，執(zhí)行步驟S105，若否執(zhí)行步驟S106。
[0041]S105:當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換占位圖片。
[0042]對于Jpeg、png等移動終端平臺本身支持的圖片,利用由平臺中的Image控件實(shí)現(xiàn)的第二圖片控件能夠成功實(shí)現(xiàn)對這些圖片的加載，加載完成時會觸發(fā)第二圖片控件的圖像打開(ImageOpened)事件,此時將控件模板中的兩個Image控件的顯示狀態(tài)切換,將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述第二圖片控件的顯示狀態(tài)設(shè)置為展示，從而將剛加載完成的網(wǎng)頁圖片設(shè)成顯示，將占位圖片隱藏，實(shí)現(xiàn)圖片的替換。
[0043]S106:當(dāng)加載失敗時，判斷網(wǎng)頁圖片的類型是否為Gif類型，若是，執(zhí)行步驟S107，若否，確認(rèn)圖片加載失敗。
[0044]S107:利用Gif圖片控件解析網(wǎng)頁圖片并顯示。
[0045]由于移動終端平臺自身的操作系統(tǒng)不支持Gif圖，對于Gif圖的加載會觸發(fā)圖片失敗(ImageFailed)事件,此時判斷加載的圖片類型是不是Gif類型,如果是Gif類型,利用所述Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換所述占位圖片并展示該網(wǎng)頁圖片。將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述Gif圖片控件的顯示狀態(tài)設(shè)置為展示，從而展示Gif類型的網(wǎng)頁圖片，隱藏占位圖片。
[0046]進(jìn)一步的，本實(shí)施例為控件模板建立第三依賴屬性，表不為PlayGifModelProperty。利用前臺運(yùn)行代碼獲取的模式設(shè)置指令修改第三依賴屬性的數(shù)值，以控制所述Gif圖片控件展示網(wǎng)頁圖片的模式(AnimationMode)，該模式包括靜止(None)模式、循環(huán)播放(Repeat)模式和單次播放(PlayOnce)模式,從而豐富了 Gif圖片的顯示方式，提高了顯示的靈活性。
[0047]本實(shí)施例中由主線程啟動對網(wǎng)頁圖片的加載過程，加載啟動后，主線程將加載操作交由后臺線程執(zhí)行，由后臺線程對網(wǎng)頁圖片進(jìn)行相應(yīng)處理，并將處理結(jié)果返回至主線程，從而實(shí)現(xiàn)了一種異步加載圖片的處理機(jī)制，相比于將所有操作都由主線程處理的同步記載方式，本實(shí)施例能夠提高圖片加載速度，使圖片數(shù)據(jù)更快速地展示在移動終端上，提高了用戶體驗(yàn)。
[0048]為了便于清楚描述本發(fā)明實(shí)施例的技術(shù)方案，在發(fā)明的實(shí)施例中，采用了“第一”、“第二”等字樣對功能和作用基本相同的相同項(xiàng)或相似項(xiàng)進(jìn)行區(qū)分，本領(lǐng)域技術(shù)人員可以理解“第一”、“第二”等字樣并不對數(shù)量和執(zhí)行次序進(jìn)行限定。
[0049]本發(fā)明又一實(shí)施例還提供了一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)裝置，參見圖2，所述裝置包括:
[0050]控件模板建立單元200，用于建立由第一圖片控件、第二圖片控件和Gif圖片控件構(gòu)成的控件模板，所述第一圖片控件和第二圖片控件由平臺中的圖像控件實(shí)現(xiàn)，所述Gif圖片控件由支持Gif圖片的第三方開源控件實(shí)現(xiàn)；
[0051]控件模板啟動單元201，用于當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動所述控件模板；
[0052]占位圖片顯示單元202，用于利用所述第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片，所述第一圖片控件與占位圖片相關(guān)聯(lián)；
[0053]網(wǎng)頁圖片加載單元203，用于建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用所述第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片，當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換所述占位圖片，當(dāng)加載失敗時，判斷所述網(wǎng)頁圖片的類型；
[0054]Gif圖片處理單元204，用于當(dāng)所述網(wǎng)頁圖片的類型為Gif圖片時，利用所述Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換所述占位圖片并展示該網(wǎng)頁圖片。
[0055]其中，控件模板建立單元200，還用于為第一圖片控件建立第一控件屬性，第一控件屬性指示第一圖片控件與占位圖片關(guān)聯(lián)以及占位圖片的地址；為第二圖片控件建立第二控件屬性，第二控件屬性指示第二圖片控件與網(wǎng)頁圖片關(guān)聯(lián)以及網(wǎng)頁圖片的地址；為Gif圖片控件建立第三控件屬性，第三控件屬性指示該控制支持Gif圖片；以及，占位圖片顯示單元202通過第一控件屬性獲知第一圖片控件與占位圖片的關(guān)聯(lián)；網(wǎng)頁圖片加載單元203通過第二控件屬性建立并獲知第二圖片控件與網(wǎng)頁圖片的關(guān)聯(lián)。
[0056]進(jìn)一步的，控件模板建立單兀200,還用于為控件模板建立第一依賴屬性和第二依賴屬性，以及，占位圖片顯示單元202，用于利用前臺運(yùn)行代碼獲取的占位圖片的地址設(shè)置第一依賴屬性的數(shù)值，并利用第一依賴屬性的數(shù)值修改第一控件屬性的數(shù)值，以將第一圖片控件與當(dāng)前使用的占位圖片相關(guān)聯(lián)；網(wǎng)頁圖片加載單元203，用于利用前臺運(yùn)行代碼獲取的網(wǎng)頁圖片的地址設(shè)置第二依賴屬性的數(shù)值，并利用第二依賴屬性的數(shù)值修改第二控件屬性的數(shù)值，以將第二圖片控件與當(dāng)前需要呈現(xiàn)的網(wǎng)頁圖片相關(guān)聯(lián)。
[0057]進(jìn)一步的，控件模板建立單元200，還用于為控件模板建立第三依賴屬性；Gif圖片處理單元204，用于利用前臺運(yùn)行代碼獲取的模式設(shè)置指令修改第三依賴屬性的數(shù)值，以控制Gif圖片控件展示網(wǎng)頁圖片的模式，模式包括靜止模式、循環(huán)播放模式和單次播放模式。
[0058]進(jìn)一步的，網(wǎng)頁圖片加載單元203，用于將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述第二圖片控件的顯示狀態(tài)設(shè)置為展示，以利用加載的網(wǎng)頁圖片替換所述占位圖片；Gif圖片處理單元204，用于將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述Gif圖片控件的顯示狀態(tài)設(shè)置為展示，以由解析后的網(wǎng)頁圖片替換所述占位圖片。
[0059]本實(shí)施例中由主線程啟動對網(wǎng)頁圖片的加載過程，加載啟動后，主線程將加載操作交由后臺線程執(zhí)行，由后臺線程對網(wǎng)頁圖片進(jìn)行相應(yīng)處理，并將處理結(jié)果返回至主線程，從而實(shí)現(xiàn)了一種異步加載圖片的處理機(jī)制，相比于將所有操作都由主線程處理的同步記載方式，本實(shí)施例能夠提高圖片加載速度，使圖片數(shù)據(jù)更快速地展示在移動終端上，提高了用戶體驗(yàn)。
[0060]本發(fā)明裝置實(shí)施例中各單元的具體工作方式可以參見本發(fā)明的方法實(shí)施例，在此不再贅述。本裝置可以應(yīng)用在WindowsPhone等各種移動終端平臺上。
[0061]由上所述，本發(fā)明實(shí)施例通過在移動終端平臺中設(shè)置Gif圖片控件，利用Gif圖片控件解析移動終端下載到的Gif網(wǎng)頁圖片，從而能夠使移動終端實(shí)現(xiàn)對Gif圖片的展示，增強(qiáng)了移動終端的性能。并且，本發(fā)明實(shí)施例利用第一圖片控件能夠在展示網(wǎng)頁圖片之前在相應(yīng)位置展示包含一定信息的占位圖片，從而能夠向用戶提供更多的信息，提高資源的利用率，增強(qiáng)用戶體驗(yàn)；而利用第二圖片控件則保證了移動終端對Gif類型之外的圖片的正常加載和顯示，保證了各種類型圖片的成功展示。
[0062]以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。
【權(quán)利要求】
1.一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)方法，其特征在于，所述方法包括: 建立由第一圖片控件、第二圖片控件和圖像互換格式Gif圖片控件構(gòu)成的控件模板，所述第一圖片控件和第二圖片控件由平臺中的圖像控件實(shí)現(xiàn)，所述Gif圖片控件由支持Gif圖片的第三方開源控件實(shí)現(xiàn)； 當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動所述控件模板； 利用所述第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片，所述第一圖片控件與占位圖片相關(guān)聯(lián)； 建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用所述第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片，當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換所述占位圖片，當(dāng)加載失敗時，判斷所述網(wǎng)頁圖片的類型； 當(dāng)所述網(wǎng)頁圖片的類型為Gif圖片時，利用所述Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換所述占位圖片并展示該網(wǎng)頁圖片。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法包括: 為所述第一圖片控件建立第一控件屬性，所述第一控件屬性指示第一圖片控件與占位圖片關(guān)聯(lián)以及占位圖片的地址； 為所述第二圖片控件建立第二控件屬性，所述第二控件屬性指示第二圖片控件與網(wǎng)頁圖片關(guān)聯(lián)以及網(wǎng)頁圖片的地址； 為所述Gif圖片控件建立第三控件屬性，所述第三控件屬性指示該控制支持Gif圖片；以及， 通過第一控件屬性建立第一圖片控件與占位圖片的關(guān)聯(lián)； 通過第二控件屬性建立第二圖片控件與網(wǎng)頁圖片的關(guān)聯(lián)。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述方法還包括: 為所述控件模板建立第一依賴屬性和第二依賴屬性，以及， 利用前臺運(yùn)行代碼獲取的占位圖片的地址設(shè)置所述第一依賴屬性的數(shù)值，并利用第一依賴屬性的數(shù)值修改第一控件屬性的數(shù)值，以將第一圖片控件與當(dāng)前使用的占位圖片相關(guān)聯(lián)； 利用前臺運(yùn)行代碼獲取的網(wǎng)頁圖片的地址設(shè)置所述第二依賴屬性的數(shù)值，并利用第二依賴屬性的數(shù)值修改第二控件屬性的數(shù)值，以將第二圖片控件與當(dāng)前需要呈現(xiàn)的網(wǎng)頁圖片相關(guān)聯(lián)。
4.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述方法還包括: 為所述控件模板建立第三依賴屬性，以及，利用前臺運(yùn)行代碼獲取的模式設(shè)置指令修改第三依賴屬性的數(shù)值，以控制所述Gif圖片控件展示網(wǎng)頁圖片的模式，所述模式包括靜止模式、循環(huán)播放模式和單次播放模式。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 所述利用加載的網(wǎng)頁圖片替換所述占位圖片包括:將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述第二圖片控件的顯示狀態(tài)設(shè)置為展示； 所述由解析后的網(wǎng)頁圖片替換所述占位圖片包括:將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述Gif圖片控件的 顯示狀態(tài)設(shè)置為展示。
6.一種移動終端平臺中網(wǎng)頁圖片呈現(xiàn)裝置，其特征在于，所述裝置包括:控件模板建立單元，用于建立由第一圖片控件、第二圖片控件和Gif圖片控件構(gòu)成的控件模板，所述第一圖片控件和第二圖片控件由平臺中的圖像控件實(shí)現(xiàn)，所述Gif圖片控件由支持Gif圖片的第三方開源控件實(shí)現(xiàn)； 控件模板啟動單元，用于當(dāng)移動終端需要從網(wǎng)絡(luò)中下載網(wǎng)頁圖片并顯示時，啟動所述控件模板； 占位圖片顯示單元，用于利用所述第一圖片控件加載關(guān)聯(lián)的占位圖片，并在需要顯示網(wǎng)頁圖片的位置顯示占位圖片，所述第一圖片控件與占位圖片相關(guān)聯(lián)； 網(wǎng)頁圖片加載單元，用于建立網(wǎng)頁圖片和第二圖片控件的關(guān)聯(lián)，在網(wǎng)頁圖片下載完畢后，利用所述第二圖片控件加載關(guān)聯(lián)的網(wǎng)頁圖片，當(dāng)加載成功時，利用加載的網(wǎng)頁圖片替換所述占位圖片，當(dāng)加載失敗時，判斷所述網(wǎng)頁圖片的類型； Gif圖片處理單元，用于當(dāng)所述網(wǎng)頁圖片的類型為Gif圖片時，利用所述Gif圖片控件解析該網(wǎng)頁圖片，由解析后的網(wǎng)頁圖片替換所述占位圖片并展示該網(wǎng)頁圖片。
7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述控件模板建立單元，還用于為所述第一圖片控件建立第一控件屬性，所述第一控件屬性指示第一圖片控件與占位圖片關(guān)聯(lián)以及占位圖片的地址；為所述第二圖片控件建立第二控件屬性，所述第二控件屬性指示第二圖片控件與網(wǎng)頁圖片關(guān)聯(lián)以及網(wǎng)頁圖片的地址；為所述Gif圖片控件建立第三控件屬性，所述第三控件屬性指示該控制支持Gif圖片；以及， 所述占位圖片顯示單元通過第一控件屬性獲知第一圖片控件與占位圖片的關(guān)聯(lián)； 所述網(wǎng)頁圖片加載單元通過第二控件屬性建立并獲知第二圖片控件與網(wǎng)頁圖片的關(guān)聯(lián)。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述方法還包括: 所述控件模板建立單元，還用于為所述控件模板建立第一依賴屬性和第二依賴屬性，以及， 所述占位圖片顯示單元，用于利用前臺運(yùn)行代碼獲取的占位圖片的地址設(shè)置所述第一依賴屬性的數(shù)值，并利用第一依賴屬性的數(shù)值修改第一控件屬性的數(shù)值，以將第一圖片控件與當(dāng)前使用的占位圖片相關(guān)聯(lián)； 所述網(wǎng)頁圖片加載單元，用于利用前臺運(yùn)行代碼獲取的網(wǎng)頁圖片的地址設(shè)置所述第二依賴屬性的數(shù)值，并利用第二依賴屬性的數(shù)值修改第二控件屬性的數(shù)值，以將第二圖片控件與當(dāng)前需要呈現(xiàn)的網(wǎng)頁圖片相關(guān)聯(lián)。
9.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述方法還包括: 所述控件模板建立單元，還用于為所述控件模板建立第三依賴屬性； 所述Gif圖片處理單元，用于利用前臺運(yùn)行代碼獲取的模式設(shè)置指令修改第三依賴屬性的數(shù)值，以控制所述Gif圖片控件展示網(wǎng)頁圖片的模式，所述模式包括靜止模式、循環(huán)播放模式和單次播放模式。
10.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述方法還包括: 所述網(wǎng)頁圖片加載單元，用于將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述第二圖片控件的顯示狀態(tài)設(shè)置為展示，以利用加載的網(wǎng)頁圖片替換所述占位圖片； 所述Gif圖片處理單元，用于將所述第一圖片控件的顯示狀態(tài)設(shè)置為隱藏，并將所述Gif圖片控件的顯示狀態(tài)設(shè)置為展示，以由解析后的網(wǎng)頁圖片替換所述占位圖片。
【文檔編號】G06F17/30GK103914450SQ201210591517
【公開日】2014年7月9日 申請日期:2012年12月31日 優(yōu)先權(quán)日:2012年12月31日
【發(fā)明者】杜立召 申請人:北京新媒傳信科技有限公司