[Android Pro] UI设计师不可不知的安卓屏幕知识

reference to : http://www.android100.org/html/201505/24/149342.html

很多设计师和工程师都被安卓设备纷繁的屏幕搞得晕头转向，我既作UI设计，也作一部分安卓界面布局，恰好对这块内容比较熟悉，也曾在公司内部作过相关的讲座，在此，我将此部分知识从新梳理出来分享给你们！
一、了解几个概念
（1）分辨率。分辨率就是手机屏幕的像素点数，通常描述成屏幕的“宽×高”，安卓手机屏幕常见的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在宽度方向有720个像素，在高度方向有1280个像素。
（2）屏幕大小。屏幕大小是手机对角线的物理尺寸，以英寸（inch）为单位。好比某某手机为“5寸大屏手机”，就是指对角线的尺寸，5寸×2.54厘米/寸=12.7厘米。
（3）密度（dpi，dots per inch；或PPI，pixels per inch）。从英文顾名思义，就是每英寸的像素点数，数值越高固然显 示越细腻。假如咱们知道一部手机的分辨率是1080×1920，屏幕大小是5英寸，你 可否算出此屏幕的密度呢？哈哈，中学的勾股定理派上用场啦！经过宽 1080和高1920，根据勾股定理，咱们得出对角线的像素数大约是2203，那么用 2203除以5就是此屏幕的密度了，计算结果是440。 440dpi的屏幕已经至关细腻了。



二、实际密度与系统密度
还没有发现他处使用“实际密度”和“系统密度”这两个词汇，暂时由我如此定义吧。
“实际密度”就是咱们本身算出来的密度，这个密度表明了屏幕真实的细腻程度，如上述例子中的440dpi就是实际密度，说明这块屏幕每寸有440个 像 素。5英寸1080×1920的屏幕密度是440，而相同分辨率的4.5英寸屏幕密度是490。如此看来，屏幕密度将会出现不少数值，呈现严重的碎 片 化。而密度又是安卓屏幕将界面进行缩放显示的依据，那么安卓是如何适配这么多屏幕的呢？
其实，每部安卓手机屏幕都有一个初始的固定密度，这些数值是120、160、240、320、480，咱们权且称为“系统密度”。你们发现规律没 有？相 隔数值之间是2倍的关系。通常状况下，240×320的屏幕是低密度120dpi，即ldpi；320×480的屏幕是中密度160dpi， 即 mdpi；480×800的屏幕是高密度240dpi，即hdpi；720×1280的屏幕是超高密度320dpi，即 xhdpi；1080×1920的 屏幕是超超高密度480dpi，即xxhdpi。
安卓对界面元素进行缩放的比例依据正是系统密度，而不是实际密度。
 
 
 
三、一个重要的单位dp
dp也可写为dip，即density-independent pixel。你能够想象dp更相似一个物理尺寸，好比一张宽和高均为100dp的图片在 320×480和480×800的手机上“看起来”同样大。而实际 上，它们的像素值并不同。dp正是这样一个尺寸，无论这个屏幕的密度是多少，屏幕上 相同dp大小的元素看起来始终差很少大。
另外，文字尺寸使用sp，即scale-independentpixel的缩写，这样，当你在系统设置里调节字号大小时，应用中的文字也会随之变大变小。
 
 
四、dp与px的转换
在安卓中，系统密度为160dpi的中密度手机屏幕为基准屏幕，即320×480的手机屏幕。在这个屏幕中，1dp=1px。
100dp在320×480（mdpi，160dpi）中是100px。那么100dp在480×800（hdpi，240dpi）的手机上是多少 px 呢？咱们知道100dp在两个手机上看起来差很少大，根据160与240的比例关系，咱们能够知道，在480×800中，100dp实际覆盖 了 150px。所以，若是你为mdpi手机提供了一张100px的图片，这张图片在hdpi手机上就会拉伸至150px，可是他们都是100dp。
中密度和高密度的缩放比例彷佛能够不经过160dpi和240dpi计算，而经过320px和480px也能够算出。可是按照宽度计算缩放比例不适 用于 超高密度xhdpi和超超高密度xxhdpi了。即720×1280中1dp是多少px呢？若是用720/320，你会得出1dp=2.25px，实 际 这样算出来是不对的。dp与px的换算要以系统密度为准，720×1280的系统密度为320，320×480的系统密度 为 160，320/160=2，那么在720×1280中，1dp=2px。同理，在1080×1920中，1dp=3px。
你们能够记住下面这个比例，dp与px的换算就十分easy啦！
ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12，咱们发现，相隔数字之间仍是2倍的关系。计算的时候，以mdpi 为基 准。好比在720×1280（xhdpi）中，1dp等于多少px呢？mdpi是4，xhdpi是8，2倍的关系，即1dp=2px。反着计算更重 要， 好比你用PhotoShop在720×1280的画布中制做了界面效果图，两个元素的间距是20px，那要标注多少dp呢？2倍的关系，那就 是 10dp！
 
 
 
当安卓系统字号设为“普通”时，sp与px的尺寸换算和dp与px是同样的。好比某个文字大小在720×1280的PS画布中是24px，那么告诉工程师，这个文字大小是12sp。
 
五、建议在xdhpi中做图
安卓手机有这么多屏幕，我到底依据哪一种屏幕做图呢？没有必要为不一样密度的手机都提供一套素材，大部分状况下，一套就够了。
如今手机比较高的分辨率是1080×1920，你能够选择这个尺寸做图，可是图片素材将会增大应用安装包的大小。而且尺寸越大的图片占用的内存也就 越 高。若是你不是设计ROM，而是作一款应用，我建议你们用PS在720×1280的画布中做图。这个尺寸兼顾了美观性、经济性和计算的简单。美观性 是 指，以这个尺寸作出来的应用，在720×1280中显示完美，在1080×1920中看起来也比较清晰；经济性是指，这个分辨率下导出的图片尺寸适 中，内 存消耗不会太高，而且图片文件大小适中，安装包也不会过大；计算的简单，就是1dp=2px啊，多好计算啊！
作出来的图片，记着让界面工程师放进drawable-xhdpi的资源文件夹中。
 
六、屏幕的宽高差别
在720×1280中做图，要考虑向下兼容不一样的屏幕。经过计算咱们能够知道，320×480和480×800的屏幕宽度都是320dp， 而 720×1280和1080×1920的屏幕宽度都是360dp。它们之间有40dp的差距，这40dp在设计中影响仍是很大的。以下图蝴蝶图片距离 屏幕 的左右边距在320dp宽的屏幕和360dp宽的屏幕中就不同。
 
 
 
不只宽度上有差别，高度上的差别更加明显。对于天气等工具类应用，因为界面通常是独占式的，更要考虑屏幕之间的比例差别。
 
 
 
若是想消除这些比例差别，能够经过添加布局文件来实现。通常状况下，布局文件放在layout文件夹中，若是要单独对360dp的屏幕进行调整，你 能够 单作作一个布局文件放在layout-w360dp中；若是你想对某个特殊的分辨率进行调整，那么你能够将布局文件放在标有分辨率的文件夹中， 如 layout-854×480。
 
七、几个资源的文件夹
在720×1280中作了图片，要让开发人员放到drawable-xhdpi的资源文件夹中，这样才能够显示正确。我的认为仅提供一套素材就能够 了， 能够测试一下应用在低端手机上运行是否流畅，若是比较卡顿，能够根据须要提供部分mdpi的图片素材，由于xhdpi中的图片运行在mdpi的手机上 会 比较占内存。
以应用图标为例，xhdpi中的图标大小是96px，若是要单独给mdpi提供图标，那么这个图标大小是48px，放到drawable-mdpi 的资 源文件夹中。各个资源文件夹中的图片尺寸一样符合ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12的规律。
 
 
若是你把一个高2px的分割线素材作成了9.png图片，你想让细线在不一样密度中都是2px，而不被安卓根据密度进行缩放，怎么办？你能够把这个分 割线 素材放到drawable-nodpi中，这个资源文件夹中的图片，将按照实际像素大小进行显示，而不会被安卓根据密度进行缩放。即在mdpi中细线 是 2px（2dp），在xhdpi中细线是2px（1dp）。
 
以上是对安卓屏幕的初步总结，不知道你看完后是豁然开朗，仍是一头雾水？这篇文章主要为了实用起见，避开了过多深刻的分析，若是你还有什么疑问，能够留言。