为 DP 设计布局

什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?

什么是dp、dip、dpi、sp、px?他们之间的关系是什么?

什么是mdpi、hdpi、xdpi、xxdpi?如何计算和区分?

题图中的每一个矩形都代表着一种Android设备。Android系统碎片化问题的严重性,让我们不得不面对屏幕适配的问题。

屏幕尺寸:

屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。

比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。

屏幕分辨率:

屏幕分辨率是指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素,如1960*1080。

屏幕像素密度:

屏幕像素密度是指每英寸上的像素点数,单位是dpi,即“dot per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。

dp、dip、dpi、sp、px:

px我们应该是比较熟悉的,前面的分辨率就是用的像素为单位,大多数情况下,比如UI设计、Android原生API都会以px作为统一的计量单位,像是获取屏幕宽高等。

dip和dp是一个意思,都是Density Independent Pixels的缩写,即密度无关像素,上面我们说过,dpi是屏幕像素密度,假如一英寸里面有160个像素,这个屏幕的像素密度就是160dpi,那么在这种情况下,dp和px如何换算呢?

在Android中,规定以160dpi为基准,1dip=1px,如果密度是320dpi,则1dip=2px,以此类推。

假如同样都是画一条320px的线,在480*800分辨率手机上显示为2/3屏幕宽度,在320*480的手机上则占满了全屏,如果使用dp为单位,在这两种分辨率下,160dp都显示为屏幕一半的长度。这也是为什么在Android开发中,写布局的时候要尽量使用dp而不是px的原因。

sp,即scale-independent pixels,与dp类似,但是可以根据文字大小首选项进行放缩,是设置字体大小的御用单位。

mdpi、hdpi、xdpi、xxdpi:

mdpi、hdpi、xdpi、xxdpi用来修饰Android中的drawable文件夹及values文件夹,用来区分不同像素密度下的图片和dimen值。其实之前还有个ldpi,但是随着移动设备配置的不断升级,这个像素密度的设备已经很罕见了,所在现在适配时不需考虑。

常见手机屏幕像素及对应分别率级别:

ldpi 320*240

mdpi 480*320

hdpi 800*480

xhdpi 1280*720

xxhdpi 1920*1080

dp 和 px 之间的简单换算关系:

ldpi 的手机 1dp=0.75px

mdpi 的手机 1dp=1.0px

hdpi 的手机 1dp=1.5px

xhdpi 的手机 1dp=2.0px

xxhdpi 的手机 1dp=3.0px

因此同样的各个资源文件夹中的图片尺寸同样符合ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12的规律。

原文发布于微信公众号 - 程序员阿凯(AKBC159)

原文发表时间:2016-01-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏FreeBuf

如何从新闻中识别骗子们的小套路

电信诈骗猖獗盛行,成为国家的重点打击对象,但是我们身边亲朋好友被骗的悲剧还在屡屡发生。小作者思考也许我们可以从新闻中提取电信诈骗的特征信息,为家里的长辈亲人提个...

17410
来自专栏数据小魔方

送你两款炫酷到没朋友的神奇字体~

今天给大家介绍两款字体,这两款字体是一个喜欢设计的大神学长开发的,专门用作mini图表字体。 而且只要是支持字体显示的设备,几乎都可以用,当然Excel里面也可...

3454
来自专栏MixLab科技+设计实验室

DIY一个人工智能设计师_v0.0.1

本文包含了两个系列的内容: 《设计师会编程,程序员懂艺术》 《写给设计师的人工智能指南》 在这里给设计师介绍人工智能在设计领域的应用,也亲手实现了一个融合设计、...

3646
来自专栏宏伦工作室

豆瓣电影数据分析和可视化

2087
来自专栏量子位

Keras官方中文版文档来了~

? 发布三年之后,Keras终于有了官方中文版文档。 今年1月,Keras作者、谷歌AI研究员François Chollet在推特上发出召唤:讲中文的Ker...

2975
来自专栏我和未来有约会

Silverlight 4 中摄像头的运用—part1

入的视频 摄像头经过一个Video对象就能让你看到视频,而这个对象是一个显示对象,所以显示对象能做得事情,它都能做,比如滤镜,变形,混合模式等等。当然最强大的还...

17010
来自专栏数据小魔方

图表不仅要看外表,而且要看气质

今天要跟大家聊聊另一款创意图表的新玩儿法——创意百分比图表 ▽ 在这个看脸的社会里 评价一个人不仅要看气质 而且还要看外表 人类尚且如此 图表也应如此 今天的...

2745
来自专栏数据小魔方

图表美化教程|图案与形状填充

今天跟大家分享简单的信息图制作方法——形状/图案填充法。 ▽▼▽ 今天教大家简单的图表形状填充。 ●●●●● 首先是一个已经做好的柱形图。 ? 每天都看着这样的...

2746
来自专栏数据小魔方

图表制作理念——最大化信息墨水比

昨天给大家简单介绍了排版四原则。 今天趁热打铁,跟大家聊一聊图表制作中那些如圣经般的金言。 著名的世界级视觉设计大师——爱德华·塔夫特曾在其经典著作《The V...

2627
来自专栏phodal

如何为技术博客设计一个推荐系统(中):基于 Google 搜索的半自动推荐

与统计学相比,基于内容来向用户推荐相似的内容,往往更容易获得。对于推荐来说,则有两种方式: 手动推荐 自动推荐 (PS:我承认,这句话说了等于没说。) 如下图所...

2086

扫码关注云+社区