《关于IOS和android切图适配小科普.docx》由会员分享，可在线阅读，更多相关《关于IOS和android切图适配小科普.docx（3页珍藏版）》请在三一办公上搜索。
1、关于IOS和android切图适配小科普dear all最近有些项目工作会涉及到手机设计图要切图输出的，但是市面上那么多手机型号怎么适配呢。今天跟大家分享一些相关的方法。这里主要以强大的Sketch工具为例，交互和视觉可以使用同一个工具来设计，并且拥有快速强大的切图功能。结合各种小插件，还可以快速写标注文档。目前我们多数APP设计是基于IOS来设计的，并以iphone 6为主。也就是设计界面的分辨率为750*1334px。那么切图就是输出0.5x大小的控件，且是pdf的格式。这样的切图文件是矢量的，开发通过技术手段进行各种分辨率的适配。如果设计的手机应用是基于Android系统来设计，而现在市
2、面上安卓平台的手机分辨率可谓五花八门，但开发主要的还是以mdpi，hdpi，xhdpi，xxhdpi为主。以前开发是用四套切图放进四个文件夹，适配时调用相应的文件来实现，而现在比较牛掰的技术和开发是可以使用一套切图来适配。也就是基于720*1280来设计，输出1x，1.5x，2x，3x这四个倍数来适配到mdpi，hdpi，xhdpi，xxhdpi的屏幕。综上所述，我们设计要适配两个系统时要怎么快速切图适配呢？最优的做法是，设计750*1334分辨率的稿子，输出0.5x的PDF格式的切图，优先适配IOS的机型。那Android系统适配呢？由于750分辨率和720分辨率的手机在物理尺寸上是相近的，
3、所以我们还是基于750*1334来输出安卓的切图，依然用1x，1.5x，2x，3x这四个倍数来适配到mdpi，hdpi，xhdpi，xxhdpi的屏幕。只是具体适配的时候需要开发进行微调。IOS的标注文档，只需要基于750*1334的文件来写，开发按1x、2x、3x来计算适配。Android的标注文档就涉及一个dp的概念。dp：Density-independent pixels，以160PPI屏幕为标准，则1dp=1px。dp是虚拟像素，在不同的像素密度的设备上会自动适配，比如:在320x480分辨率，像素密度为160,1dp=1px在480x800分辨率，像素密度为240,1dp=1.5p
4、x计算公式:1dp*像素密度/160 = 实际像素数所以基于320*480分辨率，1dp=1px，我们只要标注这一份，开发就可以进行倍数计算来适配。那么，IOS上我们设计了750*1334的稿子，那只要在它的标注上除以2就约等于1dp的尺寸了。聪明的开发就可以只拿着一份IOS的标准文档，同步适配到Android系统上了。.9.png的切图格式是安卓的一个切图格式，用专用工具来输出。主要作用是自适应拉伸的时候控件不会变形，但这个文件多数是开发自己来实现的，设计师只要说明控件如何拉伸即可。同时设计IOS和Android时，比较省事的做法是：1、先设计IOS的750*1334分辨率的设计稿，输出0.5x的切图来适配，切图格式是PDF，同时输出标注文档。2、基于750*1334分辨率的设计稿，输出1x的且是PNG格式的切图来适配，开发进行适配微调，标注数据就是IOS标注上的数据除以2。所以，如果开发足够支持，我们只要设计一套页面，输出两种格式切图，一个标注文档即可。PS：对px、pd、sp、pdi、ppi等相关知识有兴趣的同学可以自己百度查下以上内容是个人跟开发了解总结的，有任何问题或更好的经验，欢迎沟通交流谢谢大家
