iOS/Android移动端App:px转mm适配cn1主题及Figma标准屏宽咨询
问题解答
一、Figma中的px值转换为CN1主题的mm值方法
要实现物理尺寸一致的跨端适配,核心是基于设计稿对应设备的像素密度(PPI),将px单位转换为物理毫米,具体步骤如下:
确认设计稿的基准PPI
- iOS设计稿:若基于iPhone 8(@2x,750px宽度),对应设备PPI为326;若基于iPhone 13(@3x,1170px宽度),PPI为460。
- Android设计稿:若基于mdpi基准(360px宽度),对应PPI为160;若基于xxhdpi(1080px宽度),PPI为480。
用公式计算mm值
转换公式:mm值 = (px值 / 对应设备PPI) * 25.4示例:iOS @2x设计稿中16px的padding,转换后为:
(16 / 326) * 25.4 ≈ 1.24mm在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
相关产品推荐
相关产品推荐

