UI设计师不可不知的安卓屏幕知识.pdf

UI设计师不可不知的安卓屏幕知识 不少设计师和工程师都被安卓设备纷繁的屏幕搞得晕头转向，我既做UI设计，也做一部分 安卓界面布局，刚好对这块内容比较熟悉，也曾在公司内部做过相关的讲座，在此，我将此 部分知识重新梳理出来分享给大家！ 1、了解几个概念 （1）分辨率。分辨率就是手机屏幕的像素点数，一般描述成屏幕的“宽×高”，安卓手机 屏幕常见的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在宽 度方向有720个像素，在高度方向有1280个像素。 （2）屏幕大小。屏幕大小是手机对角线的物理尺寸，以英寸（inch）为单位。比如某某手 机为“5寸大屏手机”，就是指对角线的尺寸，5寸×2.54厘米/寸=12.7厘米。 （3）密度（dpi，dotsperinch；或PPI，pixelsperinch）。从英文顾名思义，就是每英 寸的像素点数，数值越高当然显示越细腻。假如我们知道一部手机的分辨率是1080×1920， 屏幕大小是5英寸，你能否算出此屏幕的密度呢？哈哈，中学的勾股定理派上用场啦！通过 宽1080和高1920，根据勾股定理，我们得出对角线的像素数大约是2203，那么用2203除 以5就是此屏幕的密度了，计算结果是440。440dpi的屏幕已经相当细腻了。 2、实际密度与系统密度 尚未发现他处使用“实际密度”和“系统密度”这两个词汇，暂时由我如此定义吧。 “实际密度”就是我们自己算出来的密度，这个密度代表了屏幕真实的细腻程度，如上述例 子中的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。 安卓对界面元素进行缩放的比例依据正是系统密度，而不是实际密度。 3、一个重要的单位dp dp也可写为dip，即density-independentpixel。你可以想象dp更类似一个物理尺寸， 比如一张宽和高均为100dp的图片在320×480和480×800的手机上“看起来”一样大。而 实际上，它们的像素值并不一样。dp正是这样一个尺寸，不管这个屏幕的密度是多少，屏 幕上相同dp大小的元素看起来始终差不多大。 另外，文字尺寸使用sp，即scale-independentpixel的缩写，这样，当你在系统设置里调 节字号大小时，应用中的文字也会随之变大变小。 4、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，我们发现，相隔数字之间还是