屏幕适配,px和dp, sp换算公式

26 篇文章 1 订阅

换算公式:

ppi = (长度像素数² + 宽度像素数²) / 屏幕对角线英寸数

px = dp*ppi/160
dp = px / (ppi / 160)

sp = px / (ppi / 160)


需要熟悉px,dp和sp这些换算公式以及做屏幕适配,我们要需要清楚以下几个概念:

    px: 是英文单词pixel的缩写,意为像素,屏幕上的点。我们通常所说的分辨率如480X800就是指的像素。在设计领域中,像素是用来计算数码影像的最小单位。计算机中显示的图像并非连续的线条组成,而是由许多肉眼看不见的小点组成。如果把影像放大数倍,会发现这些连续色调其实是由许多色彩相近的小点所组成,这些小点就是构成影像的最小单位“像素”。由于是最小的独立显示单位,px均为整数,不会出现0.5px的情况。

    dp: 也即dip,设备独立像素(虚拟像素),device independent pixels的缩写,在不同的像素密度的设备上会自动适配,是Android特有的单位,比如:

    在320x480分辨率,像素密度为160,1dp=1px
     在480x800分辨率,像素密度为240,1dp=1.5px
     计算公式:1dp*像素密度/160 = 实际像素数 

    sp: 和dp很类似,一般用来设置字体大小,和dp的区别是它可以根据字体大小偏好进行缩放。

    dpi:  是Dots Per Inch的缩写,每英寸点数,即每英寸包含像素个数。比如320X480分辨率的手机,宽2英寸,高3英寸,每英寸包含的像素点的数量为320/2=160dpi(横向)或480/3=160dpi(纵向),160就是这部手机的dpi,横向和纵向的这个值都是相同的,原因是大部分手机屏幕使用正方形的像素点。

    ppi(density):是Pixels per inch缩写,每英寸所拥有的像素数目,即 "像素密度",density和dpi的关系为 density = dpi/160

    weight:是权重的意思,weight所计算出来的宽度=原来宽度+剩余空间所占百分比的宽度;例如:宽度=n

        Button1: width:matchparent , height:0dp , weight:1    1/3n=0+1/3n

        Button2: width:matchparent , height:0dp , weight:2

        如果Button1,height: width:matchparent , 2/3n=n+(n-2n)*1/3 

drawable- mdpi、drawable- hdpi、drawable-xhdpi、drawable-xxhdpi、drawable-xxxhdpi的区别:

(1)drawable-mdpi    size=48*48    160dpi    density=1

(2)drawable-hdpi    size=72*72    240dpi    density=1.5

(3)drawable-xhdpi    size=96*96   320dpi    density=2

(4)drawable-xxhdpi    size=144*144    480dpi    density=3

(5)drawable-xxxhdpi    size=192*192    640dpi    density=4

Android系统有自动渲染机制,会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片;在设计图标时,对于以上五种主流像素密度,应按照2:3:4:6:8的比例进行缩放;例如:一个图标尺寸为48*48dp,这表示在mdpi屏幕上的实际尺寸是48*48px,而在hdpi屏幕上是实际大小的1.5倍(像素密度/160=实际像素),72*72px,在xhdpi上是实际大小的2倍(96*96px),以此类推.

>>限定符:Android3.2之后使用res/layout/main.xml和res/layout-sw600dp/main.xml对平板进行适配(sw: SmallWidth)

>>别名布局:(3.2之前需要在layout-large和layout-sw600dp放同一个xml文件,别名布局可以只放置一个就可以)

res/layout/main1.xml    布局1

res/layout/main2.xml    布局2

3.2之前布局res/values-large/layouts.xml:

<resource>

    <item name="main" type="layout"> @layout/main1</item>

</resource>

3.2之后布局res/values-sw600dp/layouts.xml:

<resource>

    <item name="main" type="layout"> @layout/main2</item>

</resource>

方向布局:

res/values-sw600dp-land/layouts.xml:横向

<resource>

    <item name="main" type="layout"> @layout/main1</item>

</resource>

res/values-sw600dp-port/layouts.xml:竖直

<resource>

    <item name="main" type="layout"> @layout/main2</item>

</resource>

>>针对屏幕宽度不一致适配:  建立多种分辨率values文件夹,建立dimens.xml,layout中引用dimens中的宽高




  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值