Android屏幕适应详解(一)
一、關于布局適配
1、不要使用絕對布局
2、盡量使用match_parent 而不是fill_parent 。
3、能夠使用權重的地方盡量使用權重(android:layout_weight)
4、如果是純色背景,盡量使用android的shape 自定義。
5、如果需要在特定分辨率下適配,可以在res目錄上新建layout-HxW.xml的文件夾。比如要適配1080*1800的屏幕(魅族MX3采用此分辨率)則新建layout-1800x1080.xml的文件夾,然后在下面定義布局。Android系統會優先查找分辨率相同的布局,如果不存在則換使用默認的layout下的布局。
二、關于圖片制作
1、關于設計:
設計圖先定下一個要設計的尺寸,而且盡量采用在目前最流行的屏幕尺寸(比如目前占屏幕比重比較多的是480系列,也即是480*800或者400*854,下面的圖標制作也在次基礎上進行比例的換算)上設計。
先了解一下屏幕的級別:
說明:
屏幕級別:
注意屏幕級別是按照密度分級,和像素沒有關系。如果非要讓密度和像素扯上關系,則需要一個參照系,android使用mdpi級別作為標準參照屏幕,也就是說在320*480分辨率的手機上一個密度可以容納一個像素。然后其他密度級別則在此基礎上進行對比。如果理想情況下,480*800的屏幕一個密度可以容納1.5個像素。
物理大小:
單位是英寸而不是像素,也就說一個英寸在任何分辨率下顯示的大小都是一樣的,但是像素在密度不同的手機里面顯示的實際的大小是不一樣的(這就是為什么android手機需要適配的原因)。
然后就是重點。
假設1像素在160密度下顯示1英寸,則1像素在240密度基礎上顯示大約0.67英寸,在320密度下顯示0.5英寸。于是就出現一種情況,在電腦上的一個像素,在不同的手機上看實際的大小不一樣。那么怎么讓“設計效果”在不同的手機上看起來顯示的區域一樣呢?
還是假設一個像素在160密度下的顯示在一個密度內,也假設就是一英寸。那么需要幾個像素才能在240密度級別下顯示在一英寸范圍內呢?答案是1.5個像素(根據上圖的比率換算)。
了解了這個關系,接下來就是圖標的制作。
2、關于切圖。
關于切圖有幾個建議:
第一,長寬最好是3的倍數(根據android的推薦logo圖標的大小是48(mdpi),72(hdpi),96(xhdpi)得出的最小公約數)。
第二,長寬最好是偶數。因為奇數在進行等比壓縮的時候可能有問題。
第三,根據上面兩條,如果長寬是6的倍數最理想。
第四,如果可以拉伸而不改變設計意圖的情況下,比如純色背景,則使用android的9path工具制作成.9的圖片。
?
3、關于圖標的適配。
然后接下來的一切就和設計稿沒什么關系。在切好圖的基礎上,根據屏幕密度、像素和實際大小的比例關系。假如設計司在480*800的分辨率下做好了設計圖,并且切好圖,如果你需要適配720*1280屏幕,該怎么做?根據比例,他們的關系是2:3,于是你需要按照1.5倍比例制作圖標,比如你在480*800的設計稿上切下來一個20*20像素的圖,那么你就需要制作一個等比放大成30*30像素的圖標,這樣同一個圖標在480*800的屏幕和720*1280的屏幕上顯示的實際大小才一樣。同理,如果你需要適配xxhdpi則需要在20*20的基礎上制作一個等比放大成40*40像素的圖標。
?
4、關于圖標的目錄,480*800切下來的圖我們放在drawable-hdpi目錄下,按照2:3放大的圖標放在drawable-xhdpi目錄下,按照2倍放大的圖標放在drawable-xxhdpi目錄下。
android會根據手機的密度優先查找對應的目錄的資源,
比如408*800分辨率下的手機如果密度是160,則自動加載drawable-hdpi這個目錄下的圖標,
如果720*1280密度是240的手機自動加載drawable-xhdpi這個目錄下的圖標。如果沒有這個文件夾,則查找和240最接近的對應密度文件夾。
三、其它
接下來要說的估計會讓你失望,根據上面的步驟也不能完全解決適配的問題,只能是大概適配,而就算根據上面的步驟大概適配了,實際在手機上的效果也有出入。
比如魅族MX3的分辨率是1080*1800,標準情況下密度是480,但是他的密度大約是524,和480接近,也就是會查找drawable-xxhdpi這個資源下的文件。也就是說你在480*800分辨率下切圖然后按兩倍放大的圖標在這臺手機上顯示的效果還是比實際的小。
而另一個要說的問題是540*960或者640*960,他們的密度很可能是或者接近240也可能是320。于是在480*800的設計稿上切下來的圖并且進行的適配制作,在這些手機上顯示的實際大小也可能或大或小。
轉載于:https://www.cnblogs.com/sage-blog/p/4026646.html
總結
以上是生活随笔為你收集整理的Android屏幕适应详解(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: scrollview背景
- 下一篇: Android ----制作自己的Ven