Re: [閒聊] 排版的方式

[dementia (妖精尾巴魔導士)]

你好像把xxhdpi、xhdpi...當成"四種尺寸"囉
不對吧...
以下小弟憑自己有限的知識回答一下
有錯請高手指正

首先是螢幕長寬比
這個部分小弟不客氣地講
你們的設計師應該要有以下的概念喔
其實只要稍微調查一下就會曉得
手機部分
長寬比大約落在3:5 ~ 9:16之間
如果扣掉電量顯示的話螢幕會再小一點點喔
平板部分
長寬比以8:5 (解析度1920*1200) 最多
不過還是有4:3的
(還有一些奇妙的老舊規格就別理他們了...)
知道這些之後
設計師要決定哪些元件和間距要隨螢幕尺寸縮放
又哪些地方做彈性的留白
有底圖的話當然就是在繪圖時設好"出血"
(別告訴我你們的設計師不懂什麼叫出血 XD )
才能保證在不同尺寸螢幕上的顯示效果是相同的

然後我們回到你所謂的"四種尺寸"
這其實不是尺寸喔
"dpi"是dots per inch
說的是畫質細緻的程度喔
基本上你們的美工需要把圖片等比例縮放四種尺寸
比例為4:6:8:12
讓工程師把這些圖丟進layout
所以接下來就是你這位工程師的事囉

以下是常用的一些排版方法
元件置中
　將元件用RelativeLayout包起來，再設置中
元件填滿空白
　方法１：將元件用LinearLayout包起來，再設weight
　方法２：將元件長(寬)設為wrap_content
　　　　　再將上下(左右)對齊其他元件
圖片填滿元件
　在ImageView設定scaleType為centerCrop或centerInside
　兩者都是把圖等比例縮放後填滿元件
　不同在於一個對齊元件內側、一個對齊外側
　效果你可以試看看

以上希望對你們的新app開發有點幫助
如果還有問題
歡迎寄信給我喔 [e-mail]

--
 上帝又命令... [照著自己的形象造人]              ◢  ˇ  ◥   三   西西   位
                                                 ▃▃▃▃▃   發發發中白白白
 四組面子加一組雀頭... 依照神的形象創造的生物    ◣　　　◤         中
                                      也就是人類◥▂)  (▂◤  一  ∕中﹨  體
                    讓他們支配一切...              ╭∪╮         鳥鳥鳥
 http://thisblogexist.pixnet.net/blog 這是第六天 ◥│︹│◢   大∕∕三﹨﹨元

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.245.65.198
※ 文章網址: http://www.ptt.cc/bbs/AndroidDev/M.1403171120.A.FD5.html
推 redok:喔喔喔
推 tga123:哦哦喔啊哦哦專業文啊！！！
→ tga123:專業鄉民。我想請教說，如果我Genymotion上開SONY某手機測
→ tga123:跟實機相較之下元件的位置會不同嗎？？
小弟還在用BlueStacks
不知道是不是小弟的筆電太舊
Genymotion開了狂當機... (就可憐捏...)

基本上我要說一個觀念
"模擬器就是模擬器，不是手機"
因此如果模擬器上呈現的效果與實機不同
在所難免
別說什麼跑版的問題了
有時候一些widget根本不支援
這時候你要相信模擬器而去改你的程式嗎？
千萬別這麼做
你只要多找兩支手機實測一下就行了
模擬器是很方便
但我建議在開發時手機還是要在一旁待命
※ 編輯: dementia (60.245.65.142), 06/20/2014 22:02:25