1. 程式人生 > >關於android圖示美工設計尺寸與處理方法

關於android圖示美工設計尺寸與處理方法

最近兩個專案都找了美工做的圖示,關於尺寸方面,由於美工都是按px畫素來設計,而我們程式裡一般都使用dp來使影象有更好的適應,所以為了統一標準也琢磨了挺久,為了防止以後忘了再研究(已經忘了一次了),特此記錄。

我們的美工圖示設計是按1080P設計的,1920*1080
比如其中一個圖示大小是100px*100px,
那麼放程式裡我應該怎麼設定才能完美還原美工設計呢

主要是通過不同的drawable資料夾,
drawable-mdpi
drawable-hdpi
drawable-xhdpi 720P
drawable-xxhdpi 1080P
drawable-xxxhdpi,
每個資料夾對應不同的解析度,比如如果使用的手機是1080P的,那麼就會自動到drawable-xxhdpi中取圖片。所以我們應該把設計師設計的1080P的圖示放到 drawable-xxhdpi資料夾中。
那麼如果我使用的手機是720P的話會怎麼樣?
出處找不到了,看到一篇文章說,在這種情況下,假如xhdpi中沒有所需圖片,則會到xxhdpi中取出對應的圖片並自動進行縮放。反正經過測試是可行的。

一般美工會為我們標註尺寸,比如兩個控制元件之間距離24px,我們要轉為dp的話,有如下公式:

PPI = Pixels per inch,每英寸上的畫素數,即 “畫素密度”

xxhdpi: 3.0
xhdpi: 2.0
hdpi: 1.5
mdpi: 1.0 (baseline)
ldpi: 0.75

1dp*畫素密度/160 = 實際畫素數

那麼也就是說,美工按1080P設計,標註為24px的時候,我們在程式中設為8dp即可。

對於sp,道理上應該與dp類似,但是在實際使用時,美工標註48px的標題,使用24sp大小比較合適,16sp則過小,所以這裡保持疑惑。

最終效果可以考慮根據實際顯示效果來修改。