学习笔记：APP切图那点事儿–详细介绍android和ios平台

学习笔记：APP切图那点事儿–详细介绍android和ios平台

转载自：http://www.woofeng.cn/articles/168.html   版权归原作者所有

作者：亚茹有李

原文地址：http://blog.boocss.com/app-android-ios/

一.android版

　　在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了

需要注意的：

　　A：android主要有3种屏，即：

　　QVGA和WQVGA屏density=120;

　　HVGA屏density=160;

　　WVGA屏density=240;

　　B：apk的资源包中，

　　当屏幕density=240时使用hdpi标签的资源

　　当屏幕density=160时使用mdpi标签的资源

　　当屏幕density=120时使用ldpi标签的资源；

　　C：我们标注的是PX，但是技术的算法是DP，所以需要PX和DP进行转化，PX和DP的转化主要跟密度有关系，当密度density=160即（屏幕尺寸：320*480）时，1PX=1DP；当密度density=240即（屏幕尺寸：480*800）时，1PX=0.75DP；当屏幕的尺寸大于480*800的时候，密度都按照240计算即可；当密度density=120即（屏幕尺寸：240*320）时，这个现在几乎没有人用了，所以我也不知道转化公式，如果您知道，可以留言告诉我啊——

　　注意：因为我们做的是基于480*800尺寸的，大家都知道android的尺寸太多了，要想适配现在流行的尺寸，比如：640*960；720*1280等，唯一的解决办法就是图标可以根据不同尺寸各做一套，也就是图标需要做480、640和720共3套图标，不过如果你们的产品的要求不严格，做一套就可以，只不过是在大于480尺寸的屏幕上有些图标被拉大变虚而已——

屏幕density	apk的资源包	PX和DP的转化	屏幕尺寸
QVGA和WQVGA屏   120	ldpi	-	240*320
HVGA屏density    160	mdpi	1PX=1DP	320*480
WVGA屏  240	hdpi	1PX=0.75DP	480*800

二.ios版

需要注意的：

　　A：我们标注的尺寸是像素px，技术那边的实际运用到技术中的是像素的一半，即像素的一半=技术的尺寸；例如：“分类”2个字，我标准的是36px，技术那边的尺寸就是18px；

　　B：所有文字，行间距的标注的尺寸都是偶数；因为技术那边都是根据我们的尺寸除以2；

　　C：颜色的标注有的技术要求16进制，有的技术要求RGB，由于页面的限制所以我只标注了16进制的，按16进制和RGB都标注的是最好的——

　　注意：因为我们做的基于640*960尺寸的，ios共有3套尺寸，因为640*960和640*1136的宽度是不变的，所以图标没有变化重新切，只是行间距需要调整下；320*480尺寸的是640*960的一半，所以技术完全可以根据你标注的640的尺寸做就可以——

　　三.android和ios的转化关系

　　1.因为ios的尺寸是640*960，android当密度等于120即（320*480）时，1PX=1DP，所以android和ios的标注像素之间的换算关：即ios像素尺寸*1/2=android dp尺寸；

　　2.如果你们的产品同时做android和ios，你只想标注一套尺寸的时候，就可以标注ios版的标注去计算即可。

　　在做ios版本设计的时候，尺寸有3种，分别是：320*480、640*960、640*1136；这时我们要以一种尺寸为基准，那这个基准尺寸是640px*960px，设计图完成之后就开始切图了，