You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

iOS/Android移动端App:px转mm适配cn1主题及Figma标准屏宽咨询

问题解答

一、Figma中的px值转换为CN1主题的mm值方法

要实现物理尺寸一致的跨端适配,核心是基于设计稿对应设备的像素密度(PPI),将px单位转换为物理毫米,具体步骤如下:

  1. 确认设计稿的基准PPI

    • iOS设计稿:若基于iPhone 8(@2x,750px宽度),对应设备PPI为326;若基于iPhone 13(@3x,1170px宽度),PPI为460。
    • Android设计稿:若基于mdpi基准(360px宽度),对应PPI为160;若基于xxhdpi(1080px宽度),PPI为480。
  2. 用公式计算mm值
    转换公式:

    mm值 = (px值 / 对应设备PPI) * 25.4
    

    示例:iOS @2x设计稿中16px的padding,转换后为:

    (16 / 326) * 25.4 ≈ 1.24mm
    
  3. 在CN1中应用mm值

    • 代码中直接设置样式:
      // 给组件设置1.24mm的四边margin
      myComponent.getAllStyles().setMargin(1.24f, 1.24f, 1.24f, 1.24f, UnitType.MM);
      
    • 在CN1主题文件(theme.res)中,直接输入带mm后缀的数值,比如margin: 1.24mm。

二、Figma中iOS和Android的最佳标准屏幕宽度(px单位)

iOS端

  • 通用兼容标准:375px(@1x逻辑像素),对应@2x为750px、@3x为1125px,适配多数旧款及中高端iPhone。
  • 新一代基准:390px(@1x逻辑像素),对应@2x为780px、@3x为1170px,适配iPhone 13/14系列等主流新机型。

Android端

  • 通用兼容标准:360px(mdpi基准逻辑像素),对应不同密度的物理像素为:mdpi=360px、hdpi=540px、xhdpi=720px、xxhdpi=1080px,覆盖绝大多数Android设备。
  • 新一代基准:412px(mdpi基准逻辑像素),对应xxhdpi为1236px,适配Pixel系列等主流旗舰机型。

内容的提问来源于stack exchange,提问作者Daniel Tsai

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 02:50:01