之前講解的方式似乎沒有附圖表達不太清楚
今天拉了一張圖來講解http://ppt.cc/ju-r
目的:介面會跟UI設計的近似相同,即便在不同解析度不同尺寸下也是相同的背景
UI在排版的時候只要有變動可以很準確的更換
(方法一)
每個元件都傭有一個對應的Imageview來做元件圖
Imageview的圖的設置為:http://pastebin.com/EW56VLGm
也就是說在不同螢幕大小看到的元件大小都會等比例縮放
再來就是元件的部分則是用透明的背景
然後在人工去定義元件大小之後再使用
marginLeft 或 marginTop來進行對齊...
之後再使用Style搭配不同解析度hdpi..xhdpi去做等比例調整就可以了..
昨天實做的時候發現..就算相同解析度...但是會因為螢幕尺寸受到影響(?)
導致元件對不齊...
(我原本在4.65 Galaxy nexus排版好在預覽layout切換至4.7 WXGA 就會發現這個問題)
(剛剛看一下又似乎跟下方的三個控件有關???)
(方法二)
http://pastebin.com/5KrQ4KuL
我改用權重的方式去設定...也就是利用LinearLayout去排版...
而且每個元件都用獨一的RelativeLayout層
好處:就是不用去設Style在不同解析度下透明元件的大小都會等比例相同
在不同的解析度還是不同的尺寸都不用再做更動...
壞處:layout_weight是使用人工微調..不知道怎麼去算...
現在在測試(方法三)
UI使用我螢幕的解析度拉好介面之後給我每個元件的四角座標..
然後我利用這個座標再程式內算好
假如這個元件的座標剛好等於我解析度高的四分之一
那也就是說在每個裝置上剛好都是四分支一的位置....
尺寸也是相同的做法...
http://pastebin.com/mmS12zfa
個人覺得第二種做法就已經很好了
但是UI覺得這種方式維護不就每次都要人工重新排版,不夠邏輯化
改介面改了兩個禮拜了...
android的介面設計起來真的超麻煩..