欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android屏幕适配-基础篇

程序员文章站 2022-06-07 18:54:15
...

重要概念

什么是屏幕尺寸、屏幕分辨率(px)、屏幕像素密度(dpi)?
什么是dp、dip、sp?dp与px的转换?

在下面的内容中我们将介绍这些概念。

一、什么是屏幕尺寸、屏幕分辨率(px)、屏幕像素密度(dpi)以及三者关系?

1、屏幕尺寸

含义:手机对角线的物理尺寸
单位:英寸(inch),1英寸=2.54cm
Android手机常见的尺寸有5寸、5.5寸、6寸等等
 

2、屏幕分辨率(px)

含义:手机在横向、纵向上的像素点数总和,一般描述成屏幕的"宽x高”=AxB
单位:px(pixel),1px=1像素点
UI设计师的设计图会以px作为统一的计量单位
Android手机常见的分辨率:320x480、480x800、720x1280、1080x1920、2560x1440


3、屏幕像素密度(dpi)

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

 

4、三者关系

一部手机的分辨率是宽x高,屏幕大小是以寸为单位,那么三者的关系是:

Android屏幕适配-基础篇

 

例如:假设一部手机的分辨率是1080x1920(px),屏幕大小是5寸,问该手机的像素密度是多少

Android屏幕适配-基础篇

 

二、什么是dp、dip、sp?dp与px的转换?

1、密度无关像素(dp、dpi)

含义:density-independent pixel,叫dp或dip,与终端上的实际物理像素点无关。Android开发时用dp而不是px单位设置控件大小,是Android特有的单位
单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果

场景:假如同样都是画一条长度是屏幕一半的线,如果使用px作为计量单位,那么在480x800分辨率手机上设置应为240px;在320x480的手机上应设置为160px,二者设置就不同了;如果使用dp为单位,在这两种分辨率下,160dp都显示为屏幕一半的长度。

 

2、独立比例像素(sp)

含义:scale-independent pixel,叫sp或sip
单位:sp

Android开发时用此单位设置文字大小,可根据字体大小首选项进行缩放
推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题;小于12sp的字体会太小导致用户看不清

 

3、dp与px的转换

android中的dp在渲染前会将dp转为px,计算公式:
  density = dpi / 160;
  px = density * dp;
  px = dp * (dpi / 160);
  dp=px / (dpi / 160)
而dpi是根据屏幕真实的分辨率和尺寸来计算的,每个设备都可能不一样的。

因为ui设计师给你的设计图是以px为单位的,Android开发则是使用dp作为单位的,那么我们需要进行转换:

 

密度类型

代表的分辨率(px)

屏幕密度(dpi)

换算(px/dp)

密度(density)

低密度(ldpi) 240x320 120 1dp=0.75px 0.75
中密度(mdpi) 320x480 160 1dp=1px 1
高密度(hdpi) 480x800 240 1dp=1.5px 1.5
超高密度(xhdpi) 720x1280 320 1dp=2px 2
超超高密度(xxhdpi) 1080x1920 480 1dp=3px 3
超超超高密度(xxxhdpi) 3840*2160 640 1dp=4px 4

在Android中,规定以160dpi(即屏幕分辨率为320x480)为基准:1dp=1px,比如设计图是以720x1280 dpi:320为基准,某控件标注宽为500px,那么我们在xml文件中设置该控件的宽时,应设置为:500/(320/160) = 250dp。

 

三、关于ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi

比如设计图是以720x1280px,dpi:320为基准,标注的某图片大小为200*200px,那么应获取如下大小的图片(如获取最好的显示效果,所有的尺寸都需要获取):

Android手机屏幕标准

对应图片尺寸标准

xxxhdpi 3840*2160 400*400
xxhdpi 1920*1080 300*300
xhdpi 1280*720 200*200(设计图基准)
hdpi 480*800 150*150
mdpi 480*320 100*100



 

原文出处:https://www.jianshu.com/p/fa65a27141eb