iT邦幫忙

DAY 7
0

Android APP設計風格系列 第 7

神奇48dp

發鐵人賽跟寫自己的部落格心態完全不一樣

寫部落格時因為是自己的筆記

所以只要自己看得懂能用就好

就算寫錯了也沒有太大的罪惡感

反正網路資訊那麼多,不見得會看到我的,就算看到我的錯了也有其他正確的答案

但寫鐵人賽就有一種不能亂唬爛的使用感....

雖然我希望趕快結束dp這個話題

但因為這牽扯到設計師與工程師的溝通方式

之前對此真的令我很頭大

所以大概還會再dp跟px中間搞個一陣子

所以後面有些東西先提一下

Android建議每個需要觸碰的元件為48dp (ex:Button,Text)

因為48dp轉換下來大概為7~10mm,適合手指使用(肥一點的好像就凸出去了@@?)

而每個列之間的空白大概8dp

進入正題

昨天說到Sony Z2是屬於hdpi裝置

是怎麼知道的呢?公式如下

從手機王得知Z2解析度為1,920 x 1,200;尺寸為10.1吋

DPI(dots per inch) = 每一英吋點數量

10.1吋為對角線長度

長1920寬1200代入,使用畢氏定裡可以算出對角線點數量大概是 2264.1554

10.1吋大概有 2264.1554個點,所以再除以10.1 便可得出 224.17 DPI

~160DPI 為MDPI, ~ 240DPI 為HDPI

故得證!!

好吧!其實我昨天也不是用算的

是靠這個網站:https://www.sven.de/dpi/

(還有一個網站把很多手機跟平板的DPI都列出來了,但我現在找不到了)

套上昨天的公式 px = dp * (DPI/160)

224/160 = 1.4 所以應該除以1.4才對!!!! 而非1.5

使用昨天個公式換算後再Z2呈現結果如下

搬到S3看看變成下面這樣

怎麼搞的?!!比例不一樣啊!!!!!

沒有高矮胖瘦一次搞定

What The Good Idea....

(待續....)

ps.竟然不能選取多行文字一起變色,害我更新好多次...


上一篇
老師,數學不好可以換算px跟dp嗎?
下一篇
誰是市場寵兒?
系列文
Android APP設計風格30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
kisskie
iT邦新手 5 級 ‧ 2014-09-30 23:58:01

如果你的 Sony Z2 是指 SONY Xperia Z2,那應該是5.2吋喔 XXHDPI

0
superpucy
iT邦新手 3 級 ‧ 2014-10-31 00:20:25

樓上謝謝,但我的是平板 沒說明清楚

我要留言

立即登入留言