一種屏幕自適應方法、系統和終端設備技術方案

本發明專利技術公開了一種屏幕自適應的方法、系統和終端設備。本發明專利技術通過百分比參數可以在不同分辨率的屏幕上顯示出相同的組件布局，組件之間的相對關系不會改變，解決了基于移動中間件平臺下的多屏幕適配問題，減少了適配工作量，提高了版本發布效率，同時還通過后臺推送界面達到了橫豎屏快速切換的效果。本發明專利技術中的屏幕自適應原則為：子隨父變，父隨屏變。即子組件隨著父組件的變化而變化，父組件隨屏幕變化而變化。屏幕大小決定屏幕組件大小，屏幕組件大小決定其子組件大小。當組件布局發生變化時，分析出可能受到影響的組件，并根據組件的原始百分比數據重新計算組件的坐標和寬高度，生成新布局。

【技術實現步驟摘要】

本專利技術涉及終端適配領域，尤其涉及一種屏幕自適應方法、系統和終端設備。
技術介紹
目前市場上移動終端眾多，移動終端的操作系統和屏幕分辨率更是五花八門。目前主流的操作系統有Symbian S40、symbian S60 2nd、symbian S603rd> symbian'3>symbian anna、windows mobile 5. χ-7、iPhone OS 3. χ-5. x、OMS> androidl. 5-4. x、Blackberry OS 等；目前智能機型的主要分辨率有240X320、320X240、320X480、320X640、480X800 ;480X854、640X960、960*540、1024X720、1024X800 等等；為了解決移動應用開發門檻高，適配工作量大的問題有人提出了移動中間件技術。移動中間件屏蔽了操作系統的底層差異，實現了跨操作系統快速開發，開發者只需要開發一套業務界面即可在不同的操作系統運行。但移動終端屏幕大小不統一，仍需要根據不·同大小的屏幕制作不同的界面，需要經過高保真效果圖重設，切片處理，編碼，測試等步驟才能新增一款分辨率適配。為此，谷歌把Androidl. 6以上系統設計為一個可以在多種不同分辨率的設備上運行的操作系統。對于應用程序來說，Android系統向它們提供的是一個跨分辨率的運行環境，其中關于如何將程序以正確的方式顯示到它所運行的終端屏幕上所需要的大部分技術細節，都由系統本身進行了處理，無需程序的干預。但是該技術有其局限性，它只限androidl. 6以上系統,且必須使用android系統UI組件,而對于期望開發一個跨平臺、完整、個性、可控的Π界面的中間件，系統組件是不可取的，Android系統自帶的跨分辨力技術也只能止步于此。
技術實現思路
本專利技術實施例的目的在于提出一種屏幕自適應方法，旨在解決現有技術中適配工作量大、開發門檻高的技術問題，還解決了在現有中間件技術中適配效率低下的技術問題，同時還解決了 android提供的系統組件無法實現跨平臺、完整、個性、可控的Π界面的技術問題。本專利技術實施例是這樣實現的，一種屏幕自適應的方法，所述方法包括步驟獲取UI數據包；解析所述UI數據包獲取組件的組件參數、組件屬性和嵌套關系；根據所述組件屬性、組件參數和嵌套關系繪制所述組件。本專利技術實施例的另一目的在于提出一種屏幕自適應的系統，所述系統包括第一獲取模塊、解析模塊、第二獲取模塊和繪制模塊；所述第一獲取模塊，與所述解析模塊相連，用于獲取Π數據包；所述解析模塊，與所述第一獲取模塊和第二獲取模塊相連，用于解析所述Π數據包；所述第二獲取模塊，與所述解析模塊和繪制模塊相連，用于獲取組件的組件參數、組件屬性和嵌套關系；所述繪制模塊，與所述第二獲取模塊相連，用于根據所述組件屬性、組件參數和嵌套關系繪制所述組件。本專利技術實施例的另一目的在于提出一種屏幕自適應的終端設備，所述設備包括了所述屏幕自適應系統。本專利技術通過百分比參數可以在不同分辨率的屏幕上顯示出相同的組件布局，組件之間的相對關系不會改變，解決了基于移動中間件平臺下的多屏幕適配問題，減少了適配工作量，提高了版本發布效率，同時還通過后臺推送界面達到了橫豎屏快速切換的效果。本專利技術中的屏幕自適應原則為子隨父變，父隨屏變。即子組件隨著父組件的變化而變化，父組件隨屏幕變化而變化。屏幕大小決定屏幕組件大小，屏幕組件大小決定其子組件大小。當有任何引起組件布局變化的因素(橫豎屏切換、網絡數據更新、組件移動等)發生時，分析 出可能受到影響的組件，并根據新的屏幕寬高度或父組件寬高度重新計算各組件的坐標、寬高、長度、距離、間隔等信息，生成新布局。附圖說明圖I是本專利技術一種屏幕自適應方法的第一優選實施例流程圖；圖2是本專利技術一種屏幕自適應方法的第二優選實施例流程圖；圖3是本專利技術coml在320x480屏幕上的寬高度示意圖；圖4是本專利技術com2在320x480屏幕上的寬高度示意圖；圖5是本專利技術coml和com2在320x480屏幕上的繪制效果圖；圖6是本專利技術com3在320x480屏幕上的寬高度示意圖；圖7是本專利技術coml、com2和com3在320x480屏幕上的繪制效果圖；圖8是本專利技術coml、com2和com3在480x800屏幕上的繪制效果圖；圖9是本專利技術coml、com2和com3在240x320屏幕上的繪制效果圖；圖10是本專利技術coml、com2和com3在320x480橫屏狀態下的繪制效果圖；圖11是本專利技術一種屏幕自適應系統的第一優選實施例結構示意圖；圖12是本專利技術一種屏幕自適應系統的第二優選實施例結構示意圖；圖13是本專利技術一種屏幕自適應系統的第三優選實施例結構示意圖。具體實施例方式為了使本專利技術的目的、技術方案及優點更加清楚明白，以下結合附圖和實施例，對本專利技術進行進一步詳細說明，為了便于說明，僅示出了與本專利技術實施例相關的部分。應當理解，此處所描寫的具體實施例，僅僅用于解釋本專利技術，并不用以限制本專利技術。本專利技術通過百分比參數可以在不同分辨率的屏幕上顯示出相同的組件布局，組件之間的相對關系不會改變，解決了基于移動中間件平臺下的多屏幕適配問題，減少了適配工作量，提高了版本發布效率，同時還通過后臺推送界面達到了橫豎屏快速切換的效果。本專利技術中的屏幕自適應原則為子隨父變，父隨屏變。即子組件隨著父組件的變化而變化，父組件隨屏幕變化而變化。屏幕大小決定屏幕組件大小，屏幕組件大小決定其子組件大小。當有任何引起組件布局變化的因素(橫豎屏切換、網絡數據更新、組件移動等)發生時，分析出可能受到影響的組件，并根據新的屏幕寬高度或父組件寬高度重新計算各組件的坐標、寬高、長度、距離、間隔等信息，生成新布局。實施例一圖I是本專利技術一種屏幕自適應方法的第一優選實施例流程圖。所述方法包括步驟SlOl，獲取UI數據包；在此之前，首先由服務器端根據UI設計需求定義組件的組件繪制信息，并根據所述組件繪制信息創建UI數據包；然后由中間件獲取所述Π數據包； 所述UI數據包封裝了中間件所需組件的組件參數、組件屬性和組件的嵌套關系，并由服務器端提供；所述組件(Component)為中間件Π層最基礎的顯示單元，可顯示文字、圖片、動畫、網頁、視頻等等；每個組件作為Ui界面的顯示單元，都有一個獨一無二的組件名稱，所述組件名稱用來區分每個組件；S102，解析所述UI數據包獲取組件的組件繪制信息；所述組件繪制信息包括組件的組件參數、組件屬性和嵌套關系；所述組件參數包括組件的坐標(X坐標、y坐標)和組件的寬高度(寬度、高度)，所述組件參數可以是像素值參數，也可以是百分比參數，分別以x、y、width、height來表示X坐標、y坐標、寬度和高度，其中百分比參數中的X坐標、y坐標稱為相對坐標，百分比參數中的寬度和高度稱為相對寬高度；所述百分比參數中的相對坐標指所述組件相對于父組件或者屏幕左上角的坐標位置，是以父組件或者屏幕的寬高作為計算基數；無父組件的組件的相對坐標計算以屏幕寬高為計算基數；也就是，當所述組件有父組件時，所述相對坐標為所述組件左上角的絕對坐標與父組件左上角的絕對坐標的差占父組件寬高度的百分比；當所述組件無父組件時，所述相對坐標為所述組件左上角的絕對坐標占屏本文檔來自技高網...

【技術保護點】
一種屏幕自適應的方法，其特征在于，所述方法包括步驟：獲取UI數據包；解析所述UI數據包獲取組件的組件繪制信息；根據所述組件繪制信息繪制所述組件。

【技術特征摘要】

【專利技術屬性】
技術研發人員：宋振華，李榮根，劉曉，
申請(專利權)人：深圳市融創天下科技股份有限公司，
類型：發明
國別省市：