本發(fā)明專利技術(shù)公開了一圖片自適應(yīng)的方法、系統(tǒng)和終端設(shè)備。本發(fā)明專利技術(shù)通過解析UI數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息，并根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。本發(fā)明專利技術(shù)在各分辨率適配中降低了切圖工作量，同一套UI資源能同時適配不同分辨率移動終端，簡化了界面適配過程，提高了圖片適配效率，實現(xiàn)了圖片自適應(yīng)。本發(fā)明專利技術(shù)進(jìn)一步明確了組件繪制信息和圖片繪制信息的具體內(nèi)容，同時詳細(xì)說明了百分比參數(shù)、像素值參數(shù)、各坐標(biāo)和寬高度的計算過程，確保了圖片自動實現(xiàn)各種不同的顯示效果，保障了圖片在屏幕上顯示位置和顯示區(qū)域的一致性，提高了圖片自適應(yīng)的可行性。
【技術(shù)實現(xiàn)步驟摘要】
本專利技術(shù)涉及終端適配領(lǐng)域，尤其涉及一種圖片自適應(yīng)方法、系統(tǒng)和終端設(shè)備。
技術(shù)介紹
目前市場上移動終端眾多，移動終端的操作系統(tǒng)和屏幕分辨率更是五花八門。目前主流的操作系統(tǒng)有Symbian S40、symbian S602nd> symbian S603rd> symbian'3> symbiananna、windows mobile 5. x_7、iPhone OS 3. x-5. x、OMS> android I. 5-4. x、BlackberryOS 等;目前智能機型的主要分辨率有240X320、320X240、320X480、320X640、480X800 ；480X854、640X960、960*540、1024X720、1024X800 等等；為了解決移動應(yīng)用開發(fā)門檻高，適配工作量大的問題有人提出了移動中間件技術(shù)。移動中間件屏蔽了操作系統(tǒng)的底層差異，實現(xiàn)了跨操作系統(tǒng)快速開發(fā)，開發(fā)者只需要開·發(fā)一套業(yè)務(wù)界面即可在不同的操作系統(tǒng)運行。但移動終端屏幕大小不統(tǒng)一，仍需要根據(jù)不同大小的屏幕制作不同的界面，需要經(jīng)過高保真效果圖重設(shè)，切片處理，編碼，測試等步驟才能新增一款分辨率適配。應(yīng)用程序的界面一般都會涉及到圖片的顯示，而且在不同分辨率的設(shè)備上，圖片顯示為達(dá)到統(tǒng)一的效果，需要的圖片大小也將不一致。有多少種分辨率的終端，就需要多少種圖片切圖，造成了切圖工作量大、界面適配繁瑣的技術(shù)問題。
技術(shù)實現(xiàn)思路
本專利技術(shù)實施例的目的在于提出一種圖片自適應(yīng)方法，旨在解決多分辨率的圖片適配工作中切圖工作量大、界面適配繁瑣的技術(shù)問題。本專利技術(shù)實施例是這樣實現(xiàn)的，一種圖片自適應(yīng)的方法，所述方法包括步驟獲取UI數(shù)據(jù)包；解析所述UI數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息；根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。本專利技術(shù)另一個目的在于提出一種圖片自適應(yīng)的系統(tǒng)，所述系統(tǒng)包括第一獲取模塊、解析模塊、第二獲取模塊和繪制模塊；所述第一獲取模塊，與所述解析模塊相連，用于獲取Π數(shù)據(jù)包；所述解析模塊，與所述第一獲取模塊和第二獲取模塊相連，用于解析所述Π數(shù)據(jù)包；所述第二獲取模塊，與所述解析模塊和繪制模塊相連，用于獲取組件的組件繪制信息和圖片的圖片繪制信息；所述繪制模塊，與所述第二獲取模塊相連，用于根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。專利技術(shù)另一個目的在于提出一種圖片自適應(yīng)的終端設(shè)備，所述終端設(shè)備包含所述圖片自適應(yīng)系統(tǒng)。本專利技術(shù)通過解析Π數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息，并根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。本專利技術(shù)在多分辨率圖片適配中降低了切圖工作量，同一套Π資源能同時適配不同分辨率移動終端，簡化了界面適配過程，提高了圖片適配效率，實現(xiàn)了圖片自適應(yīng)。本專利技術(shù)進(jìn)一步明確了組件繪制信息和圖片繪制信息的內(nèi)容，同時詳細(xì)說明了百分比參數(shù)、像素值參數(shù)、各坐標(biāo)和寬高度的計算過程，確保了圖片自動實現(xiàn)各種不同的顯示效果，保障了圖片在屏幕上顯示位置和顯示區(qū)域的一致性，提高了圖片自適應(yīng)的可行性。附圖說明圖I是本專利技術(shù)一種圖片自適應(yīng)方法的第一優(yōu)選實施例流程圖；圖2是本專利技術(shù)一種圖片自適應(yīng)方法的第二優(yōu)選實施例流程圖； 圖3是本專利技術(shù)組件coml在320x480屏幕上的寬高度示意圖；圖4是本專利技術(shù)一個圖片在320x480屏幕上繪制后的效果圖；圖5是本專利技術(shù)兩個圖片在320x480屏幕上繪制后的效果圖；圖6是本專利技術(shù)四個圖片在320x480屏幕上繪制后的效果圖；圖7是本專利技術(shù)一種圖片自適應(yīng)系統(tǒng)的第一優(yōu)選實施例結(jié)構(gòu)示意圖；圖8是本專利技術(shù)一種圖片自適應(yīng)系統(tǒng)的第二優(yōu)選實施例結(jié)構(gòu)示意圖；圖9是本專利技術(shù)一種圖片自適應(yīng)系統(tǒng)的第三優(yōu)選實施例結(jié)構(gòu)示意圖。具體實施例方式為了使本專利技術(shù)的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖和實施例，對本專利技術(shù)進(jìn)行進(jìn)一步詳細(xì)說明，為了便于說明，僅示出了與本專利技術(shù)實施例相關(guān)的部分。應(yīng)當(dāng)理解，此處所描寫的具體實施例，僅僅用于解釋本專利技術(shù)，并不用以限制本專利技術(shù)。本專利技術(shù)通過解析Π數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息，并根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。本專利技術(shù)在多分辨率圖片適配中降低了切圖工作量，同一套Π資源能同時適配不同分辨率移動終端，簡化了界面適配過程，提高了圖片適配效率，實現(xiàn)了圖片自適應(yīng)。本專利技術(shù)進(jìn)一步明確了組件繪制信息和圖片繪制信息的內(nèi)容，同時詳細(xì)說明了百分比參數(shù)、像素值參數(shù)、各坐標(biāo)和寬高度的計算過程，確保了圖片自動實現(xiàn)各種不同的顯示效果，保障了圖片在屏幕上顯示位置和顯示區(qū)域的一致性，提高了圖片自適應(yīng)的可行性。實施例一圖I是本專利技術(shù)一種圖片自適應(yīng)方法的第一優(yōu)選實施例流程圖。所述方法包括步驟SlOl，獲取UI數(shù)據(jù)包；在此之前，首先由服務(wù)器端根據(jù)UI設(shè)計需求定義組件的組件繪制信息和圖片的圖片繪制信息，并根據(jù)所述組件繪制信息和圖片繪制信息創(chuàng)建Π數(shù)據(jù)包；然后由中間件獲取所述Π數(shù)據(jù)包；所述組件繪制信息包括組件的組件參數(shù)和組件屬性；所述圖片繪制信息包括圖片的圖片錨點和圖片參數(shù)；所述Π數(shù)據(jù)包封裝了中間件所需組件的組件參數(shù)和組件屬性，同時還封裝了圖片的圖片錨點和圖片參數(shù)，封裝后的UI數(shù)據(jù)包由服務(wù)器端提供給中間件；所述組件(Component)為中間件Π層最基礎(chǔ)的顯示單元，可顯示文字、圖片、動畫、網(wǎng)頁、視頻等等；每個組件作為Ui界面的顯示單元，都有一個獨一無二的組件名稱，所述組件名稱用來區(qū)分每個組件；S102，解析所述Π數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息；也就是解析所述Π數(shù)據(jù)包獲取組件的組件參數(shù)和組件屬性；同時還獲取圖片的圖片錨點和圖片參數(shù)；所述組件參數(shù)包括組件的坐標(biāo)(X坐標(biāo)、y坐標(biāo))和組件的寬高度(寬度、高度)，所述組件參數(shù)可以是像素值組件參數(shù)，也可以是百分比組件參數(shù)，分別以X、Y、width、height 來表示X坐標(biāo)、y坐標(biāo)、寬度和高度，其中以百分比組件參數(shù)表示的坐標(biāo)稱為組件的相對坐標(biāo)，以百分比組件參數(shù)表示的寬度和高度稱為組件的相對寬高度；百分比組件參數(shù)是根據(jù)UI設(shè)計需求和組件布局選取任一分辨率屏幕為參照物估算出的百分比組件參數(shù)，具體為根據(jù)UI設(shè)計需求和組件布局選取任一分辨率屏幕為參照物估算組件的估算坐標(biāo)和估算寬高度；根據(jù)所述組件的估算坐標(biāo)和估算寬高度獲取所述組件的相對坐標(biāo)和相對寬高度；所述百分比組件參數(shù)中的相對坐標(biāo)指所述組件相對于父組件或者屏幕左上角的坐標(biāo)位置，是以父組件或者屏幕的寬高作為計算基數(shù)；無父組件的組件的相對坐標(biāo)計算以屏幕寬高為計算基數(shù)；也就是，當(dāng)所述組件有父組件時，所述組件的相對坐標(biāo)為所述組件的寬高度占父組件寬高度的百分比；當(dāng)所述組件無父組件時，所述組件的相對坐標(biāo)為所述組件的寬高度占屏幕寬高度的百分比；也就是，當(dāng)所述組件有父組件時，所述組件的相對坐標(biāo)為所述組件左上角的絕對坐標(biāo)與父組件左上角的絕對坐標(biāo)的差值占父組件寬高度的百分比；當(dāng)所述組件無父組件時，所述組件的相對坐標(biāo)為所述組件左上角的絕對坐標(biāo)占屏幕寬高度的百分比；有父組件的組件的相對坐標(biāo)是相對父組件的坐標(biāo)體系的，該坐標(biāo)體系以父組件的左上角為坐標(biāo)原點，向左X增大，向下I增大；所述百分比組件參數(shù)中的相對寬高度指所述組件絕對寬高度相對于父組件或者屏幕絕對寬高度的百分比；所述組件屬性包括父組件名稱和子組件序列；所述父組件名稱記錄了所述組本文檔來自技高網(wǎng)...
【技術(shù)保護點】
一種圖片自適應(yīng)的方法，其特征在于，所述方法包括步驟：獲取UI數(shù)據(jù)包；解析所述UI數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息；根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。
【技術(shù)特征摘要】
1.一種圖片自適應(yīng)的方法，其特征在于，所述方法包括步驟 獲取Π數(shù)據(jù)包； 解析所述Π數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息； 根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片。2.根據(jù)權(quán)利要求I所述的圖片自適應(yīng)方法，其特征在于，所述步驟“獲取UI數(shù)據(jù)包”之前還包括步驟 根據(jù)UI設(shè)計需求定義組件的組件繪制信息和圖片的圖片繪制信息，并根據(jù)所述組件繪制信息和圖片繪制信息創(chuàng)建Π數(shù)據(jù)包。3.根據(jù)權(quán)利要求I所述的圖片自適應(yīng)方法，其特征在于，所述組件繪制信息包括組件的組件參數(shù)和組件屬性； 所述圖片繪制信息包括圖片的圖片錨點和圖片參數(shù)。4.根據(jù)權(quán)利要求3所述的圖片自適應(yīng)方法，其特征在于，所述組件參數(shù)為百分比組件參數(shù)，所述圖片參數(shù)為百分比圖片參數(shù)； 所述步驟“解析所述UI數(shù)據(jù)包獲取組件的組件繪制信息和圖片的圖片繪制信息”之后還包括步驟 將所述百分比組件參數(shù)轉(zhuǎn)換為像素值組件參數(shù)； 將所述百分比圖片參數(shù)轉(zhuǎn)換為像素值圖片參數(shù)。所述步驟“根據(jù)所述組件繪制信息和圖片繪制信息繪制所述圖片”具體為 根據(jù)所述像素值組件參數(shù)、組件屬性、圖片錨點和像素值圖片參數(shù)繪制所述圖片。5.根據(jù)權(quán)利要求4所述的圖片自適應(yīng)方法，其特征在于，所述像素值組件參數(shù)包括組件的絕對坐標(biāo)和絕對寬高度； 所述組件的絕對坐標(biāo)等于所述組件的相對坐標(biāo)乘以所述組件父組件的絕對寬高度再加父組件的絕對坐標(biāo)； 所述組件的絕對寬高度等于所述組件的相對寬高度乘以所述組件父組件的絕對寬高度。所述像素值圖片參數(shù)包括圖片的絕對坐標(biāo)和絕對寬高度； 所述圖片的絕對坐標(biāo)等于所述圖片的相對坐標(biāo)乘以所述圖片所屬組件的寬高度再加所述圖片所屬組件的絕對坐標(biāo)； 所述圖片的絕對寬高度等于所述圖片的相對寬高度乘以所述圖片所屬組件的寬高度； 所述圖片錨點指所述圖片相對于所述圖片所屬組件的位置。6.根據(jù)權(quán)利要求5所述的圖片自適應(yīng)方法，其特征在于，所述百分比組件參數(shù)或百分比圖片參數(shù)是根據(jù)UI設(shè)計需求、組件布局或圖片布局選取任一分辨率屏幕為參照物估算出的百分比組件參數(shù)或百分比圖片參數(shù)。7.根據(jù)權(quán)利要求6所述的圖片自適應(yīng)方法，其特征在于，所述百分比組件參數(shù)包括組件的相對坐標(biāo)和相對寬高度；所述百分比圖片參數(shù)包括圖片的相對坐標(biāo)和相對寬高度； 根據(jù)UI設(shè)計需求、組件布局和圖片布局選取任一分辨率屏幕為參照物估算出的百分比組件參數(shù)和百分比圖片參數(shù)，具體為 根據(jù)Π設(shè)計需求和組件布局選取任一分辨率屏幕為參照物估算組件的估算坐標(biāo)和估算寬高度； 根據(jù)Π設(shè)計需求和圖片布局選取任一...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：宋振華，李榮根，
申請(專利權(quán))人：深圳市融創(chuàng)天下科技股份有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。