android ui设计
2016-02-01 16:34
375 查看
基本概念:
dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使 用这个,不依赖像素。
dp: dip是一样的
px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。
pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
sp: scaled pixels(放大像素). 主要用于字体显示best for textsize
PPI = Pixels per inch,每英寸上的像素数,即 "像素密度",可以忽略等于dip
drawable-ldpi、drawable-mdpi、drawable-hdpi 精度分别为低、中(android默认)、高。
对应的图片大小为:36x36、48x48、72x72。
xxhdpi: 144*144
xhdpi:96*96
hdpi:72*72
mdpi:48*48
ldpi:36*36
px换算成dp和sp公司如下:
px = dp*dip/160
dp = px / (dip/ 160)
px = sp*dip/160
sp = px / (dip / 160)
也就是如果ui那iphone5s做效果图的话,iphone5s的ppi为326ppi即320dp,所以ui图上的dp:px = sp:px=1:2
下图是ios和android界面大致尺寸:
dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使 用这个,不依赖像素。
dp: dip是一样的
px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。
pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
sp: scaled pixels(放大像素). 主要用于字体显示best for textsize
PPI = Pixels per inch,每英寸上的像素数,即 "像素密度",可以忽略等于dip
drawable-ldpi、drawable-mdpi、drawable-hdpi 精度分别为低、中(android默认)、高。
对应的图片大小为:36x36、48x48、72x72。
xxhdpi: 144*144
xhdpi:96*96
hdpi:72*72
mdpi:48*48
ldpi:36*36
px换算成dp和sp公司如下:
px = dp*dip/160
dp = px / (dip/ 160)
px = sp*dip/160
sp = px / (dip / 160)
也就是如果ui那iphone5s做效果图的话,iphone5s的ppi为326ppi即320dp,所以ui图上的dp:px = sp:px=1:2
下图是ios和android界面大致尺寸:
相关文章推荐
- Incorrect string value: '\xE4\xBC\x9A\xE5\x91\x98' for column 'recipient' at row 1
- ThreadPoolExecutor线程池解析与BlockingQueue的三种实现
- Liferay开发实战(2):Service Builder生成持久化层,及开发服务层
- Android中View的requestLayout()与invalidate()方法的理解
- EasyUI 中GridView 满足某条件 改变行的背景色
- UIImagePickerController简单使用
- 【Volley核心类分析】RequestQueue(一)
- UIButton 的所有点击事件及状态总结
- NGUI部分组件
- MPU(Memory Protection Units) 《ARM System Developer's Guide》Chapter-13
- iOS 之 [UIScreen mainScreen].scale
- myBatis抛出异常Result Maps collection already contains value ...
- NSURLRequestCachePolicy 缓存策略
- poj1679 The Unique MST(次小生成树)
- iOS编程——经过UUID和KeyChain来代替Mac地址实现iOS设备的唯一标示(OC版)
- 波浪交互设计与技术实现
- 马赛克滤镜效果
- MediaCodec 编码H264 编码一帧后dequeueOutputBuffer为-1的问题
- hdu Crazy Circuits
- 使用SiteMesh和EasyUI创建Web网站