移动端适配问题总结

作者: staffy | 来源:发表于2016-05-26 17:33 被阅读175次

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

    相关文章

      网友评论

        本文标题:移动端适配问题总结

        本文链接:https://www.haomeiwen.com/subject/kmcwxttx.html