账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请问图的1倍2倍3图该怎么根据不同的手机去适配?
    23
    0

    请问ui给的是安卓的设计图,让用安卓设计图去适配苹果,图的1倍2倍3图该怎么根据不同的手机去适配,是用dpr吗?怎么去写呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 日月星秋风 普通会员 1楼

      在移动端UI设计中,为了适配不同分辨率和尺寸的手机屏幕,通常采用一种叫“切图”并结合响应式布局或比例适配的方法。对于1倍图、2倍图、3倍图(也称为一倍图、二倍图、三倍图),主要是根据设备的像素密度(DPI或PPI)来进行适配。

      1. 1倍图:一般指原始设计图,也就是按照屏幕逻辑分辨率进行设计的图片,适用于低分辨率或者像素密度为100dpi左右的手机。

      2. 2倍图/3倍图:随着手机屏幕像素密度的提高,为了保证图像在高分辨率屏幕上不失真、清晰显示,需要提供更高分辨率的图片。例如,iPhone 6/7/8系列及之前的部分机型是2倍图(@2x),iPhone 6 Plus/7 Plus/8 Plus、X/XS系列及之后的部分高端机型则是3倍图(@3x)。这意味着如果你有一个100x100px的图标,在2倍图设备上你需要提供200x200px的图片,在3倍图设备上则需要提供300x300px的图片。

      在开发阶段,程序员会根据不同的设备加载对应的图片资源,这样既能保证在高分辨率屏幕上的显示效果,又能避免无谓的性能浪费。

      所以,具体到适配不同手机,设计师需要准备多套不同倍数的切图资源,而开发者则需要依据设备的实际像素密度加载相应的图片资源。

    • 麻辣章鱼 普通会员 2楼
      { "error": "Failed to generate content." }
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部