如何使用一套UI适配iphone和ipad



  • 现在用的一套图(命名没有加@2x)在iphone上显示的图标过大,ipad上正好。如果图片命名加@2x,则iphone上显示正常,ipad上显示过小,如何处理能使在两个平台都以正确的大小显示呢?
    下面是分别在iphone和ipad上没有加@2x的效果:
    0_1497575245842_屏幕快照 2017-06-16 上午9.04.32.png
    0_1497575270036_屏幕快照 2017-06-16 上午9.03.22.png



  • 已解决,可以使用设计稿的尺寸与屏幕的dp对比,从而来适配。
    dp = (Screen.width)/design.width * Image.Width进行适配。



  • 你的解决方案并不好,以后做横竖屏适配的时候会很痛苦,建议使用比例,如

    width: 10%,
    height: 10%


登录后回复