移动端适配问题总结

设计出一套750的效果图(标注尺寸用)

扩大到1080,切出3x的图。(对包大小有要求的,可以只用最大的这套图)

在代码中定义个尺寸计算类,由于基准是750,得出计算公式

ios为(当前屏幕宽度/375)*(效果图标注的尺寸/2)

android为(当前屏幕宽度/750)*效果图标注的尺寸

swift

func getAdaptationSize(size:CGFloat) -> CGFloat {

    return (UIScreen.mainScreen().bounds.width/375.0)*(size/2)

}

java

public float getAdaptationSize(int size) {

   //curScreenWidth是当前屏幕宽度,在activity中通过DisplayMetrics获取

    return  (curScreenWidth/750f)* size; 

}

举例说明:

设计给出的750宽的效果图上有一个宽200的按钮。

当屏幕宽为640时,这个按钮的尺寸如下:

ios中调用getAdaptationSize(200),代码中的尺寸是 (640/750)*(200/2) = 85.33,由于是2x,所以显示的物理像素是85.33*2=170.67

android中调用getAdaptationSize(200),直接得出170.67

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容