为了使UI界面在不同大小的移动端显示器上能够正常显示,大家可能都知道使用sp作为字体大小的单位,dp作为其他元素长度的单位。
前几天看了一篇文章关于 App设计规范的,文章用心写的非常好,这里是链接 http://www.25xt.com/appdesign/10821.html 。但是费解的是所有的长度单位都是用px。好吧,“”原谅“这位UI设计师良心ps的一张app设计规范图。在UI布局的时候有必要了解一下android设备的适应了。
先来问大家几个问题,
1.android设备中有哪些 度量单位?
2.像素的最小单位是多少?
3.什么是屏幕分辨率?
4.什么是独立像素密度?
5.屏幕尺寸是指长和宽的物理尺寸?
说实在了,刚开始这几个问题我知道的也很模糊,也就知道个大概的样子。看了这篇文章你就明白了
1.屏幕尺寸
2.屏幕分辨率
虽然这个问题太基础了,的确。市场上主流分辨率有480*800 、720*1280、1080*1920。在计算机屏幕的水平和垂直方向上有 多少个像素,屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚。单位是px,1px=1个像素点。看看苹果手机平布尺寸和分辨率吧。
苹果型号 | 主屏屏幕大小 | 系统 | 摄像 |
iPhone1代 | 3.5英寸320×480像素 | iOS3.0 | 200万像素 |
iPhone2代 (iPhone 3G) |
3.5英寸320×480像素 | iOS3.0 | 200万像素 |
iPhone 3GS | 3.5英寸480x320像素 | iOS3.0 | 300万像素 |
iPhone4 | 3.5英寸960x640像素 | iOS5.0 | 500万像素 |
iPhone4S | 3.5英寸960x640像素 | iOS7.0 | 700万像素 |
iPhone 5 | 4英寸1136x640像素 | iOS6.0 | 800万像素 |
iphone5s | 4英寸1136x640像素 | iOS7.0 | 800万像素 |
iphone5c | 4英寸1136x640像素 | iOS7.0 | 800万像素 |
iphone6 | 4.7英寸1334x750像素 | iOS8.0 | 800万像素 |
iphone6s | 4.7英寸1334x750像素 | iOS9 | 1200万像素 |
iphone6 plus | 5.5英寸1920x1080像素 | iOS8.0 | 800万像素 |
iphone6s plus | 5.5英寸 1920x1080像素 | iOS 9 | 1200万像素 |
下面我们就来说说这些基本长度单位吧。
3.android中元素的常用度量单位dp
4.android不常用的度量单位px 、sp 、pt
5.android中常用的字体度量单位px和sp的区别:
但是在浏览器和移动设备中不能设置小于1像素单位的,即时设置小于1的,实际最终显示的结果也是四舍五入。在android中几乎不用px来作为字体大小的单位,用px的缺点很明显,在于它是一个绝对长度,在每英寸160点的显示器和在每英寸240的显示器字体大小不一样。如图在不同分辨率中,显示效果的物理大小还是有一定区别的
android规范字号sp | 对应的像素高度px |
12 | 20 |
14 | 24 |
18 | 30 |
22 | 36 |
6.android尺寸适配原理:
drawable-xhdpi四个目录。好像java里面会自动创建,UI中的各种小图标在需要放在这些不同dpi中的文件夹,所以我们需要去创建这几个文件夹。
drawable-hdpi、drawable-mdpi、drawable-ldpi、drawable-xhdpi的区别:
(1)drawable-hdpi存放高分辨率的图片,如(480*800),(480x854)
(2)drawable-mdpi存放中等分辨率的图片,如 (320*480)
(3)drawable-ldpi存放低分辨率的图片,如(240*320)
(4)drawable-xhdpi 里面超高分辨率图片600*960
7.Android UI设计中的48dp定律原则
作者:张林
标题:xamarin android 布局尺寸了解 原文地址:http://blog.csdn.net/kebi007/article/details/72911176
转载随意注明出处