一種屏幕適配的方法和裝置製造方法
2023-09-24 04:54:15 4
一種屏幕適配的方法和裝置製造方法
【專利摘要】本發明公開一種屏幕適配的方法和裝置,客戶端從伺服器端獲取用戶界面數據包,對用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息,該用戶界面中的模塊按照垂直方向排列,每個模塊包含一個或多個組件。客戶端根據對自身所在設備的屏幕方向獲取各個組件的顯示寬度、顯示高度和顯示坐標,根據各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到各個組件中的資源文件,繪製用戶界面中的各個組件,能夠對具有不同屏幕尺寸的設備進行屏幕適配和橫豎屏切換,提高了屏幕適配和橫豎屏切換的流暢度,減少了屏幕適配的工作量,提高了屏幕適配效率。
【專利說明】一種屏幕適配的方法和裝置
【技術領域】
[0001]本發明涉及終端顯示領域,特別是涉及一種屏幕適配的方法和裝置。
【背景技術】
[0002]隨著移動通信技術的發展,行動裝置的類型也日益增多,不同類型的行動裝置通常具有不同的作業系統和屏幕尺寸。
[0003]現有技術中使用移動中間件技術屏蔽不同作業系統之間的底層差異,實現跨作業系統的快速開發,開發者只需要為客戶端開發一套n(User Interface,用戶界面),便可保證客戶端能在不同的作業系統中運行。
[0004]發明人在實現本發明的過程中,發現現有技術至少存在以下缺陷:
[0005]由於不同類型的行動裝置的屏幕尺寸通常也不相同,開發者仍需要根據不同的屏幕尺寸製作不同的UI,並經過高保真效果圖重設、切片處理、編碼和測試,才能使客戶端適配多種行動裝置,導致屏幕適配工作量大、屏幕適配效率低。
【發明內容】
[0006]本發明提供了一種屏幕適配的方法和裝置,以解決現有技術中屏幕適配工作量大、屏幕適配效率低的缺陷。
[0007]本發明提供了一種屏幕適配的方法,包括以下步驟:
[0008]Al、客戶端從伺服器端獲取用戶界面數據包,對所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息,所述用戶界面中的模塊按照垂直方向排列,每個模塊包含一個或多個組件;
[0009]A2、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟A3 ;如果所述屏幕方向為橫屏,則執行步驟A4 ;
[0010]A3、所述客戶端將所述各個模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並執行步驟A5 ;
[0011]A4、所述客戶端將所述各個模塊的顯示寬度設置為所述設備的屏幕高度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並執行步驟A5 ;
[0012]A5、客戶端監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,返回步驟A2。
[0013]本發明還提供了一種屏幕適配的方法,包括以下步驟:
[0014]E1、客戶端從伺服器端獲取用戶界面數據包,對所述用戶界面數據包進行解析,得到全局模塊的繪製信息和各個組件的繪製信息,所述全局模塊包含所述用戶界面中的所有組件;
[0015]E2、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟E3 ;如果所述屏幕方向為橫屏,則執行步驟E4 ;
[0016]E3、所述客戶端將所述全局模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並執行步驟E5 ;
[0017]E4、所述客戶端將所述全局模塊的顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並執行步驟E5 ;
[0018]E5、所述客戶端根據所述全局模塊的顯示寬度、所述全局模塊的顯示高度、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並執行步驟E6;
[0019]E6、所述客戶端監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,返回步驟E2。
[0020]本發明還提供了一種屏幕適配的方法,包括以下步驟:
[0021]H1、客戶端從伺服器端獲取用戶界面數據包,對所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息;
[0022]H2、所述客戶端根據自身所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示信息和橫屏顯示信息;
[0023]H3、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟H4 ;如果所述屏幕方向為橫屏,則執行步驟H5 ;
[0024]H4、所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,並執行步驟H6 ;
[0025]H5、所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,並執行步驟H6 ;
[0026]H6、所述客戶端監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,執行步驟H7 ;
[0027]H7、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟HS ;如果所述屏幕方向為橫屏,則執行步驟H9 ;
[0028]HS、所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,並執行步驟H6 ;
[0029]H9、所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,並執行步驟H6。
[0030]本發明還提供了一種屏幕適配的裝置,包括:
[0031]獲取單元,用於從伺服器端獲取用戶界面數據包;
[0032]解析單元,用於對所述獲取單元獲取到的所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息,所述用戶界面中的模塊按照垂直方向排列,每個模塊包含一個或多個組件;[0033]第一判斷單元,用於對所述裝置所在設備的屏幕方向進行判斷;
[0034]處理單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,將所述各個模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元;
[0035]在所述第一判斷單元判斷出所述屏幕方向為橫屏時,將所述各個模塊的顯示寬度設置為所述設備的屏幕高度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元;
[0036]所述監控單元,用於監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
[0037]本發明還提供了一種屏幕適配的裝置,包括:
[0038]獲取單元,用於從伺服器端獲取用戶界面數據包;
[0039]解析單元,用於對所述獲取單元獲取到的所述用戶界面數據包進行解析,得到全局模塊的繪製信息和各個組件的繪製信息,所述全局模塊包含所述用戶界面中的所有組件;
[0040]第一判斷單元,用於對所述裝置所在設備的屏幕方向進行判斷;
[0041]設置單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,將所述全局模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並觸發處理單元;
[0042]在所述第一判斷單元判斷出所述屏幕方向為橫屏時,將所述全局模塊的顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並觸發處理單元;
[0043]所述處理單元,用於根據所述全局模塊的顯示寬度、所述全局模塊的顯示高度、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元;
[0044]所述監控單元,用於監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
[0045]本發明還提供了一種屏幕適配的裝置,包括:
[0046]第一獲取單元,用於從伺服器端獲取用戶界面數據包;
[0047]解析單元,用於對所述第一獲取單元獲取到的所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息;
[0048]第二獲取單元,用於根據所述裝置所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示信息;
[0049]第三獲取單元,用於根據所述裝置所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的橫屏顯示信息;[0050]第一判斷單元,用於對所述設備的屏幕方向進行判斷;
[0051]繪製單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,根據所述各個組件的豎屏顯示信息繪製所述各個組件,並觸發監控單元;
[0052]在所述第一判斷單元判斷出所述屏幕方向為橫屏時,根據所述各個組件的橫屏顯示信息繪製所述各個組件,並觸發所述監控單元;
[0053]所述監控單元,用於監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
[0054]本發明達到的有益效果:根據設備的屏幕尺寸和屏幕方向、UI中的各個組件的繪製信息繪製UI,能夠對具有不同屏幕尺寸的設備進行屏幕適配和橫豎屏切換,提高了屏幕適配和橫豎屏切換的流暢度,減少了屏幕適配的工作量,提高了屏幕適配效率。
【專利附圖】
【附圖說明】
[0055]圖1為本發明實施例中的一種屏幕適配的方法流程圖;
[0056]圖2為本發明實施例中的另一種屏幕適配的方法流程圖;
[0057]圖3為本發明實施例中的客戶端獲取並保存Π中的各個組件的豎屏顯示信息的流程圖;
[0058]圖4為本發明實施例中的客戶端獲取並保存UI中的各個組件的橫屏顯示信息的流程圖;
[0059]圖5為本發明實施例中的又一種屏幕適配的方法流程圖;
[0060]圖6為本發明實施例中的一種屏幕適配的裝置結構圖;
[0061]圖7為本發明實施例中的另一種屏幕適配的裝置結構圖;
[0062]圖8為本發明實施例中的又一種屏幕適配的裝置結構圖。
【具體實施方式】
[0063]下面將結合本發明實施例中的附圖,對本發明實施例中的技術方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發明一部分實施例,而不是全部的實施例。基於本發明中的實施例,本領域普通技術人員在沒有做出創造性勞動前提下所獲得的所有其他實施例,都屬於本發明保護的範圍。
[0064]本發明實施例的技術方案應用於包括伺服器端和客戶端的系統中,該客戶端安裝在設備上,用於在該設備上繪製UI,UI可被劃分為多個模塊,各個模塊按照垂直方向排列,每個模塊可以包含一個或多個組件。伺服器端生成並保存Π數據包,該Π數據包中包含UI中的各個模塊的繪製信息,以及模塊中的各個組件的繪製信息。
[0065]相應地,客戶端獲取Π數據包,對Π數據包進行解析,得到Π中的各個模塊的繪製信息和各個組件的繪製信息,並根據上述繪製信息繪製UI。
[0066]其中,模塊的繪製信息可以為模塊的寬高比或高寬比,組件的繪製信息包括組件的相對坐標、組件的相對寬度和組件的相對高度,組件的相對坐標包括組件的相對橫坐標和組件的相對縱坐標。
[0067]相應地,組件的繪製信息的格式為(組件的相對橫坐標,組件的相對縱坐標,組件的相對寬度,組件的相對高度),上述繪製信息中的內容可通過百分比的形式表示。[0068]本實施例中,模塊的寬高比是該模塊在UI效果圖中的寬度與該模塊在UI效果圖中的高度的比值,模塊的高寬比是該模塊在Π效果圖中的高度與該模塊在Π效果圖中的寬度的比值。組件的相對橫坐標是該組件在所屬模塊中的橫坐標與該模塊在Π效果圖中的寬度的比值,組件的相對縱坐標是該組件在所屬模塊中的縱坐標與該模塊在Π效果圖中的高度的比值,組件的相對寬度是該組件在Π效果圖中的寬度與該組件所屬模塊在Π效果圖中的寬度的比值,組件的相對高度是該組件在Π效果圖中的高度與該組件所屬的模塊在Π效果圖中的高度的比值。
[0069]其中,各個模塊在Π效果圖中的寬度均為Π效果圖的總寬度,組件在所屬模塊中的橫坐標是以該模塊的左上角為坐標原點,該組件的左上角的橫坐標;組件在所屬模塊中的縱坐標是以該模塊的左上角為坐標原點,該組件的左上角的縱坐標。
[0070]如圖1所示,為本發明實施例中的一種屏幕適配的方法流程圖,包括以下步驟:
[0071]步驟101,客戶端啟動,從伺服器端獲取Π數據包,對UI數據包進行解析,得到Π中的各個模塊的繪製信息和各個組件的繪製信息。
[0072]例如,Π被劃分為模塊1、模塊2和模塊3,其中,模塊I中包含組件I和組件2,模塊2中包含組件3,模塊3中包含組件4、組件5和組件6,客戶端對Π數據包進行解析,得到模塊1、模塊2和模塊3的繪製信息(寬高比)分別為40%、30%和30%,以及組件I的繪製信息(20%,10%, 70%, 30%)、組件2的繪製信息(20%,50%, 70%, 40%)、組件3的繪製信息(20%,10%,70%, 80%)、組件 4 的繪製信息(10%, 10%, 40%, 90%)、組件 5 的繪製信息(60%,10%, 30%,30%)和組件6的繪製信息(60%,60%, 30%, 40%)。
[0073]步驟102,客戶端獲取設備的屬性信息。
[0074]其中,設備的屬性信息可以包括設備的類型信息、屏幕尺寸、屏幕方向和屏幕解析度等信息,屏幕尺寸包括屏幕寬度和屏幕高度。
[0075]本實施例中,客戶端可以調用n_USER_INTERFACE_IDIOM函數,獲取設備的類型信息;將[UIScreen mainScreen]bounds中的size屬性的取值作為設備的屏幕尺寸;調用 UllnterfaceOrientationIsPortrait 函數,獲取設備的屏幕方向;將[UIScreenmainScreen] currentMode中的size屬性的取值作為設備的屏幕解析度。
[0076]例如,設備的類型信息為「 iPhone4」,屏幕尺寸為251pt*141pt,屏幕方向為橫向,屏幕解析度為1136px*640px。
[0077]步驟103,客戶端判斷設備是否為預設類型設備,如果是,則執行步驟104 ;如果不是,則執行步驟121。
[0078]具體地,客戶端可以根據設備的類型信息,判斷設備是否為預設類型設備,其中,預設類型設備可以為手機。
[0079]例如,設備的類型信息為「iPhone4」時,客戶端可以判斷出該設備為手機。
[0080]步驟104,客戶端選取位於Π頂部的模塊作為當前模塊,將當前模塊的顯示寬度設置為設備的屏幕寬度,將當前模塊的顯示坐標設置為設備屏幕的左上角。
[0081]例如,設備的屏幕尺寸為251pt*141pt,設備屏幕的左上角為坐標原點時,客戶端選取位於Π頂部的模塊I作為當前模塊,將當前模塊的顯示寬度設置為141pt,將當前模塊的顯示坐標設置為(0,0)。
[0082]步驟105,客戶端根據當前模塊的繪製信息和顯示寬度,獲取當前模塊的顯示高度。
[0083]具體地,當前模塊的繪製信息為寬高比時,客戶端可以獲取當前模塊的顯示寬度除以當前模塊的寬高比得到的結果,將該結果作為當前模塊的顯示高度;當前模塊的繪製信息為高寬比時,客戶端可以獲取當前模塊的顯示寬度乘以當前模塊的高寬比得到的結果,將該結果作為當前模塊的顯示高度。
[0084]例如,當前模塊的繪製信息為寬高比,該寬高比為40%,當前模塊的顯示寬度為141pt,客戶端計算出當前模塊的顯示高度=141pt/40%=352.5pt。
[0085]步驟106,客戶端從當前模塊中選取一個未被繪製的組件作為當前組件,根據當前模塊的顯示寬度、顯示高度,以及當前組件的繪製信息,獲取當前組件的顯示寬度、顯示高度和顯示坐標。
[0086]其中,當前組件的顯示坐標是以當前模塊的左上角為坐標原點,當前組件的左上角的坐標,包括當前組件的顯示縱坐標和顯示橫坐標。
[0087]相應地,客戶端可以獲取當前模塊的顯示寬度與當前組件的相對寬度的乘積,將該乘積作為當前組件的顯示寬度;獲取當前模塊的顯示高度與當前組件的相對高度的乘積,將該乘積作為當前組件的顯示高度;獲取當前模塊的顯示寬度與當前組件的相對橫坐標的乘積,將該乘積作為當前組件的顯示橫坐標;獲取當前模塊的顯示高度與當前組件的相對縱坐標的乘積,將該乘積作為當前組件的顯示縱坐標。
[0088]例如,客戶端選取當前模塊中的組件I作為當前組件,當前模塊的顯示寬度為14Ipt,顯示高度為352.5pt,顯示坐標為(O,O ),當前組件的繪製信息為(20%,10%,70%,30%),客戶端計算出當前組件的顯示寬度=70%*141pt=98.7pt,計算出當前組件的顯示高度=30%*352.5pt=105.75pt,計算出當前組件的顯示橫坐標=20%*141pt=28.2pt,計算出當前組件的顯示縱坐標=10%*352.5pt=35.25pt。
[0089]步驟107,客戶端判斷是否需要向當前組件中填充圖片,如果是,則執行步驟109 ;否則,執行步驟108。
[0090]具體地,客戶端可以判斷當前組件的內容中是否包含圖片信息,如果是,則確定需要向當前組件中填充圖片;否則,確定不需要向當前組件中填充圖片。
[0091 ] 例如,當前組件的名稱為Label,該組件的內容中包括以下信息:Label.PI C=@「 demo, png 」,客戶端判斷出當前組件的內容中包含圖片信息「 demo, png 」,確定需要向當前組件中填充名稱為demo、格式為png的圖片。
[0092]步驟108,客戶端根據當前組件的內容,獲取需要填充到當前組件中的資源文件,根據獲取到的資源文件以及當前組件的顯示寬度、顯示高度和顯示坐標,繪製當前組件,並執行步驟118。
[0093]具體地,客戶端可以將當前模塊的左上角作為坐標原點,根據當前組件的顯示寬度、顯示高度和顯示坐標,對當前組件進行定位,並將獲取到的資源文件填充到當前組件中,對當前組件進行顯示,從而實現對當前組件的繪製。
[0094]其中,資源文件可以為視頻、文字等文件。
[0095]步驟109,客戶端判斷設備的屏幕密度是否大於預設密度值,如果是,則執行步驟110 ;否則,執行步驟114。
[0096]具體地,客戶端可以直接獲取設備的屏幕密度,並判斷設備的屏幕密度是否大於預設密度值;也可以獲取設備的屏幕解析度和屏幕尺寸,根據設備的屏幕解析度和屏幕尺寸獲取設備的屏幕密度,並判斷設備的屏幕密度是否大於預設密度值。
[0097]本實施例中,客戶端可以根據以下公式計算設備的屏幕密度PPI:
[0098]
【權利要求】
1.一種屏幕適配的方法,其特徵在於,包括以下步驟: Al、客戶端從伺服器端獲取用戶界面數據包,對所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息,所述用戶界面中的模塊按照垂直方向排列,每個模塊包含一個或多個組件; A2、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟A3 ;如果所述屏幕方向為橫屏,則執行步驟A4 ; A3、所述客戶端將所述各個模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並執行步驟A5 ; A4、所述客戶端將所述各個模塊的顯示寬度設置為所述設備的屏幕高度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並執行步驟A5 ; A5、客戶端監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,返回步驟A2。
2.如權利要求1所述的方法,其特徵在於,所述步驟Al之後,還包括: 所述客戶端判斷所述設備是否為預設類型設備,如果是,則執行步驟A3 ;如果不是,則執行步驟A2。
3.如權利要求1所述的方法,其特徵在於,所述步驟A3,具體包括:` B1、所述客戶端選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的顯示坐標設置為設備屏幕的左上角,將所述當前模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度; B2、所述客戶端從所述當前模塊中選取一個未被繪製的組件作為當前組件,根據所述當前模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示覽度、顯不聞度和顯不坐標; B3、所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件; B4、所述客戶端判斷所述當前模塊中是否包含未被繪製的組件,如果是,則返回步驟B2 ;否則,執行步驟B5 ; B5、所述客戶端判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟B6 ;否則,執行步驟A5 ; B6、所述客戶端獲取所述當前模塊的顯示縱坐標與所述當前模塊的顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; B7、所述客戶端將所述當前模塊的顯示縱坐標設置為所述運算結果,將所述當前模塊的顯示橫坐標設置為零,將所述當前模塊的顯示寬度設置為設備的屏幕寬度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度,並返回步驟B2。
4.如權利要求1所述的方法,其特徵在於,所述步驟A4,具體包括:Cl、所述客戶端選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的顯示坐標設置為設備屏幕的左上角,將所述當前模塊的顯示寬度設置為所述設備的屏幕高度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度; C2、所述客戶端從所述當前模塊中選取一個未被繪製的組件作為當前組件,根據所述當前模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示覽度、顯不聞度和顯不坐標; C3、所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件; C4、所述客戶端判斷所述當前模塊中是否包含未被繪製的組件,如果是,則返回步驟C2 ;否則,執行步驟C5 ; C5、所述客戶端判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟C6 ;否則,執行步驟A5 ; C6、所述客戶端獲取所述當前模塊的顯示縱坐標與所述當前模塊的顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; C7、所述客戶端將所述當前模塊的顯示縱坐標設置為所述運算結果,將所述當前模塊的顯示橫坐標設置為零,將所述當前模塊的顯示寬度設置為設備的屏幕高度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度,並返回步驟C2。
5.如權利要求3或4所述的方法,其特徵在於,所述當前模塊的繪製信息為所述當前模塊的寬高比或高寬比; 所述客戶端根據所述當前 模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度,具體為: 所述客戶端將所述當前模塊的顯示寬度除以所述當前模塊的寬高比,得到所述當前模塊的顯不聞度; 或者, 所述客戶端將所述當前模塊的顯示寬度乘以所述當前模塊的高寬比,得到所述當前模塊的顯不聞度。
6.如權利要求3或4所述的方法,其特徵在於,所述當前組件的繪製信息包括所述當前組件的相對坐標、相對寬度和相對高度,所述當前組件的相對坐標包括所述當前組件的相對橫坐標和相對縱坐標;所述當前組件的顯示坐標是以所述當前模塊的左上角為坐標原點,所述當前組件的左上角的坐標;所述當前組件的顯示坐標包括所述當前組件的顯示縱坐標和顯示橫坐標; 所述客戶端根據所述當前模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示高度和顯示坐標,具體為: 所述客戶端將所述當前模塊的顯示寬度與所述當前組件的相對寬度相乘,得到所述當前組件的顯示寬度;將所述當前模塊的顯示高度與所述當前組件的相對高度相乘,得到所述當前組件的顯示高度;將所述當前模塊的顯示寬度與所述當前組件的相對橫坐標相乘,得到所述當前組件的顯示橫坐標;將所述當前模塊的顯示高度與所述當前組件的相對縱坐標相乘,得到所述當前組件的顯示縱坐標。
7.如權利要求3或4所述的方法,其特徵在於,所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件,具體包括: D1、所述客戶端判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟D3 ;否貝U,執行步驟D2 ; D2、所述客戶端根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; D3、所述客戶端判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟D4 ;否則,執行步驟D7 ; D4、所述客戶端根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟D6;否則,執行步驟D5 ; D5、所述客戶端根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; D6、所述客戶端根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件; D7、所述客戶端根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟D9 ;否則,執行步驟D8 ;D8、所述客戶端根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; D9、所述客戶端根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件。
8.如權利要求7所述的方法,其特徵在於,所述客戶端根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
9.一種屏幕適配的方法,其特徵在於,包括以下步驟: El、客戶端從伺服器端獲取用戶界面數據包,對所述用戶界面數據包進行解析,得到全局模塊的繪製信息和各個組件的繪製信息,所述全局模塊包含所述用戶界面中的所有組件; E2、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟E3 ;如果所述屏幕方向為橫屏,則執行步驟E4 ; E3、所述客戶端將所述全局模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並執行步驟E5 ; E4、所述客戶端將所述全局模塊的顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並執行步驟E5 ; E5、所述客戶端根據所述全局模塊的顯示寬度、所述全局模塊的顯示高度、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並執行步驟E6; E6、所述客戶端監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,返回步驟E2。
10.如權利要求9所述的方法,其特徵在於,所述客戶端判斷出所述屏幕方向為豎屏之後,還包括: 所述客戶端根據所述全局模塊的繪製信息,對所述全局模塊的寬高比進行判斷; 如果所述全局模塊的寬高比小於設備的屏幕寬高比,所述客戶端將所述全局模塊的顯示高度設置為所述設備的屏幕高度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並執行步驟E5 ; 如果所述全局模塊的寬高比等於所述設備的屏幕寬高比,所述客戶端將所述全局模塊的顯示高度設置為所述設備的屏幕高度,將所述全局模塊的顯示寬度設置為所述設備的屏幕寬度,並執行步驟E5 ; 如果所述全局模塊的寬高比大於所述設備的屏幕寬高比,則執行步驟E3。
11.如權利要求9所述的方法,其特徵在於,所述客戶端判斷出所述屏幕方向為橫屏之後,還包括: 所述客戶端根據所述全局模塊的繪製信息,對所述全局模塊的寬高比進行判斷,如果所述全局模塊的寬高比小於所述設備的屏幕高寬比,則執行步驟E4 ; 如果所述全局模塊的寬高比等於所述設備的屏幕高寬比,客戶端將全局模塊的顯示高度設置為設備的屏幕寬度,將全局模塊的顯示寬度設置為設備的屏幕高度,並執行步驟E5 ; 如果所述全局模塊的寬高比大於所述設備的屏幕高寬比,所述客戶端將所述全局模塊的顯示寬度設置為所述設備的屏幕高度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並執行步驟E5。
12.如權利要求10或11所述的方法,其特徵在於,所述全局模塊的繪製信息為所述全局模塊的寬高比或高寬比; 所述客戶端根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局豐旲塊的顯不聞度,具體為: 所述客戶端將所述全局模塊的顯示寬度除以所述全局模塊的寬高比,得到所述全局模塊的顯不聞度; 或者, 所述客戶端將所述全局模塊的顯示寬度乘以所述全局模塊的高寬比,得到所述全局模塊的顯不聞度; 所述客戶端根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,具體為:` 所述客戶端將所述全局模塊的顯示高度乘以所述全局模塊的寬高比,得到所述全局模塊的顯示寬度; 或者, 所述客戶端將所述全局模塊的顯示高度除以所述全局模塊的高寬比,得到所述全局模塊的顯示寬度。
13.如權利要求9所述的方法,其特徵在於,所述步驟El之後,還包括: 所述客戶端將所述全局模塊的中心點設置為與界面視圖的中心點相同。
14.如權利要求9所述的方法,其特徵在於,還包括: 所述客戶端將界面視圖的背景設置為黑色。
15.如權利要求9所述的方法,其特徵在於,所述步驟E5,具體包括: F1、所述客戶端從所述全局模塊中選取一個未被繪製的組件作為當前組件,根據所述全局模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示覽度、顯不聞度和顯不坐標; F2、所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件; F3、所述客戶端判斷所述全局模塊中是否包含未被繪製的組件,如果是,則返回步驟Fl ;否則,執行步驟E6。
16.如權利要求15所述的方法,其特徵在於,所述當前組件的繪製信息包括所述當前組件的相對坐標、相對寬度和相對高度,所述當前組件的相對坐標包括所述當前組件的相對橫坐標和相對縱坐標;所述當前組件的顯示坐標是以所述全局模塊的左上角為坐標原點,所述當前組件的左上角的坐標;所述當前組件的顯示坐標包括所述當前組件的顯示縱坐標和顯示橫坐標; 所述客戶端根據所述全局模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示高度和顯示坐標,具體為: 所述客戶端將所述全局模塊的顯示寬度與所述當前組件的相對寬度相乘,得到所述當前組件的顯示寬度;將所述全局模塊的顯示高度與所述當前組件的相對高度相乘,得到所述當前組件的顯示高度;將所述全局模塊的顯示寬度與所述當前組件的相對橫坐標相乘,得到所述當前組件的顯示橫坐標;將所述全局模塊的顯示高度與所述當前組件的相對縱坐標相乘,得到所述當前組件的顯示縱坐標。
17.如權利要求15所述的方法,其特徵在於,所述步驟F2,具體包括: G1、所述客戶端判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟G3 ;否貝U,執行步驟G2 ; G2、所述客戶端根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; G3、所述客戶端判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟G4 ;否則,執行步驟G7 ; G4、所述客戶端根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟G6 ;否則,執行步驟G5 ; G5、所述客戶端根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; G6、所述客戶端根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件; G7、所述客戶端根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟G9 ;否則,執行步驟G8 ; G8、所述客戶端根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; G9、所述客戶端根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件。
18.如權利要求17所述的方法,其特徵在於,所述客戶端根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示;所述客戶端根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述客戶端將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
19.一種屏幕適配的 方法,其特徵在於,包括以下步驟: H1、客戶端從伺服器端獲取用戶界面數據包,對所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息; H2、所述客戶端根據自身所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示信息和橫屏顯示信息; H3、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟H4 ;如果所述屏幕方向為橫屏,則執行步驟H5 ; H4、所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,並執行步驟H6 ; H5、所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,並執行步驟H6 ; H6、所述客戶端監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,執行步驟H7 ; H7、所述客戶端對自身所在設備的屏幕方向進行判斷,如果所述屏幕方向為豎屏,則執行步驟HS ;如果所述屏幕方向為橫屏,則執行步驟H9 ; HS、所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,並執行步驟H6 ; H9、所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,並執行步驟H6。
20.如權利要求19所述的方法,其特徵在於,所述步驟H6,還包括:所述客戶端監控所述各個組件的組件屬性信息,並在監控到所述組件屬性信息發生改變時,對改變後的組件屬性信息進行保存; 所述步驟HS,具體為: 所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,判斷自身是否保存有組件屬性信息,如果是,則根據所述組件屬性信息修改對應組件的屬性,刪除所述組件屬性信息,並返回步驟H6 ;否則,返回步驟H6 ; 所述步驟H9,具體為: 所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,判斷自身是否保存有組件屬性信息,如果是,則根據所述組件屬性信息修改對應組件的屬性,刪除所述組件屬性信息,並返回步驟H6 ;否則,返回步驟H6。
21.如權利要求19所述的方法,其特徵在於,所述用戶界面包括多個模塊,所述用戶界面中的各個模塊按照垂直方向排列,每個模塊包含一個或多個組件;所述各個組件的豎屏顯示信息包括所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,所述各個組件的橫屏顯示信息包括所述各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標;所述客戶端根據自身所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示信息,具體包括: K1、所述客戶端選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的豎屏顯示坐標設置為設備屏幕的左上角,保存所述當前模塊的豎屏顯示坐標,將所述當前模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,根據所述當前模塊的繪製信息和豎屏顯示寬度,獲取所述當 前模塊的豎屏顯示高度; K2、所述客戶端根據所述當前模塊的豎屏顯示寬度、豎屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取並保存所述當前模塊中的各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標; K3、所述客戶端判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟K4 ;否則,確定獲取豎屏顯示信息完畢; K4、所述客戶端獲取所述當前模塊的豎屏顯示縱坐標與所述當前模塊的豎屏顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; K5、所述客戶端將所述當前模塊的豎屏顯示縱坐標設置為所述運算結果,將所述當前模塊的豎屏顯示橫坐標設置為零,將所述當前模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,根據所述當前模塊的繪製信息和豎屏顯示寬度,獲取所述當前模塊的豎屏顯示高度,並返回步驟K2; 所述客戶端根據自身所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的橫屏顯示信息,具體包括: L1、所述客戶端選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的橫屏顯示坐標設置為設備屏幕的左上角,保存所述當前模塊的橫屏顯示坐標,將所述當前模塊的橫屏顯示寬度設置為所述設備的屏幕高度,根據所述當前模塊的繪製信息和橫屏顯示寬度,獲取所述當前模塊的橫屏顯示高度; L2、所述客戶端根據所述當前模塊的橫屏顯示寬度、橫屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取並保存所述當前模塊中的各個組件的橫屏顯示寬度、橫屏顯不聞度和橫屏顯不坐標; L3、所述客戶端判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟L4 ;否則,確定獲取橫屏顯示信息完畢; L4、所述客戶端獲取所述當前模塊的顯示縱坐標與所述當前模塊的橫屏顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; L5、所述客戶端將所述當前模塊的橫屏顯示縱坐標設置為所述運算結果,將所述當前模塊的橫屏顯示橫坐標設置為零,將所述當前模塊的橫屏顯示寬度設置為所述設備的屏幕高度,根據所述當前模塊的繪製信息和橫屏顯示寬度,獲取所述當前模塊的橫屏顯示高度,並返回步驟L2。
22.如權利要求21所述的方法,其特徵在於,所述當前模塊的繪製信息為所述當前模塊的寬高比或高寬比; 所述客戶端根據所述當前模塊的繪製信息和豎屏顯示寬度,獲取所述當前模塊的豎屏顯不聞度,具體為: 所述客戶端將所述當前模塊的豎屏顯示寬度除以所述當前模塊的寬高比,得到所述當前模塊的豎屏顯示高度; 或者, 所述客戶端將所述當前模塊的豎屏顯示寬度乘以所述當前模塊的高寬比,得到所述當前模塊的豎屏顯示高度; 所述客戶端根據所述當前模`塊的繪製信息和橫屏顯示寬度,獲取所述當前模塊的橫屏顯不聞度,具體為: 所述客戶端將所述當前模塊的橫屏顯示寬度除以所述當前模塊的寬高比,得到所述當前模塊的橫屏顯示高度; 或者, 所述客戶端將所述當前模塊的橫屏顯示寬度乘以所述當前模塊的高寬比,得到所述當前模塊的橫屏顯示高度。
23.如權利要求21所述的方法,其特徵在於,所述各個組件的繪製信息包括所述各個組件的相對坐標、相對寬度和相對高度,所述各個組件的相對坐標包括所述各個組件的相對橫坐標和相對縱坐標;所述各個組件的豎屏顯示坐標和橫屏顯示坐標均是以所述當前模塊的左上角為坐標原點,所述各個組件的左上角的坐標;所述各個組件的豎屏顯示坐標包括所述各個組件的豎屏顯示縱坐標和豎屏顯示橫坐標;所述各個組件的橫屏顯示坐標包括所述各個組件的橫屏顯示縱坐標和橫屏顯示橫坐標; 所述客戶端根據所述當前模塊的豎屏顯示寬度、豎屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取所述當前模塊中的各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,具體為: 所述客戶端將所述當前模塊的豎屏顯示寬度分別與所述當前模塊中的各個組件的相對寬度相乘,得到所述當前模塊中的各個組件的豎屏顯示寬度;將所述當前模塊的豎屏顯示高度與所述當前模塊中的各個組件的相對高度相乘,得到所述當前模塊中的各個組件的豎屏顯示高度;將所述當前模塊的豎屏顯示寬度分別與所述當前模塊中的各個組件的相對橫坐標相乘,得到所述當前模塊中的各個組件的豎屏顯示橫坐標;將所述當前模塊的豎屏顯示高度分別與所述當前模塊中的各個組件的相對縱坐標相乘,得到所述各個組件的豎屏顯示縱坐標; 所述客戶端根據所述當前模塊的橫屏顯示寬度、橫屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取所述當前模塊中的各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,具體為: 所述客戶端將所述當前模塊的橫屏顯示寬度分別與所述當前模塊中的各個組件的相對寬度相乘,得到所述當前模塊中的各個組件的橫屏顯示寬度;將所述當前模塊的橫屏顯示高度與所述當前模塊中的各個組件的相對高度相乘,得到所述當前模塊中的各個組件的橫屏顯示高度;將所述當前模塊的橫屏顯示寬度分別與所述當前模塊中的各個組件的相對橫坐標相乘,得到所述當前模塊中的各個組件的橫屏顯示橫坐標;將所述當前模塊的橫屏顯示高度分別與所述當前模塊中的各個組件的相對縱坐標相乘,得到所述各個組件的橫屏顯示縱坐標。
24.如權利要求21所述的方法,其特徵在於,所述步驟Hl之後,還包括: 所述客戶端根據自身所在設備的屏幕尺寸和所述各個模塊的繪製信息,獲取並保存所述各個模塊的豎屏顯示坐標和橫屏顯示坐標; 所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,具體包括: Ml、所述客戶端從所述用戶界面中選取一個未被處理過的模塊作為當前模塊,從所述當前模塊中選取一個未被繪製的組件作為當前組件; M2、所述客戶端判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟M4 ;否貝U,執行步驟M3 ; M3、所述客戶端根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Mll ; M4、所述客戶端判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟M5 ;否則,執行步驟M8 ; M5、所述客戶端根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟M7 ;否則,執行步驟M6 ; M6、所述客戶端根據所述高解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Mll ; M7、所述客戶端根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Mll ;M8、所述客戶端根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟MlO ;否則,執行步驟M9 ;M9、所述客戶端根據所述低解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Mll ; M10、所述客戶端根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Mll ; Mil、所述客戶端判斷所述當前模塊中是否包含未被繪製的組件,如果是,則從所述當前模塊中選取一個未被繪製的組件作為當前組件,並返回步驟M2 ;否則,執行步驟M12 ; M12、所述客戶端判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則返回步驟Ml ;否則,確定繪製組件完畢; 所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,具體包括: N1、所述客戶端從所述用戶界面中選取一個未被處理過的模塊作為當前模塊,從所述當前模塊中選取一個未被繪製的組件作為當前組件; N2、所述客戶端判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟N4;否貝U,執行步驟N3 ; N3、所述客戶端根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Nll ; N4、所述客戶端判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟N5 ;否則,執行步驟N8 ; N5、所述客戶端根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟N7 ;否則,執行步驟N6 ; N6、所述客戶端根據所述高解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Nll ; N7、所述客戶端根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Nll ;NS、所述客戶端根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟NlO ;否則,執行步驟N9 ;N9、所述客戶端根據所述低解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Nll ; N10、所述客戶端根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Nll ; Nil、所述客戶端判斷所述當前模塊中是否包含未被繪製的組件,如果是,則從所述當前模塊中選取一個未被繪製的組件作為當前組件,並返回步驟N2 ;否則,執行步驟N12 ; N12、所述客戶端判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則返回步驟NI ;否則,確定繪製組件完畢。
25.如權利要求24所述的方法,其特徵在於,所述客戶端根據所述資源文件、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述高解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示;` 所述客戶端根據所述低解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述客戶端根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述資源文件、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述高解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述低解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述客戶端根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
26.如權利要求19所述的方法,其特徵在於,所述用戶界面包括全局模塊,所述全局模塊包含所述用戶界面中的所有組件; 所述各個組件的豎屏顯示坐標包括所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,所述各個組件的橫屏顯示坐標包括所述橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標; 所述客戶端根據自身所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示信息,具體包括: P1、所述客戶端根據所述全局模塊的繪製信息,判斷所述全局模塊的寬高比進行判斷,如果所述全局模塊的寬高比小於所述設備的屏幕寬高比,則執行步驟P2 ;如果所述全局模塊的寬高比等於所述設備的屏幕寬高比,則執行步驟P3;如果所述全局模塊的寬高比大於所述設備的屏幕寬高比,則執行步驟P4 ; P2、所述客戶端將所述全局 模塊的豎屏顯示高度設置為所述設備的屏幕高度,根據所述全局模塊的豎屏顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的豎屏顯示寬度,並執行步驟P5 ; P3、所述客戶端將所述全局模塊的豎屏顯示高度設置為所述設備的屏幕高度,將所述全局模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,並執行步驟P5 ; P4、所述客戶端將所述全局模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的豎屏顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的豎屏顯示高度,並執行步驟P5 ; P5、所述客戶端根據所述全局模塊的豎屏顯示寬度、所述全局模塊的豎屏顯示高度以及所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標; 所述客戶端根據自身所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的橫屏顯示信息,具體包括: Q1、所述客戶端根據所述全局模塊的繪製信息,對所述全局模塊的寬高比進行判斷,如果所述全局模塊的寬高比小於所述設備的屏幕高寬比,則執行步驟Q2 ;如果所述全局模塊的寬高比等於所述設備的屏幕高寬比,則執行步驟Q3 ;如果所述全局模塊的寬高比大於所述設備的屏幕高寬比,則執行步驟Q4 ; Q2、所述客戶端將所述全局模塊的橫屏顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的橫屏顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的橫屏顯示寬度,並執行步驟Q5 ; Q3、所述客戶端將全局模塊的橫屏顯示高度設置為設備的屏幕寬度,將全局模塊的橫屏顯示寬度設置為設備的屏幕高度,並執行步驟Q5 ; Q4、所述客戶端將所述全局模塊的橫屏顯示寬度設置為所述設備的屏幕高度,根據所述全局模塊的橫屏顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的橫屏顯示高度,並執行步驟Q5 ; Q5、所述客戶端根據所述全局模塊的橫屏顯示寬度、所述全局模塊的橫屏顯示高度以及所述各個組件的繪製信息,獲取並保存所述各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標。
27.如權利要求26所述的方法,其特徵在於,所述全局模塊的繪製信息為所述全局模塊的寬高比或高寬比; 所述客戶端根據所述全局模塊的繪製信息和豎屏顯示寬度,獲取所述全局模塊的豎屏顯不聞度,具體為: 所述客戶端將所述全局模塊的豎屏顯示寬度除以所述全局模塊的寬高比,得到所述全局模塊的豎屏顯示高度; 或者, 所述客戶端將所述全局模塊的豎屏顯示寬度乘以所述全局模塊的高寬比,得到所述全局模塊的豎屏顯示高度; 所述客戶端根據所述全局模塊的繪製信息和橫屏顯示寬度,獲取所述全局模塊的橫屏顯不聞度,具體為: 所述客戶端將所述全局模塊的橫屏顯示寬 度除以所述全局模塊的寬高比,得到所述全局模塊的橫屏顯示高度; 或者, 所述客戶端將所述全局模塊的橫屏顯示寬度乘以所述全局模塊的高寬比,得到所述全局模塊的橫屏顯示高度。
28.如權利要求26所述的方法,其特徵在於,所述各個組件的繪製信息包括所述各個組件的相對坐標、相對寬度和相對高度,所述各個組件的相對坐標包括所述各個組件的相對橫坐標和相對縱坐標;所述各個組件的豎屏顯示坐標和橫屏顯示坐標均是以所述全局模塊的左上角為坐標原點,所述各個組件的左上角的坐標;所述各個組件的豎屏顯示坐標包括所述各個組件的豎屏顯示縱坐標和豎屏顯示橫坐標;所述各個組件的橫屏顯示坐標包括所述各個組件的橫屏顯示縱坐標和橫屏顯示橫坐標; 所述客戶端根據所述全局模塊的豎屏顯示寬度、豎屏顯示高度,以及所述各個組件的繪製信息,獲取所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,具體為: 所述客戶端將所述全局模塊的豎屏顯示寬度分別與所述各個組件的相對寬度相乘,得到所述各個組件的豎屏顯示寬度;將所述全局模塊的豎屏顯示高度與所述各個組件的相對高度相乘,得到所述當前組件的豎屏顯示高度;將所述全局模塊的豎屏顯示寬度分別與所述當前組件的相對橫坐標相乘,得到所述當前組件的豎屏顯示橫坐標;將所述全局模塊的豎屏顯示高度分別與所述當前組件的相對縱坐標相乘,得到所述各個組件的豎屏顯示縱坐標; 所述客戶端根據所述全局模塊的橫屏顯示寬度、橫屏顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,具體為: 所述客戶端將所 述全局模塊的橫屏顯示寬度分別與所述當前組件的相對寬度相乘,得到所述當前組件的橫屏顯示寬度;將所述全局模塊的橫屏顯示高度與所述當前組件的相對高度相乘,得到所述當前組件的橫屏顯示高度;將所述全局模塊的橫屏顯示寬度分別與所述當前組件的相對橫坐標相乘,得到所述當前組件的橫屏顯示橫坐標;將所述全局模塊的橫屏顯示高度分別與所述當前組件的相對縱坐標相乘,得到所述各個組件的橫屏顯示縱坐標。
29.如權利要求26所述的方法,其特徵在於,所述客戶端根據所述各個組件的豎屏顯示信息繪製所述各個組件,具體包括: R1、所述客戶端從所述用戶界面中選取一個未被繪製的組件作為當前組件; R2、所述客戶端判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟R4;否貝U,執行步驟R3 ; R3、所述客戶端根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Rll ; R4、所述客戶端判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟R5 ;否則,執行步驟R8 ; R5、所述客戶端根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟R7 ;否則,執行步驟R6 ;R6、所述客戶端根據所述高解析度圖片、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Rll ; R7、所述客戶端根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Rll ; R8、所述客戶端根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟RlO ;否則,執行步驟R9 ;R9、所述客戶端根據所述低解析度圖片、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Rll ; R10、所述客戶端根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Rll ; RH、所述客戶端判斷所述用戶界面中是否包含未被繪製的組件,如果是,則返回步驟Rl ;否則,確定繪製組件完畢; 所述客戶端根據所述各個組件的橫屏顯示信息繪製所述各個組件,具體包括: s 1、所述客戶端從所述用戶界面中選取一個未被繪製的組件作為當前組件; s2、所述客戶端判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟S4;否貝U,執行步驟S3 ; s3、所述客戶端根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Sll ; s4、所述客戶端判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟s5;否則,執行步驟S8 ; s5、所述客戶端根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟S7 ;否則,執行步驟s6; s6、所述客戶端根據所述高解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Sll ; s7、所述客戶端根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Sll ; s8、所述客戶端根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟SlO ;否則,執行步驟S9 ; s9、所述客戶端根據所述低解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Sll ; s10、所述客戶端根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Sll ; s11、所述客戶端判斷所述用戶界面中是否包含未被繪製的組件,如果是,則返回步驟Si;否則,確定繪製組件完畢。
30.如權利要求29所述的方法,其特徵在於,所述客戶端根據所述資源文件、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述高解析度圖片、當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述低解析度圖片、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述 當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述資源文件、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述高解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述低解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述客戶端根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述客戶端將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
31.一種屏幕適配的裝置,其特徵在於,包括: 獲取單元,用於從伺服器端獲取用戶界面數據包; 解析單元,用於對所述獲取單元獲取到的所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息,所述用戶界面中的模塊按照垂直方向排列,每個模塊包含一個或多個組件; 第一判斷單元,用於對所述裝置所在設備的屏幕方向進行判斷; 處理單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,將所述各個模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元; 在所述第一判斷單元判斷出所述屏幕方向為橫屏時,將所述各個模塊的顯示寬度設置為所述設備的屏幕高度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元; 所述監控單元,用於監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
32.如權利要求31所述的裝置,其特徵在於,還包括: 第二判斷單元,用於判斷所述設備是否為預設類型設備,如果是,則觸發所述處理單元將所述各個模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述各個模塊的顯示寬度、所述各個模塊的繪製信息、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元;如果不是,則觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
33.如權利要求31所述 的裝置,其特徵在於, 所述處理單元,具體用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,執行以下操作: B1、選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的顯示坐標設置為設備屏幕的左上角,將所述當前模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度; B2、從所述當前模塊中選取一個未被繪製的組件作為當前組件,根據所述當前模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示聞度和顯不坐標; B3、根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件; B4、判斷所述當前模塊中是否包含未被繪製的組件,如果是,則返回步驟B2;否則,執行步驟B5 ; B5、判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟B6 ;否則,觸發所述監控模塊; B6、獲取所述當前模塊的顯示縱坐標與所述當前模塊的顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; B7、將所述當前模塊的顯示縱坐標設置為所述運算結果,將所述當前模塊的顯示橫坐標設置為零,將所述當前模塊的顯示寬度設置為設備的屏幕寬度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度,並返回步驟B2。
34.如權利要求 31所述的裝置,其特徵在於, 所述處理單元,具體用於在所述第一判斷單元判斷出所述屏幕方向為橫屏時,執行以下操作: Cl、選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的顯示坐標設置為設備屏幕的左上角,將所述當前模塊的顯示寬度設置為所述設備的屏幕高度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度; C2、從所述當前模塊中選取一個未被繪製的組件作為當前組件,根據所述當前模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示聞度和顯不坐標; C3、根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件; C4、判斷所述當前模塊中是否包含未被繪製的組件,如果是,則返回步驟C2;否則,執行步驟C5 ; C5、判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟C6 ;否則,觸發所述監控模塊; C6、獲取所述當前模塊的顯示縱坐標與所述當前模塊的顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; C7、將所述當前模塊的顯示縱坐標設置為所述運算結果,將所述當前模塊的顯示橫坐標設置為零,將所述當前模塊的顯示寬度設置為設備的屏幕高度,根據所述當前模塊的繪製信息和顯示寬度,獲取所述當前模塊的顯示高度,並返回步驟C2。
35.如權利要求33或34所述的裝置,其特徵在於,所述當前組件的繪製信息包括所述當前組件的相對坐標、相對寬度和相對高度,所述當前組件的相對坐標包括所述當前組件的相對橫坐標和相對縱坐標;所述當前組件的顯示坐標是以所述當前模塊的左上角為坐標原點,所述當前組件的左上角的坐標;所述當前組件的顯示坐標包括所述當前組件的顯示縱坐標和顯示橫坐標; 所述處理單元根據所述當前模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示高度和顯示坐標,具體為: 所述處理單元將所述當前模塊的顯示寬度與所述當前組件的相對寬度相乘,得到所述當前組件的顯示寬度;將所述當前模塊的顯示高度與所述當前組件的相對高度相乘,得到所述當前組件的顯示高度;將所述當前模塊的顯示寬度與所述當前組件的相對橫坐標相乘,得到所述當前組件的顯示橫坐標;將所述當前模塊的顯示高度與所述當前組件的相對縱坐標相乘,得到所述當前組件的顯示縱坐標。
36.如權利要求33或34所述的裝置,其特徵在於,所述處理單元根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件,具體為: 所述處理單元執行以下操作: D1、判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟D3;否則,執行步驟D2 ; D2、根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; D3、判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟D4 ;否則,執行步驟D7 ; D4、根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟D6 ;否則,執行步驟D5 ; D5、根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; D6、根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件; D7、根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟D9 ;否則,執行步驟D8 ; D8、根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; D9、根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件。
37.如權利要求36所述的裝 置,其特徵在於,所述處理單元根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為:所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示;
所述處理單元根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
38.如權利要求36所述的裝置,其特徵在於,所述處理單元根據所述當前組件的內容,獲取對應的高解析度圖片,具體為: 所述處理單元根據所述當前組件的內容中包含的圖片信息,從本地存儲的素材包中獲取與所述圖片信息對應的高解析度圖片; 或者,通過網絡異步獲取與所述圖片信息對應的高解析度圖片; 或者,動態生成與所述圖片信息對應的高解析度圖片; 所述處理單元根據所述當前組件的內容,獲取對應的低解析度圖片,具體為: 所述處理單元根據所述當前組件的內容中包含的圖片信息,從本地存儲的素材包中獲取與所述圖片信息對應的低解析度圖片; 或者,通過網絡異步獲取與所述圖片信息對應的低解析度圖片; 或者,動態生成與所述圖片信息對應的低解析度圖片。
39.一種屏幕適配的裝置,其特徵在於,包括: 獲取單元,用於從伺服器端獲取用戶界面數據包; 解析單元,用於對所述獲取單元獲取到的所述用戶界面數據包進行解析,得到全局模塊的繪製信息和各個組件的繪製信息,所述全局模塊包含所述用戶界面中的所有組件;第一判斷單元,用於對所述裝置所在設備的屏幕方向進行判斷;設置單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,將所述全局模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並觸發處理單元; 在所述第一判斷單元判斷出所述屏幕方向為橫屏時,將所述全局模塊的顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並觸發處理單元; 所述處理單元,用於根據所述全局模塊的顯示寬度、所述全局模塊的顯示高度、所述各個組件的繪製信息,獲取所述各個組件的顯示寬度、顯示高度和顯示坐標;根據所述各個組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述各個組件中的資源文件,繪製所述各個組件,並觸發監控單元; 所述監控單元,用於監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
40.如權利要求39所述的裝置,其特徵在於,還包括: 第二判斷單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,根據所述全局模塊的繪製信息,對所述全局模塊的寬高比進行判斷; 所述設置單元,具體用於在所述第二判斷單元判斷出所述全局模塊的寬高比小於設備的屏幕寬高比時,將所述全局模塊的顯示高度設置為所述設備的屏幕高度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並觸發所述處理單元; 在所述第二判斷單元判斷出所述全局模塊的寬高比等於所述設備的屏幕寬高比時,將所述全局模塊的顯示高度設置為所述設備的屏幕高度,將所述全局模塊的顯示寬度設置為所述設備的屏幕寬 度,並觸發所述處理單元; 在所述第二判斷單元判斷出所述全局模塊的寬高比大於所述設備的屏幕寬高比時,將所述全局模塊的顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並觸發所述處理單元。
41.如權利要求39所述的裝置,其特徵在於,還包括: 第三判斷單元,用於在所述第一判斷單元判斷出所述屏幕方向為橫屏時,根據所述全局模塊的繪製信息,對所述全局模塊的寬高比進行判斷; 所述設置單元,具體用於在所述第三判斷單元判斷出所述全局模塊的寬高比等於所述設備的屏幕高寬比時,將全局模塊的顯示高度設置為設備的屏幕寬度,將全局模塊的顯示寬度設置為設備的屏幕高度,並觸發所述處理單元; 在所述第三判斷單元判斷出所述全局模塊的寬高比大於所述設備的屏幕高寬比時,將所述全局模塊的顯示寬度設置為所述設備的屏幕高度,根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示高度,並觸發所述處理單元; 在所述第三判斷單元判斷出所述全局模塊的寬高比小於所述設備的屏幕高寬比時,將所述全局模塊的顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,並觸發所述處理單元。
42.如權利要求40或41所述的裝置,其特徵在於,所述全局模塊的繪製信息為所述全局模塊的寬高比或高寬比;所述設置單元根據所述全局模塊的顯示寬度和所述全局模塊的繪製信息,獲取所述全局豐旲塊的顯不聞度,具體為: 所述設置單元將所述全局模塊的顯示寬度除以所述全局模塊的寬高比,得到所述全局豐旲塊的顯不聞度; 或者, 將所述全局模塊的顯示寬度乘以所述全局模塊的高寬比,得到所述全局模塊的顯示高度; 所述設置單元根據所述全局模塊的顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的顯示寬度,具體為: 所述設置單元將所述全局模塊的顯示高度乘以所述全局模塊的寬高比,得到所述全局模塊的顯示寬度; 或者, 將所述全局模塊的顯示高度除以所述全局模塊的高寬比,得到所述全局模塊的顯示寬度。
43.如權利要求39所述的裝置,其特徵在於, 所述設置單元,還用於將所述全局模塊的中心點設置為與界面視圖的中心點相同。
44.如權利要求39所述`的裝置,其特徵在於, 所述設置單元,還用於將界面視圖的背景設置為黑色。
45.如權利要求39所述的裝置,其特徵在於, 所述處理單元,具體用於執行以下操作: F1、從所述全局模塊中選取一個未被繪製的組件作為當前組件,根據所述全局模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示聞度和顯不坐標; F2、根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及需要填充到所述當前組件中的資源文件,繪製所述當前組件; F3、判斷所述全局模塊中是否包含未被繪製的組件,如果是,則返回步驟Fl ;否則,觸發所述監控單元。
46.如權利要求45所述的裝置,其特徵在於,所述當前組件的繪製信息包括所述當前組件的相對坐標、相對寬度和相對高度,所述當前組件的相對坐標包括所述當前組件的相對橫坐標和相對縱坐標;所述當前組件的顯示坐標是以所述全局模塊的左上角為坐標原點,所述當前組件的左上角的坐標;所述當前組件的顯示坐標包括所述當前組件的顯示縱坐標和顯示橫坐標; 所述處理單元根據所述全局模塊的顯示寬度、顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的顯示寬度、顯示高度和顯示坐標,具體為: 所述處理單元將所述全局模塊的顯示寬度與所述當前組件的相對寬度相乘,得到所述當前組件的顯示寬度;將所述全局模塊的顯示高度與所述當前組件的相對高度相乘,得到所述當前組件的顯示高度;將所述全局模塊的顯示寬度與所述當前組件的相對橫坐標相乘,得到所述當前組件的顯示橫坐標;將所述全局模塊的顯示高度與所述當前組件的相對縱坐標相乘,得到所述當前組件的顯示縱坐標。
47.如權利要求45所述的裝置,其特徵在於,所述處理單元執行所述步驟F2,具體為: 所述處理單元執行以下操作: G1、判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟G3;否則,執行步驟G2 ; G2、根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; G3、判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟G4 ;否則,執行步驟G7 ; G4、根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟G6 ;否則,執行步驟G5 ; G5、根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; G6、根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件; G7、根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟G9 ;否則,執行步驟G8 ; G8、根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件; G9、根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件。
48.如權利要求47所述的裝置,其特徵在於, 所述處理單元根據所述資源文件以及所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述高解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述低解析度圖片、所述當前組件的顯示寬度、顯示高度和顯示坐標,繪製所述當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述處理單元根據所述當前組件的顯示寬度、顯示高度和顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述處理單元將所述當前模塊的左上角作為坐標原點,根據所述當前組件的顯示寬度、顯示高度和顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
49.一種屏幕適配的裝置,其特徵在於,包括: 第一獲取單元,用於從伺服器端獲取用戶界面數據包; 解析單元,用於對所述第一獲取單元獲取到的所述用戶界面數據包進行解析,得到各個模塊的繪製信息和各個組件的繪製信息; 第二獲取單元,用於根據所述裝置所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示信息; 第三獲取單元,用於根據所述裝置所在設備的屏幕尺寸、所述各個模塊的繪製信息和所述各個組件的繪製信息,獲取並保存所述各個組件的橫屏顯示信息; 第一判斷單元,用於對所述設備的屏幕方向進行判斷; 繪製單元,用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,根據所述各個組件的豎屏顯示信息繪製所述各 個組件,並觸發監控單元; 在所述第一判斷單元判斷出所述屏幕方向為橫屏時,根據所述各個組件的橫屏顯示信息繪製所述各個組件,並觸發所述監控單元; 所述監控單元,用於監控所述設備的屏幕方向,並在監控到所述設備的屏幕方向發生變化時,觸發所述第一判斷單元對所述設備的屏幕方向進行判斷。
50.如權利要求49所述的裝置,其特徵在於, 所述監控單元,還用於監控所述各個組件的組件屬性信息,並在監控到所述組件屬性信息發生改變時,對改變後的組件屬性信息進行保存; 所述裝置,還包括: 第二判斷單元,用於在所述監控單元監控到所述設備的屏幕方向發生變化時,判斷所述監控單元是否保存有組件屬性信息; 所述繪製單元,還用於在所述第二判斷單元判斷出所述監控單元保存有組件屬性信息時,根據所述組件屬性信息修改對應組件的屬性,刪除所述組件屬性信息。
51.如權利要求49所述的裝置,其特徵在於,所述用戶界面包括多個模塊,所述用戶界面中的各個模塊按照垂直方向排列,每個模塊包含一個或多個組件;所述各個組件的豎屏顯示信息包括所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,所述各個組件的橫屏顯示信息包括所述各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標; 所述第二獲取單元,具體用於執行以下操作: K1、選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的豎屏顯示坐標設置為設備屏幕的左上角,保存所述當前模塊的豎屏顯示坐標,將所述當前模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,根據所述當前模塊的繪製信息和豎屏顯示寬度,獲取所述當前模塊的豎屏顯示高度; K2、根據所述當前模塊的豎屏顯示寬度、豎屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取並保存所述當前模塊中的各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標; K3、判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟K4;否則,確定獲取豎屏顯示信息完畢; K4、獲取所述當前模塊的豎屏顯示縱坐標與所述當前模塊的豎屏顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; K5、將所述當前模塊的豎屏顯示縱坐標設置為所述運算結果,將所述當前模塊的豎屏顯示橫坐標設置為零,將所述當前模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,根據所述當前模塊的繪製信息和豎屏顯示寬度,獲取所述當前模塊的豎屏顯示高度,並返回步驟K2 ; 所述第三獲取單元,具體用於執行以下操作: L1、選取位於所述用戶界面頂部的模塊作為當前模塊,將所述當前模塊的橫屏顯示坐標設置為設備屏幕的左上角,保存所述當前模塊的橫屏顯示坐標,將所述當前模塊的橫屏顯示寬度設置為所述設備的屏幕高度,根據所述當前模塊的繪製信息和橫屏顯示寬度,獲取所述當前模塊的橫屏顯示高度; L2、根據所述當前模塊的橫屏顯示寬度、橫屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲 取並保存所述當前模塊中的各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標; L3、判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則執行步驟L4 ;否則,確定獲取橫屏顯示信息完畢; L4、獲取所述當前模塊的顯示縱坐標與所述當前模塊的橫屏顯示高度相加得到的運算結果,選取所述用戶界面中與所述當前模塊相鄰且位於所述當前模塊下方的模塊作為更新後的當前模塊; L5、將所述當前模塊的橫屏顯示縱坐標設置為所述運算結果,將所述當前模塊的橫屏顯示橫坐標設置為零,將所述當前模塊的橫屏顯示寬度設置為所述設備的屏幕高度,根據所述當前模塊的繪製信息和橫屏顯示寬度,獲取所述當前模塊的橫屏顯示高度,並返回步驟L2。
52.如權利要求51所述的裝置,其特徵在於,所述當前模塊的繪製信息為所述當前模塊的寬高比或高寬比; 所述第二獲取單元根據所述當前模塊的繪製信息和豎屏顯示寬度,獲取所述當前模塊的豎屏顯示高度,具體為: 所述第二獲取單元將所述當前模塊的豎屏顯示寬度除以所述當前模塊的寬高比,得到所述當前模塊的豎屏顯示高度; 或者, 將所述當前模塊的豎屏顯示寬度乘以所述當前模塊的高寬比,得到所述當前模塊的豎屏顯示高度; 所述第三獲取單元根據所述當前模塊的繪製信息和橫屏顯示寬度,獲取所述當前模塊的橫屏顯示高度,具體為: 所述第三獲取單元將所述當前模塊的橫屏顯示寬度除以所述當前模塊的寬高比,得到所述當前模塊的橫屏顯示高度; 或者, 將所述當前模塊的橫屏顯示寬度乘以所述當前模塊的高寬比,得到所述當前模塊的橫屏顯示高度。
53.如權利要求51所述的裝置,其特徵在於,所述各個組件的繪製信息包括所述各個組件的相對坐標、相對寬度和相對高度,所述各個組件的相對坐標包括所述各個組件的相對橫坐標和相對縱坐標;所述各個組件的豎屏顯示坐標和橫屏顯示坐標均是以所述當前模塊的左上角為坐標原點,所述各個組件的左上角的坐標;所述各個組件的豎屏顯示坐標包括所述各個組件的豎屏顯示縱坐標和豎屏顯示橫坐標;所述各個組件的橫屏顯示坐標包括所述各個組件的橫屏顯示縱坐標和橫屏顯示橫坐標; 所述第二獲取單元根據所述當前模塊的豎屏顯示寬度、豎屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取所述當前模塊中的各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,具體為: 所述第二獲取單元將所述當前模塊的豎屏顯示寬度分別與所述當前模塊中的各個組件的相對寬度相乘,得到所述當前模塊中的各個組件的豎屏顯示寬度;將所述當前模塊的豎屏顯示高度與所述當前模塊中的各個組件的相對高度相乘,得到所述當前模塊中的各個組件的豎屏顯示高度;`將所述當前模塊的豎屏顯示寬度分別與所述當前模塊中的各個組件的相對橫坐標相乘,得到所述當前模塊中的各個組件的豎屏顯示橫坐標;將所述當前模塊的豎屏顯示高度分別與所述當前模塊中的各個組件的相對縱坐標相乘,得到所述各個組件的豎屏顯示縱坐標; 所述第三獲取單元根據所述當前模塊的橫屏顯示寬度、橫屏顯示高度,以及所述當前模塊中的各個組件的繪製信息,獲取所述當前模塊中的各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,具體為: 所述第三獲取單元將所述當前模塊的橫屏顯示寬度分別與所述當前模塊中的各個組件的相對寬度相乘,得到所述當前模塊中的各個組件的橫屏顯示寬度;將所述當前模塊的橫屏顯示高度與所述當前模塊中的各個組件的相對高度相乘,得到所述當前模塊中的各個組件的橫屏顯示高度;將所述當前模塊的橫屏顯示寬度分別與所述當前模塊中的各個組件的相對橫坐標相乘,得到所述當前模塊中的各個組件的橫屏顯示橫坐標;將所述當前模塊的橫屏顯示高度分別與所述當前模塊中的各個組件的相對縱坐標相乘,得到所述各個組件的橫屏顯示縱坐標。
54.如權利要求51所述的裝置,其特徵在於,還包括: 第四獲取單元,用於根據所述設備的屏幕尺寸和所述解析單元解析得到的所述各個模塊的繪製信息,獲取並保存所述各個模塊的豎屏顯示坐標和橫屏顯示坐標; 所述繪製單元,具體用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,執行以下操作:Ml、從所述用戶界面中選取一個未被處理過的模塊作為當前模塊,從所述當前模塊中選取一個未被繪製的組件作為當前組件; M2、判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟M4;否則,執行步驟M3 ; M3、根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Mll ; M4、判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟M5 ;否則,執行步驟M8 ; M5、根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟M7 ;否則,執行步驟M6 ; M6、根據所述高解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Mll ; M7、根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Mll ; M8、根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟Ml0 ;否則,執行步驟M9 ; M9、根據所述低解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Mll ; M10、根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Mll ; Mil、判斷所述當前模塊中是否包含未被繪製的組件,如果是,則從所述當前模塊中選取一個未被繪製的組件作為當前組件,並返回步驟M2 ;否則,執行步驟M12 ; M12、判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則返回步驟Ml ;否則,確定繪製組件完畢; 以及, 在所述第一判斷單元判斷出所述屏幕方向為橫屏時,執行以下操作: N1、從所述用戶界面中選取一個未被處理過的模塊作為當前模塊,從所述當前模塊中選取一個未被繪製的組件作為當前組件; N2、判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟N4;否則,執行步驟N3 ; N3、根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Nll ; N4、判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟N5 ;否則,執行步驟N8 ; N5、根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟N7 ;否則,執行步驟N6 ; N6、根據所述高解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Nll ; N7、根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Nll ; NS、根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟NlO ;否則,執行步驟N9 ; N9、根據所述低解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Nll ; N10、根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Nll ; Nil、判斷所述當前模塊中是否包含未被繪製的組件,如果是,則從所述當前模塊中選取一個未被繪製的組件作為當前組件,並返回步驟N2 ;否則,執行步驟N12 ; N12、判斷所述用戶界面中是否包含未被處理過的模塊,如果是,則返回步驟NI ;否則,確定繪製組件完畢。
55.如權利要求54所述的裝置,其特徵在於,所述繪製單元根據所述資源文件、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組 件,具體為: 所述繪製單元根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述高解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述繪製單元根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述低解析度圖片、所述當前模塊的豎屏顯示坐標以及所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為:所述繪製單元根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前模塊的豎屏顯示坐標、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述繪製單元根據所述當前模塊的豎屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述資源文件、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述高解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組`件進行顯示; 所述繪製單元根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述繪製單元根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述低解析度圖片、所述當前模塊的橫屏顯示坐標以及所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前模塊的橫屏顯示坐標、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為:所述繪製單元根據所述當前模塊的橫屏顯示坐標,確定所述當前模塊的左上角的位置,並將所述當前模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
56.如權利要求49所述的裝置,其特徵在於,所述用戶界面包括全局模塊,所述全局模塊包含所述用戶界面中的所有組件; 所述各個組件的豎屏顯示坐標包括所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,所述各個組件的橫屏顯示坐標包括所述橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標; 所述第二獲取單元,具體用於執行以下操作: P1、根據所述全局模塊的繪製信息,判斷所述全局模塊的寬高比進行判斷,如果所述全局模塊的寬高比小於所述設備的屏幕寬高比,則執行步驟P2;如果所述全局模塊的寬高比等於所述設備的屏幕寬高比,則執行步驟P3;如果所述全局模塊的寬高比大於所述設備的屏幕寬高比,則執行步驟P4; P2、將所述全局模塊的豎屏顯示高度設置為所述設備的屏幕高度,根據所述全局模塊的豎屏顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的豎屏顯示寬度,並執行步驟P5 ; P3、將所述全局模塊的豎屏顯示高度設置為所述設備的屏幕高度,將所述全局模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,並執行步驟P5 ; P4、將所述全局模塊的豎屏顯示寬度設置為所述設備的屏幕寬度,根據所述全局模塊的豎屏顯示寬度和所述全局模塊的繪製信息,獲取所述全局模塊的豎屏顯示高度,並執行步驟P5 ; P5、根據所述全局模塊的豎屏顯示寬度、所述全局模塊的豎屏顯示高度以及所述各個組件的繪製信息,獲取並保存所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標; 所述第三獲取單元,具體用於執行以下操作: Q1、根據所述全局模塊的繪製信息,對所述全局模塊的寬高比進行判斷,如果所述全局模塊的寬高比小於所述設備的屏幕高寬比,則執行步驟Q2;如果所述全局模塊的寬高比等於所述設備的屏幕高寬比,則執行步驟Q3;如果所述全局模塊的寬高比大於所述設備的屏幕高寬比,則執行步驟Q4; Q2、將所述全局模塊的橫屏顯示高度設置為所述設備的屏幕寬度,根據所述全局模塊的橫屏顯示高度和所述全局模塊的繪製信息,獲取所述全局模塊的橫屏顯示寬度,並執行步驟Q5 ; Q3、將全局模塊的橫屏顯示高度設置為設備的屏幕寬度,將全局模塊的橫屏顯示寬度設置為設備的屏幕高度,並執行步驟Q5 ; Q4、將所述全局模塊的橫屏顯示寬度設置為所述設備的屏幕高度,根據所述全局模塊的橫屏顯示寬度和所 述全局模塊的繪製信息,獲取所述全局模塊的橫屏顯示高度,並執行步驟Q5 ; Q5、根據所述全局模塊的橫屏顯示寬度、所述全局模塊的橫屏顯示高度以及所述各個組件的繪製信息,獲取並保存所述各個組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標。
57.如權利要求56所述的裝置,其特徵在於,所述全局模塊的繪製信息為所述全局模塊的寬高比或高寬比; 所述第二獲取單元根據所述全局模塊的繪製信息和豎屏顯示寬度,獲取所述全局模塊的豎屏顯示高度,具體為: 所述第二獲取單元將所述全局模塊的豎屏顯示寬度除以所述全局模塊的寬高比,得到所述全局模塊的豎屏顯示高度; 或者, 將所述全局模塊的豎屏顯示寬度乘以所述全局模塊的高寬比,得到所述全局模塊的豎屏顯示高度; 所述第三獲取單元根據所述全局模塊的繪製信息和橫屏顯示寬度,獲取所述全局模塊的橫屏顯示高度,具體為: 所述第三獲取單元將所述全局模塊的橫屏顯示寬度除以所述全局模塊的寬高比,得到所述全局模塊的橫屏顯示高度; 或者, 將所述全局模塊的橫屏顯示寬度乘以所述全局模塊的高寬比,得到所述全局模塊的橫屏顯示高度。
58.如權利要求56所述的裝置,其特徵在於,所述各個組件的繪製信息包括所述各個組件的相對坐標、相對寬度和相對高度,所述各個組件的相對坐標包括所述各個組件的相對橫坐標和相對縱坐標;所述各個組件的豎屏顯示坐標和橫屏顯示坐標均是以所述全局模塊的左上角為坐標原點,所述各個組件的左上角的坐標;所述各個組件的豎屏顯示坐標包括所述各個組件的豎屏顯示縱坐標和豎屏顯示橫坐標;所述各個組件的橫屏顯示坐標包括所述各個組件的橫屏顯示縱坐標和橫屏顯示橫坐標; 所述第二獲取單元根據所述全局模塊的豎屏顯示寬度、豎屏顯示高度,以及所述各個組件的繪製信息,獲取所述各個組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,具體為: 所述第二獲取單元將所述全局模塊的豎屏顯示寬度分別與所述各個組件的相對寬度相乘,得到所述各個組件的豎屏顯示寬度;將所述全局模塊的豎屏顯示高度與所述各個組件的相對高度相乘,得到所述當前組件的豎屏顯示高度;將所述全局模塊的豎屏顯示寬度分別與所述當前組件的相對橫坐標相乘,得到所述當前組件的豎屏顯示橫坐標;將所述全局模塊的豎屏顯示高度分別與所述當前組件的相對縱坐標相乘,得到所述各個組件的豎屏顯示縱坐標; 所述第三獲取單元根據所述全局模塊的橫屏顯示寬度、橫屏顯示高度,以及所述當前組件的繪製信息,獲取所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,具體為: 所述第三獲取單元將所述全局模塊的橫屏顯示寬度分別與所述當前組件的相對寬度相乘,得到所述當前 組件的橫屏顯示寬度;將所述全局模塊的橫屏顯示高度與所述當前組件的相對高度相乘,得到所述當前組件的橫屏顯示高度;將所述全局模塊的橫屏顯示寬度分別與所述當前組件的相對橫坐標相乘,得到所述當前組件的橫屏顯示橫坐標;將所述全局模塊的橫屏顯示高度分別與所述當前組件的相對縱坐標相乘,得到所述各個組件的橫屏顯示縱坐標。
59.如權利要求56所述的裝置,其特徵在於, 所述繪製單元,具體用於在所述第一判斷單元判斷出所述屏幕方向為豎屏時,執行以下操作: R1、從所述用戶界面中選取一個未被繪製的組件作為當前組件; R2、判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟R4;否則,執行步驟R3 ; R3、根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Rll ; R4、判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟R5 ;否則,執行步驟R8 ; R5、根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟R7 ;否則,執行步驟R6 ; R6、根據所述高解析度圖片、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Rll ; R7、根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏 顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Rll ; R8、根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟RlO ;否則,執行步驟R9 ; R9、根據所述低解析度圖片、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,並執行步驟Rll ; R10、根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Rll ; R11、判斷所述用戶界面中是否包含未被繪製的組件,如果是,則返回步驟Rl ;否則,確定繪製組件完畢; 以及, 在所述第一判斷單元判斷出所述屏幕方向為橫屏時,執行以下操作: S1、從所述用戶界面中選取一個未被繪製的組件作為當前組件; S2、判斷是否需要向所述當前組件中填充圖片,如果是,則執行步驟S4;否則,執行步驟S3 ; S3、根據所述當前組件的內容,獲取需要填充到所述當前組件中的資源文件,根據所述資源文件、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Sll ; S4、判斷所述設備的屏幕密度是否大於預設密度值,如果是,則執行步驟S5;否則,執行步驟S8 ; S5、根據所述當前組件的內容,獲取對應的高解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟S7 ;否則,執行步驟S6 ; S6、根據所述高解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Sll ; S7、根據所述當前組件的內容,獲取所述其他資源文件,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Sll ; S8、根據當前組件的內容,獲取對應的低解析度圖片,判斷是否需要向所述當前組件中填充除圖片之外的其他資源文件,如果是,則執行步驟SlO ;否則,執行步驟S9 ; S9、根據所述低解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,並執行步驟Sll ; S10、根據所述當前組件的內容,獲取除圖片之外的其他資源文件,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,繪製所述當前組件,並執行步驟Sll ; S11、判斷所述用戶界面中是否包含未被繪製的組件,如果是,則返回步驟SI;否則,確定繪製組件完畢。
60、如權利要求59所述的裝置,其特徵在於,所述繪製單元根據所述資源文件、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述高解析度圖片、當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述低解析度圖片、所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為:所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的豎屏顯示寬度、豎屏顯示高度和豎屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述資源文件、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述高解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述高解析度圖片和所述其他資源文件,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述高解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述低解析度圖片、所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,繪製所述當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片填充到所述當前組件中,對所述當前組件進行顯示; 所述繪製單元根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,以及所述低解析度圖片和所述其他資源文件,所述繪製當前組件,具體為: 所述繪製單元將所述全局模塊的左上角作為坐標原點,根據所述當前組件的橫屏顯示寬度、橫屏顯示高度和橫屏顯示坐標,對所述當前組件進行定位,並將所述低解析度圖片以及所述其他資源文件填充到所述當前組件中,對所述當前組件進行顯示。
【文檔編號】G06F3/14GK103823620SQ201410077059
【公開日】2014年5月28日 申請日期:2014年3月4日 優先權日:2014年3月4日
【發明者】陸舟, 於華章 申請人:飛天誠信科技股份有限公司