React Native无障碍：dp与像素的区别及触摸目标像素增量计算

一、dp和像素（px）的核心区别 #

• dp（密度无关像素）：是Android专为跨设备UI一致性设计的单位，它和物理尺寸绑定，1dp约等于1/160英寸。不管设备屏幕的像素密度高低，相同dp值对应的物理大小基本一致，能保证UI在不同分辨率的手机/平板上显示效果统一。
• 像素（px）：是屏幕显示的最小物理单元，完全依赖设备的像素密度（dpi）。同样物理尺寸的屏幕，像素密度越高，单个px的实际大小就越小。比如同样是1cm宽的区域，在高dpi设备上会包含更多px，低dpi设备上包含的px更少。

简单来说：dp是为了让UI跨设备“看起来一样大”，px是屏幕上实际的显示点。

二、计算需增加的像素数量 #

要算出需要补充的像素数，你需要两个关键数据：

1. 当前按钮触摸目标的dp值（假设为current_dp）
2. 目标设备的像素密度（dpi），或者对应的Android密度桶（常用的有：mdpi=160dpi、hdpi=240dpi、xhdpi=320dpi、xxhdpi=480dpi、xxxhdpi=640dpi）

计算公式 #

需要增加的像素数 = (48 - current_dp) × (设备dpi / 160)

示例 #

比如当前按钮触摸目标是40dp，要升到48dp：

• 若设备是xhdpi（320dpi）：增加的像素数 = (48-40) × (320/160) = 8×2 = 16px
• 若设备是mdpi（160dpi）：增加的像素数 = 8 × 1 = 8px

额外提示 #

在Android开发中，完全不需要手动计算像素值——直接在布局文件里给按钮设置android:minWidth="48dp"和android:minHeight="48dp"，系统会自动根据当前设备的像素密度转换为对应的px，确保触摸目标的物理尺寸符合无障碍规范（约9mm×9mm，是适合手指触摸的最小尺寸）。

内容的提问来源于stack exchange，提问作者Bomber