Re: [閒聊] 排版的方式

作者: dementia (早安競女賽尻認同請分享)   2014-06-19 17:44:59
你好像把xxhdpi、xhdpi...當成"四種尺寸"囉
不對吧...
以下小弟憑自己有限的知識回答一下
有錯請高手指正
首先是螢幕長寬比
這個部分小弟不客氣地講
你們的設計師應該要有以下的概念喔
其實只要稍微調查一下就會曉得
手機部分
長寬比大約落在3:5 ~ 9:16之間
如果扣掉電量顯示的話螢幕會再小一點點喔
平板部分
長寬比以8:5 (解析度1920*1200) 最多
不過還是有4:3的
(還有一些奇妙的老舊規格就別理他們了...)
知道這些之後
設計師要決定哪些元件和間距要隨螢幕尺寸縮放
又哪些地方做彈性的留白
有底圖的話當然就是在繪圖時設好"出血"
(別告訴我你們的設計師不懂什麼叫出血 XD )
才能保證在不同尺寸螢幕上的顯示效果是相同的
然後我們回到你所謂的"四種尺寸"
這其實不是尺寸喔
"dpi"是dots per inch
說的是畫質細緻的程度喔
基本上你們的美工需要把圖片等比例縮放四種尺寸
比例為4:6:8:12
讓工程師把這些圖丟進layout
所以接下來就是你這位工程師的事囉
以下是常用的一些排版方法
元件置中
 將元件用RelativeLayout包起來,再設置中
元件填滿空白
 方法1:將元件用LinearLayout包起來,再設weight
 方法2:將元件長(寬)設為wrap_content
     再將上下(左右)對齊其他元件
圖片填滿元件
 在ImageView設定scaleType為centerCrop或centerInside
 兩者都是把圖等比例縮放後填滿元件
 不同在於一個對齊元件內側、一個對齊外側
 效果你可以試看看
以上希望對你們的新app開發有點幫助
如果還有問題
歡迎寄信給我喔 dementia9080@gmail.com
作者: redok (火焰)   2014-06-19 19:26:00
喔喔喔
作者: tga123 (叛帝)   2014-06-20 09:56:00
哦哦喔啊哦哦專業文啊!!!專業鄉民。我想請教說,如果我Genymotion上開SONY某手機測跟實機相較之下元件的位置會不同嗎??

Links booklink

Contact Us: admin [ a t ] ucptt.com