iT邦幫忙

DAY 6
0

Android APP設計風格系列 第 6

老師,數學不好可以換算px跟dp嗎?

  • 分享至 

  • xImage
  •  

今天是星期日

整整有一整天的時間可以發鐵人文

喔耶!!(高興什麼啊?阿宅)

每次套版拿到網頁畫出來的圖跟icon真的很....

像這樣,給我再多詳細資訊我也只能用猜的,把東西大概放到那個位置

然後設定dp,把畫面搞得很像 yes!!

搞定這麼不成熟的作法,原來是因為我完全不了解dp,px之間的關係

==================努力Google的分隔線=======================

Android依照DPI將行動裝置分成5種

使用Android studio開發,一開始會先產生四個放圖片的資料夾

drawable-mdpi;drawable-hdpi;drawable-xhdpi;drawable-xxhdpi

系統會根據裝置的解析度自動判斷要顯示哪個資料夾內的圖檔

(疑?官網多了XXXHDPI?現在手機解析度真的越來越高了...)

160DPI的裝置下,1dp = 1px;240DPI的裝置下,1dp = 1.5px ...

以此類推,640DPI的裝置下,1dp = 4px

公式如下:px = dp * (DPI/160)

所以以上述的例子來看,以上畫面是設計在Sony Xperia Z2 Tablet SGP512的顯示方式

z2的為HDPI裝置,因此圖檔要放在drawable-hdpi

HDPI裝置以240DPI為例1dp = 1.5px

因此我必須把上述的長度除以1.5 轉換成下列

BUT.......

(人生最討厭的就是這個But....)

這好難喔......下回待續


上一篇
高矮胖瘦,一次搞定!
下一篇
神奇48dp
系列文
Android APP設計風格30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言