頁面加載進(jìn)度顯示方法、裝置及移動終端的制作方法
【技術(shù)領(lǐng)域】
[0001 ]本發(fā)明設(shè)及通信領(lǐng)域,尤其設(shè)及頁面加載進(jìn)度顯示方法、裝置及移動終端。
【背景技術(shù)】
[0002] 隨著移動互聯(lián)網(wǎng)絡(luò)的快速發(fā)展,用戶也越來越習(xí)慣于通過移動終端來獲取網(wǎng)絡(luò)信 息。例如,移動終端中瀏覽器可W用于網(wǎng)上沖浪,并且很多非專用瀏覽器類應(yīng)用也可W兼具 獲取網(wǎng)絡(luò)信息的功能。通常,移動終端的應(yīng)用在加載網(wǎng)絡(luò)頁面時,適于顯示頁面加載的進(jìn)度 W提示用戶。例如,在I0S等操作系統(tǒng)中使用UIActivitylndicatorView提示用戶頁面正在 加載中。簡而言之,在加載頁面過程中顯示一個回轉(zhuǎn)的運動箭頭。然而運種運動箭頭能提供 的信息量有限,其并不能被用于顯示頁面加載更具體的過程。
【發(fā)明內(nèi)容】
[0003] 為此,本發(fā)明提供一種新的頁面加載進(jìn)度顯示方案,有效的解決了上面至少一個 問題。
[0004] 根據(jù)本發(fā)明的一個方面,提供一種頁面加載進(jìn)度顯示方法,適于在移動終端中執(zhí) 行。該方法包括如下步驟。監(jiān)測頁面加載的執(zhí)行過程,該執(zhí)行過程包括多個執(zhí)行階段。按照 多個執(zhí)行階段的時間順序,依次在每個執(zhí)行階段顯示對應(yīng)該階段的進(jìn)度狀態(tài)。在監(jiān)測到頁 面加載完成時,隱藏所顯示的進(jìn)度狀態(tài)。
[0005] 可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示方法中,多個執(zhí)行階段包括請求預(yù)加 載頁面的第一階段,加載頁面數(shù)據(jù)的第二階段和完成頁面加載的第Ξ階段。
[0006] 可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示方法中,依次在每個執(zhí)行階段顯示對 應(yīng)該階段的進(jìn)度狀態(tài)的步驟包括:在所述第一階段中,如果監(jiān)測到請求頁面成功,則顯示第 一進(jìn)度條;在所述第二階段顯示第二進(jìn)度條;在所述第Ξ階段顯示第Ξ進(jìn)度條。
[0007] 可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示方法中,在所述第二階段顯示第二進(jìn) 度條的步驟包括對第二進(jìn)度條W漸進(jìn)方式進(jìn)行顯示。其中漸進(jìn)顯示的速度與預(yù)加載頁面數(shù) 據(jù)的大小成反比。
[000引可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示方法中,第一進(jìn)度條、所述第二進(jìn)度條 和第Ξ進(jìn)度條的長度比例為預(yù)設(shè)值,例如為1:8:1。
[0009] 根據(jù)本發(fā)明的又一個方面,提供一種頁面加載進(jìn)度顯示裝置,適于駐留在移動終 端中。該裝置包括監(jiān)測單元和顯示單元。監(jiān)測單元適于監(jiān)測頁面加載的執(zhí)行過程。該執(zhí)行過 程包括多個執(zhí)行階段。顯示單元適于按照所述多個執(zhí)行階段的時間順序,依次在每個執(zhí)行 階段顯示對應(yīng)該階段的進(jìn)度狀態(tài)。其中,在該監(jiān)測單元監(jiān)測到頁面加載完成時,顯示單元適 于隱藏所顯示的進(jìn)度狀態(tài)。
[0010] 可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示裝置中,多個執(zhí)行階段包括請求預(yù)加 載頁面的第一階段,加載該頁面數(shù)據(jù)的第二階段和完成頁面加載的第Ξ階段。
[0011] 可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示裝置中,顯示單元適于根據(jù)下述方式 依次在每個執(zhí)行階段顯示對應(yīng)該階段的進(jìn)度狀態(tài)。在監(jiān)測單元在第一階段中監(jiān)測到請求頁 面成功,顯示單元顯示第一進(jìn)度條。顯示單元在第二階段顯示第二進(jìn)度條。顯示單元在第Ξ 階段顯示第Ξ進(jìn)度條。另外,顯示單元W漸進(jìn)方式對第二進(jìn)度條進(jìn)行顯示。其中漸進(jìn)顯示的 速度與所述預(yù)加載頁面數(shù)據(jù)的大小成反比。
[0012] 可選地,在根據(jù)本發(fā)明的頁面加載進(jìn)度顯示裝置中,第一進(jìn)度條、第二進(jìn)度條和第 Ξ進(jìn)度條的長度比例為預(yù)設(shè)值,例如為1:8:1。
[0013] 根據(jù)本發(fā)明的又一個方面,提供一種移動終端,包括根據(jù)本發(fā)明的頁面加載進(jìn)度 顯示裝置。
[0014] 根據(jù)本發(fā)明的進(jìn)度條顯示方式,可W在例如I0S等操作系統(tǒng)并沒有公開類似 Sa化ri瀏覽器中顯示進(jìn)度條方式的API接口時,通過監(jiān)測加載過程的代碼執(zhí)行過程,并在不 同執(zhí)行階段顯示不同的進(jìn)度狀態(tài),W便用戶了解頁面加載的過程。
【附圖說明】
[0015] 為了實現(xiàn)上述W及相關(guān)目的,本文結(jié)合下面的描述和附圖來描述某些說明性方 面,運些方面指示了可W實踐本文所公開的原理的各種方式,并且所有方面及其等效方面 旨在落入所要求保護(hù)的主題的范圍內(nèi)。通過結(jié)合附圖閱讀下面的詳細(xì)描述,本公開的上述 W及其它目的、特征和優(yōu)勢將變得更加明顯。遍及本公開,相同的附圖標(biāo)記通常指代相同的 部件或元素。
[0016] 圖1示出了根據(jù)本發(fā)明一個示例性移動終端100的框圖;
[0017] 圖2示出了根據(jù)本發(fā)明一些實施例的頁面加載進(jìn)度顯示裝置200的框圖;
[0018] 圖3示出了根據(jù)本發(fā)明一個實施例的第一進(jìn)度條al的顯示界面;
[0019] 圖4示出了根據(jù)本發(fā)明一個實施例的第二進(jìn)度條曰2顯示界面;W及
[0020] 圖5示出了根據(jù)本發(fā)明一些實施例的頁面加載進(jìn)度顯示方法500的流程圖。
【具體實施方式】
[0021] 下面將參照附圖更詳細(xì)地描述本公開的示例性實施例。雖然附圖中顯示了本公開 的示例性實施例,然而應(yīng)當(dāng)理解,可各種形式實現(xiàn)本公開而不應(yīng)被運里闡述的實施例 所限制。相反,提供運些實施例是為了能夠更透徹地理解本公開,并且能夠?qū)⒈竟_的范圍 完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0022] 圖1是根據(jù)本發(fā)明一個示例性移動終端100的框圖。移動終端100可W包括存儲器 接口 102、一個或多個數(shù)據(jù)處理器、圖像處理器和/或中央處理單元104, W及外圍接口 106。
[0023] 存儲器接口 102、一個或多個處理器104和/或外圍接口 106既可W是分立元件,也 可W集成在一個或多個集成電路中。在移動終端100中,各種元件可W通過一條或多條通信 總線或信號線來禪合。傳感器、設(shè)備和子系統(tǒng)可W禪合到外圍接口 106, W便幫助實現(xiàn)多種 功能。例如,運動傳感器110、光線傳感器112和距離傳感器114可W禪合到外圍接口 106, W 方便定向、照明和測距等功能。其他傳感器116同樣可W與外圍接口 106相連,例如定位系統(tǒng) (例如GPS接收機(jī))、溫度傳感器、生物測定傳感器或其他感測設(shè)備,由此可W幫助實施相關(guān) 的功能。
[0024] 相機(jī)子系統(tǒng)120和光學(xué)傳感器122可W用于方便諸如記錄照片和視頻剪輯的相機(jī) 功能的實現(xiàn),其中所述相機(jī)子系統(tǒng)和光學(xué)傳感器例如可W是電荷禪合器件(CCD)或互補金 屬氧化物半導(dǎo)體(CMOS)光學(xué)傳感器。可W通過一個或多個無線通信子系統(tǒng)124來幫助實現(xiàn) 通信功能,其中無線通信子系統(tǒng)可W包括射頻接收機(jī)和發(fā)射機(jī)和/或光(例如紅外)接收機(jī) 和發(fā)射機(jī)。無線通信子系統(tǒng)124的特定設(shè)計和實施方式可W取決于移動終端100所支持的一 個或多個通信網(wǎng)絡(luò)。例如,移動終端100可W包括被設(shè)計成支持3G、4G、GSM網(wǎng)絡(luò)、GPRS網(wǎng)絡(luò)、 邸GE網(wǎng)絡(luò)、Wi-Fi或WiMax網(wǎng)絡(luò)W及Bluebooth?網(wǎng)絡(luò)的通信子系統(tǒng)124。音頻子系統(tǒng)126可W 與揚聲器128W及麥克風(fēng)130相禪合,W便幫助實施啟用語音的功能,例如語音識別、語音復(fù) 審IJ、數(shù)字記錄和電話功能。
[0025] I/O子系統(tǒng)140可W包括觸摸屏控制器142和/或一個或多個其他輸入控制器144。 觸摸屏控制器142可W禪合到觸摸屏146。舉例來說,該觸摸屏146和觸摸屏控制器142可W 使用多種觸摸感測技術(shù)中的任何一種來檢測與之進(jìn)行的接觸和移動或是暫停,其中感測技 術(shù)包括但不局限于電容性、電阻性、紅外和表面聲波技術(shù)。一個或多個其他輸入控制器144 可W禪合到其他輸入/控制設(shè)備148,例如一個或多個按鈕、搖桿開關(guān)、拇指旋輪、紅外端口、 USB端口、和/或指示筆之類的指點設(shè)備。所述一個或多個按鈕(未顯示)可W包括用于控制 揚聲器128和/或麥克風(fēng)130音量的向上/向下按鈕。
[0026] 存儲器接口 102可W與存儲器150相禪合。該存儲器150可W包括高速隨機(jī)存取存 儲器和/或非易失性存儲器,例如一個或多個磁盤存儲設(shè)備,一個或多個光學(xué)存儲設(shè)備,和/ 或閃存存儲器(例如NAND,N0R)。存儲器150可W存儲操作系統(tǒng)172,例如An化oicUiOS或是 Windows Phone之類的操作系統(tǒng)。該操作系統(tǒng)172可W包括用于處理基本系統(tǒng)服務(wù)W及執(zhí)行 依賴于硬件的任務(wù)的指令。存儲器150還可W存儲應(yīng)用174。在移動設(shè)備運行時,會從存儲器 150中加載操作系統(tǒng)172,并且由處理器104執(zhí)行。應(yīng)用174在運行時,也會從存儲器150中加 載,并由處理器104執(zhí)行。應(yīng)用174運行在操作系統(tǒng)之上,利用操作系統(tǒng)W及底層硬件提供的 接口實現(xiàn)各種用戶期望的功能,如即時通信、網(wǎng)頁瀏覽、圖片管理等。應(yīng)用174可W是獨立于 操作系統(tǒng)提供的,也可W是操作系統(tǒng)自帶的。
[0027] 隨著移動網(wǎng)絡(luò)的快速發(fā)展,應(yīng)用174中許多的應(yīng)用都具有訪問互聯(lián)網(wǎng)并獲取網(wǎng)絡(luò) 信息的功能。換言之,應(yīng)用174中多個應(yīng)用都可W訪問U化網(wǎng)址并加載所請求的頁面。另外, 應(yīng)用在加載頁面時需要顯示頁面的加載進(jìn)度。上述應(yīng)用174中一種為頁面加載進(jìn)度顯示裝 置200。運里,根據(jù)本發(fā)明的頁面加載進(jìn)度顯示裝置200通常作為能夠加載網(wǎng)絡(luò)頁面的應(yīng)用 的一個插件或組件。而加載網(wǎng)絡(luò)頁面的應(yīng)用例如可W從汽車類網(wǎng)站獲取汽車車系、車型配 置、價格、評測、保養(yǎng)等資訊內(nèi)容,但不限于此。
[0028] 圖2示出了根據(jù)本發(fā)明一些實施例的頁面加載進(jìn)度顯示裝置200的框圖。
[0029] 如圖2所示,頁面加載進(jìn)度顯示裝置200包括監(jiān)測單元210和顯示單元220。監(jiān)測單 元210適于監(jiān)測頁面加載的執(zhí)行過程。運里,根據(jù)本發(fā)明的裝置200作為例如汽車資訊類應(yīng) 用(APP)的組件,適于在應(yīng)用加載所請求頁面數(shù)據(jù)的過程中,動態(tài)顯示加載進(jìn)度狀態(tài)。根據(jù) 本發(fā)明一個實施例,頁面加載的執(zhí)行過程可W劃分為3個執(zhí)行階段。換言之,監(jiān)測單元210可 W檢測到頁面加載過程中的3個執(zhí)行階段。運里,第一階段例如為請求預(yù)加載頁面的階段。 第二階段為加載頁面數(shù)據(jù)的階段。第Ξ階段為完成頁面數(shù)據(jù)加載的階段。下面對Ξ個階段 中,顯示單元220的顯示方式進(jìn)行示例性說明。
[0030] 監(jiān)測單元210在第一階段中確定頁面請求成功,則顯示單元220顯示第一進(jìn)度條。 具體地,根據(jù)本發(fā)明一個實施例,監(jiān)測單元210對應(yīng)用的webview執(zhí)行過程進(jìn)行監(jiān)測。在檢測 至Ijwebview對U化請求成功時,顯示第一進(jìn)度條。其中,webview對U化執(zhí)行請求的示例代碼如