自动布局屏幕适配iOS Developer移动开发

移动端适配问题总结

2016-05-26  本文已影响175人  staffy

设计出一套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

上一篇 下一篇

猜你喜欢

热点阅读