本公開涉及通信網(wǎng)絡技術領域,尤其涉及一種基于移動終端的頁面顯示方法及裝置。
背景技術:
隨著移動終端的應用日益廣泛,越來越多的用戶通過移動終端瀏覽網(wǎng)頁,以獲取所需信息。在移動終端顯示的一個頁面中,往往存在多個子頁面,所述多個子頁面分別顯示不同的內(nèi)容,從而使用戶通過該頁面獲取多類型的信息。例如,在商品的拍賣頁面中,至少包含一個用于顯示拍賣品相關介紹的子頁面,以及一個用于顯示拍賣品當前拍賣剩余時間的子頁面,從而使用戶能夠在瀏覽該頁面時,同時獲取拍賣品的相關介紹和當前拍賣剩余時間這兩種類型的信息。
另外,在頁面的多個子頁面中,往往包含顯示內(nèi)容保持不變的子頁面,以及顯示內(nèi)容會發(fā)生變化的子頁面。例如,在商品的拍賣頁面中,顯示拍賣品相關介紹的子頁面往往保持不變;而顯示拍賣品當前拍賣剩余時間的子頁面中,由于當前拍賣剩余時間會周期性減少,因而該子頁面顯示的時間會周期性的更新。移動終端在顯示所述內(nèi)容會發(fā)生變化的子頁面時,通常調(diào)用線程對該子頁面的顯示內(nèi)容進行更新。
但是,發(fā)明人在本申請的研究過程中發(fā)現(xiàn),用戶在通過移動終端瀏覽頁面時,往往需要對頁面進行滾動操作,使頁面上移或下拉,從而需要進行頁面刷新。在頁面刷新的過程中,移動終端會對頁面的布局進行檢測,對頁面中的各個子頁面進行重新布局。例如,在移動終端采用android系統(tǒng)時,在頁面刷新時,移動終端通常會利用android系統(tǒng)提供的TextView控件調(diào)用checkForRelayout方法,進行頁面檢測,對頁面進行重新布局,對需要更新的子頁面進行重新繪制。這種情況下,在頁面刷新時,往往需要移動移動終端同時進行子頁面中顯示內(nèi)容的更新操作和頁面的重新布局操作,導致移動終端顯示的頁面出現(xiàn)頁面卡頓現(xiàn)象。
技術實現(xiàn)要素:
為克服相關技術中存在的問題,本公開提供一種基于移動終端的頁面顯示方法及裝置。
為了解決上述技術問題,本發(fā)明實施例公開了如下技術方案:
根據(jù)本公開實施例的第一方面,提供一種基于移動終端的頁面顯示方法,包括:
獲取各個子頁面的頁面屬性,其中,所述頁面屬性包括:固定屬性和可更新屬性;
在對可更新子頁面進行更新時,根據(jù)所述可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù),其中,所述頁面屬性為可更新屬性的子頁面為可更新子頁面;
根據(jù)所述可更新子頁面的顯示參數(shù),重新繪制所述可更新子頁面的顯示內(nèi)容。
優(yōu)選的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述可更新子內(nèi)容的顯示參數(shù)包括:文字寬度和文字高度。
優(yōu)選的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述根據(jù)可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù)包括:
接收需更新時間,并根據(jù)所述需更新時間,計算當前剩余時間;
根據(jù)頁面繪制時采用的畫筆參數(shù),以及所述當前剩余時間,分別計算所述可更新子頁面上顯示的所述當前剩余時間的文字寬度和文字高度。
優(yōu)選的,所述可更新子頁面的顯示參數(shù)還包括:文字顏色。
根據(jù)本公開實施例的第二方面,提供一種基于移動終端的頁面顯示裝置,包括:
頁面屬性獲取模塊,用于獲取各個子頁面的頁面屬性,其中,所述頁面屬性包括:固定屬性和可更新屬性;
顯示參數(shù)獲取模塊,用于在對可更新子頁面進行更新時,根據(jù)所述可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù),其中,所述頁面屬性為可更新屬性的子頁面為可更新子頁面;
更新模塊,用于根據(jù)所述可更新子頁面的顯示參數(shù),重新繪制所述可更新子頁面的顯示內(nèi)容。
優(yōu)選的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述可更新子內(nèi)容的顯示參數(shù)包括:文字寬度和文字高度。
優(yōu)選的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述顯示參數(shù)獲取模塊包括:
第一計算單元,用于接收需更新時間,并根據(jù)所述需更新時間,計算當前剩余時間;
第二計算單元,用于根據(jù)頁面繪制時采用的畫筆參數(shù),以及所述當前剩余時間,分別計算所述可更新子頁面上顯示的所述當前剩余時間的文字寬度和文字高度。
優(yōu)選的,所述可更新子頁面的顯示參數(shù)還包括:文字顏色。
本公開的實施例提供的技術方案可以包括以下有益效果:
本申請公開一種基于移動終端的頁面顯示方法及裝置。在移動終端顯示的一個頁面中,往往存在多個子頁面,所述多個子頁面分別顯示不同內(nèi)容,并且,其中的一個或多個子頁面的顯示內(nèi)容會發(fā)生更新。例如,在拍賣頁面中,通常包含一個用于顯示拍賣品的子頁面,以及一個用于顯示拍賣品當前剩余時間的子頁面,所述顯示拍賣品當前剩余時間的子頁面中,會隨著當前剩余時間的減少周期性的修改顯示內(nèi)容。另外在現(xiàn)有技術中,若對頁面進行刷新,會導致移動終端進行頁面檢測,對各個子頁面進行重新布局,這種情況下,若同時更新子頁面的顯示內(nèi)容,會造成頁面出現(xiàn)卡頓現(xiàn)象。而本申請公開的方案,在獲取到需更新的顯示內(nèi)容后,獲取可更新子頁面的顯示參數(shù),并根據(jù)獲取到的顯示參數(shù),在頁面繪制需更新的顯示內(nèi)容,實現(xiàn)顯示內(nèi)容的更新,從而不再進行頁面檢測,避免頁面卡頓現(xiàn)象的出現(xiàn),使頁面中的各子頁面能夠順滑顯示。例如,若移動終端顯示的頁面為拍賣頁面,其中顯示拍賣品當前剩余時間的子頁面需要更新,在獲取到需更新的時間后,計算顯示該時間的文字寬度和高度,并根據(jù)計算得到的所述文字寬度和高度,在頁面繪制需更新的時間,從而不再進行頁面檢測,避免頁面卡頓現(xiàn)象的出現(xiàn),使頁面中的各子頁面能夠順滑顯示。
應當理解的是,以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的,并不能限制本公開。
附圖說明
此處的附圖被并入說明書中并構(gòu)成本說明書的一部分,示出了符合本發(fā)明的實施例,并與說明書一起用于解釋本發(fā)明的原理。
圖1是根據(jù)一示例性實施例示出的一種基于移動終端的頁面顯示方法的工作流程示意圖;
圖2是根據(jù)一示例性實施例示出的一種基于移動終端的頁面顯示方法中,移動終端的頁面示意圖;
圖3是根據(jù)一示例性實施例示出的一種基于移動終端的頁面顯示裝置的結(jié)構(gòu)示意圖。
具體實施方式
這里將詳細地對示例性實施例進行說明,其示例表示在附圖中。下面的描述涉及附圖時,除非另有表示,不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本發(fā)明相一致的所有實施方式。相反,它們僅是與如所附權利要求書中所詳述的、本發(fā)明的一些方面相一致的裝置和方法的例子。
為了解決移動終端在顯示頁面時,出現(xiàn)頁面卡頓的問題,本申請公開一種基于移動終端的頁面顯示方法及裝置。
本申請的實施例一公開一種基于移動終端的頁面顯示方法,參見圖1所示的工作流程示意圖,所述基于移動終端的頁面顯示方法包括以下步驟:
步驟S11、獲取各個子頁面的頁面屬性,其中,所述頁面屬性包括:固定屬性和可更新屬性。
在一個頁面中,往往包含多個子頁面,而所述多個子頁面往往具有不同的頁面屬性,該頁面屬性包括固定屬性和可更新屬性,其中,固定屬性的子頁面的顯示內(nèi)容保持不變,而可更新屬性的子頁面的顯示內(nèi)容會發(fā)生變化。例如,在商品的拍賣頁面中,顯示拍賣品相關介紹的子頁面往往保持不變,則該子頁面為固定屬性;而顯示拍賣品當前拍賣剩余時間的子頁面中,顯示的時間周期性減少,因此該子頁面為可更新屬性。
另外,在本申請中,通??筛鶕?jù)頁面的控件確定所述頁面屬性。
步驟S12、在對可更新子頁面進行更新時,根據(jù)所述可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù),其中,所述頁面屬性為可更新屬性的子頁面為可更新子頁面。
用戶在通過移動終端瀏覽不同頁面時,可更新子頁面需顯示的內(nèi)容需要更新。例如,參見圖2所示的移動終端的頁面示意圖,在商品的拍賣頁面時,移動終端的頁面中包含多個子頁面,如拍賣車輛的外觀圖、拍賣車輛內(nèi)部細節(jié)圖、拍賣車輛的相關信息、競價信息和該拍賣品的當前剩余時間。其中,顯示拍賣品的當前剩余時間的子頁面為可更新子頁面,這種情況下,所述可更新子頁面顯示的內(nèi)容每隔預設時間(如1秒或1分鐘)進行一次更新,或者,所述可更新子頁面顯示的內(nèi)容為拍賣品從不同角度拍攝的圖片,這種情況下,所述可更新子頁面顯示的內(nèi)容為拍賣品各個角度的圖片,各圖片可周期性的更新展示。
不同的可更新子頁面的顯示參數(shù)往往不同,例如,若所述可更新子頁面需顯示的內(nèi)容為文字,則顯示參數(shù)通常為文字寬度和文字高度;若所述可更新子頁面需顯示的內(nèi)容為圖片,則顯示參數(shù)通常為圖片在該子頁面中的圖片寬度和圖片高度。
步驟S13、根據(jù)所述可更新子頁面的顯示參數(shù),重新繪制所述可更新子頁面的顯示內(nèi)容。通過對所述可更新子頁面的顯示內(nèi)容的重新繪制,能夠?qū)崿F(xiàn)對可更新子頁面的更新。
本申請公開一種基于移動終端的頁面顯示方法,該方法中,首先獲取各個子頁面的頁面屬性,根據(jù)頁面屬性確定其中的可更新子頁面,然后根據(jù)可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù),并根據(jù)所述可更新子頁面的顯示參數(shù),重新繪制所述可更新子頁面的顯示內(nèi)容。
根據(jù)上述對本申請的描述可知,本申請預先根據(jù)各個子頁面的頁面屬性,對各個子 頁面進行了劃分,在需要對可更新子頁面進行更新時,對可更新子頁面的顯示內(nèi)容進行重新繪制,而不需要對頁面進行重新布局。
移動終端在顯示頁面時,若頁面中包含可更新子頁面,則需要對該子頁面的顯示內(nèi)容進行更新,而現(xiàn)有技術中,在頁面刷新的過程中,移動終端會進行頁面檢測,對各個子頁面進行重新布局。也就是說,在頁面刷新時,往往需要移動終端同時進行子頁面中顯示內(nèi)容的更新操作和頁面的重新布局操作,導致移動終端顯示的頁面出現(xiàn)頁面卡頓現(xiàn)象。
而本申請公開的基于移動終端的頁面顯示方法,只對可更新子頁面的顯示內(nèi)容進行了重新繪制,而未重新布局。因此,相對于現(xiàn)有技術來說,本申請對可更新子頁面的更新不會受到頁面重新布局這一事件的影響,從而不會出現(xiàn)頁面卡頓現(xiàn)象。
進一步的,在本申請公開的基于移動終端的頁面顯示方法中,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述可更新子內(nèi)容的顯示參數(shù)包括:文字寬度和文字高度。
例如,在商品拍賣頁面中,需要向用戶展示當前拍賣品的剩余時間,在此背景下,需要每隔預設周期(如1秒或1分鐘等)進行一次時間的更新,用于展示當前剩余時間。其中,所述當前剩余時間通過文字展示,因此,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述可更新子內(nèi)容的顯示參數(shù)為文字寬度和文字高度。
當然,在本申請公開的基于移動終端的頁面顯示方法中,所述可更新子頁面需顯示的內(nèi)容還可以為其他類型的文字,或者,所述需顯示的內(nèi)容還可以為其他形式的內(nèi)容,如圖片、音視頻鏈接等,本申請對此不做限定。
進一步的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述根據(jù)可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù)包括:
首先,接收需更新時間,并根據(jù)所述需更新時間,計算當前剩余時間;
然后,根據(jù)頁面繪制時采用的畫筆參數(shù),以及所述當前剩余時間,分別計算所述可更新子頁面上顯示的所述當前剩余時間的文字寬度和文字高度。
其中,所述需更新時間即為拍賣品提供的原始時間,例如,若某一拍賣品需要進行十分鐘的拍賣,這種情況下該拍賣品提供的原始時間為十分鐘,則所述需更新時間為十分鐘。另外,移動終端中通常設置有定時器,根據(jù)接收到的所述需更新時間和移動終端中設置的定時器,能夠計算得到當前剩余時間。
具體的,可通過以下程序獲取需更新時間,其中,“time”即為所述需更新時間:
另外,在獲取到所述需更新時間,根據(jù)頁面繪制時采用的畫筆參數(shù),計算可更新子頁面上顯示的所述當前剩余時間的文字寬度時,可采用以下程序:
在上述程序中,傳入?yún)?shù)為畫筆和需要測量文字寬度的文字(即當前剩余時間),該程序的返回結(jié)果即為計算獲取到的文字寬度。
另外,在獲取到所述需更新時間,根據(jù)頁面繪制時采用的畫筆參數(shù),計算可更新子頁面上顯示的所述當前剩余時間的文字高度時,可采用以下程序:
上述程序的返回結(jié)果即為計算獲取到的文字寬度。
在獲取到可更新子頁面的文字寬度和文字高度后,即可重新繪制所述可更新子頁面的顯示內(nèi)容。具體的,可通過以下程序?qū)崿F(xiàn)對可所述可更新子頁面的重新繪制:
在上述程序中,傳入的參數(shù)為畫布參數(shù),根據(jù)畫布參數(shù)以及獲取到的文字寬度和文字高度,即可對可更新子頁面進行重新繪制,完成對可更新子頁面需顯示的當前剩余時間的更新。
通過上述方案,能夠在可更新子頁面需顯示的內(nèi)容為當前剩余時間時,完成對可更新子頁面的更新。另外,在實際應用場景中,所述可更新子頁面還可以用于顯示其他內(nèi)容,如圖片等,這種情況下,顯示參數(shù)通常為圖片在該子頁面中的圖片寬度和圖片高度,根據(jù)獲取到的顯示參數(shù),能夠?qū)崿F(xiàn)對可更新子頁面中圖片內(nèi)容的更新。
進一步的,若所述可更新子頁面需顯示的內(nèi)容為文字,則所述可更新子頁面的顯示參數(shù)還包括:文字顏色。這種情況下,移動終端預先設置不同文字對應的文字顏色,在根據(jù)所述可更新子頁面的顯示參數(shù),重新繪制所述可更新子頁面的顯示內(nèi)容時,根據(jù)預設的文字與文字顏色的對應關系,將文字繪制為相應的文字顏色,從而使可更新子頁面顯示的文字在更新時,不同文字能夠以不同顏色呈現(xiàn),提高用戶體驗。
相應的,本申請還公開一種基于移動終端的頁面顯示裝置。參見圖3所示的結(jié)構(gòu)示意圖,所述基于移動終端的頁面顯示裝置包括:頁面屬性獲取模塊100、顯示參數(shù)獲取模塊200和更新模塊300。
其中,所述頁面屬性獲取模塊100,用于獲取各個子頁面的頁面屬性,其中,所述頁面屬性包括:固定屬性和可更新屬性;
所述顯示參數(shù)獲取模塊200,用于在對可更新子頁面進行更新時,根據(jù)所述可更新子頁面需顯示的內(nèi)容,獲取所述可更新子頁面的顯示參數(shù),其中,所述頁面屬性為可更新屬性的子頁面為可更新子頁面;
所述更新模塊300,用于根據(jù)所述可更新子頁面的顯示參數(shù),重新繪制所述可更新子頁面的顯示內(nèi)容。
進一步的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述可更新子內(nèi)容的顯示參數(shù)包括:文字寬度和文字高度。
進一步的,若所述可更新子頁面需顯示的內(nèi)容為當前剩余時間,所述顯示參數(shù)獲取模塊包括:
第一計算單元,用于接收需更新時間,并根據(jù)所述需更新時間,計算當前剩余時間;
第二計算單元,用于根據(jù)頁面繪制時采用的畫筆參數(shù),以及所述當前剩余時間,分別計算所述可更新子頁面上顯示的所述當前剩余時間的文字寬度和文字高度。
進一步的,所述可更新子頁面的顯示參數(shù)還包括:文字顏色。
在移動終端顯示的一個頁面中,往往存在多個子頁面,所述多個子頁面分別顯示不同內(nèi)容,并且,其中的一個或多個子頁面的顯示內(nèi)容會發(fā)生更新。例如,在拍賣頁面中,通常包含一個用于顯示拍賣品的子頁面,以及一個用于顯示拍賣品當前剩余時間的子頁面,所述顯示拍賣品當前剩余時間的子頁面中,會隨著當前剩余時間的減少周期性的修改顯示內(nèi)容。另外在現(xiàn)有技術中,若對頁面進行刷新,會導致移動終端進行頁面檢測,對各個子頁面進行重新布局,這種情況下,若同時更新子頁面的顯示內(nèi)容,會造成頁面出現(xiàn)卡頓現(xiàn)象。
而本申請公開的方案,在獲取到需更新的顯示內(nèi)容后,獲取可更新子頁面的顯示參數(shù),并根據(jù)獲取到的顯示參數(shù),在頁面繪制需更新的顯示內(nèi)容,實現(xiàn)顯示內(nèi)容的更新,從而不再進行頁面檢測,避免頁面卡頓現(xiàn)象的出現(xiàn),使頁面中的各子頁面能夠順滑顯示。
而通過本申請上述公開的基于移動終端的頁面顯示裝置,在獲取到的需更新的時間后,計算顯示該時間的文字寬度和高度,并根據(jù)計算得到的所述文字寬度和高度,在頁面繪制需更新的時間,從而不再進行頁面檢測,避免頁面卡頓現(xiàn)象的出現(xiàn),使頁面中的各子頁面能夠順滑顯示。
關于上述實施例中的裝置,其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關該方法的實施例中進行了詳細描述,此處將不做詳細闡述說明。
本領域技術人員在考慮說明書及實踐這里公開的發(fā)明后,將容易想到本發(fā)明的其它實施方案。本申請旨在涵蓋本發(fā)明的任何變型、用途或者適應性變化,這些變型、用途或者適應性變化遵循本發(fā)明的一般性原理并包括本公開未公開的本技術領域中的公知常識或慣用技術手段。說明書和實施例僅被視為示例性的,本發(fā)明的真正范圍和精神由下面的權利要求指出。
應當理解的是,本發(fā)明并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu),并且可以在不脫離其范圍進行各種修改和改變。本發(fā)明的范圍僅由所附的權利要求來限制。