屏幕适配,px和dp, sp换算公式
2015-10-21 22:16
281 查看
换算公式:
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中的宽高
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中的宽高
相关文章推荐
- Window 下搭建OSQA系统
- 自测-2 素数对猜想
- [JAVA练习] Josephu 约瑟夫问题
- 互联网到底能干什么?我们还能干些什么?
- Python -- 装饰器
- STL学习笔记-入门概念
- 自测-1 打印沙漏
- keepalived,代理及双主模型
- autofs配置小结
- OpenCV-图像的基本操作
- 使用sudo时user is not in sudoers file的解决
- PostgreSQL psql: could not connect to server: Connection refused
- 多行条件判断
- 5-28 猴子选大王
- Android中保存和恢复Fragment状态的最好方法-1
- 黑马程序员-C语言的输入函数
- 解决Windows和Ubuntu时间不一致的问题
- 在手机内存储器中读取字符文件
- Struts1的bean:write标签无法输出int、float等数据类型的解决情况
- 汇编学习笔记---(1)基础知识