如何查看UI设计稿-dpi确定,px,dp,sp关系

1,分辨率1200X2000的10.95寸的平板,dpi如何确定?

首先,根据网上其他同学的计算:

ppi = 1200的平方+2000的平方, dpi = ppi开平方/inch, 计算得到dpi为213.

但是从平板上查询的结果如下

$ wm size
Physical size: 1200x2000
$ wm density
Physical density: 320

经过验证发现,dpi使用的是320。

2, 资源中valuse 和values-sw600dp到底如何选择的?

这里,sw600dp代表是最小的屏幕宽度为600dp,对应像素为600dp*2 = 1200px,

这里2 = 320dpi/160dpi 160dpi是基准,当设备是160dpi时,1px=1dp。

从上面知道px和dp的计算关系了,对于sp基本上可以相等于dp(1sp=1dp).

3. 再来看设计稿上面如何看

首先找到Android XHPI @2x这个选项,看整个页面的尺寸是1200X2000像素。

这样我们就知道对应的界面上面像素值。

如果边距是48px,那么资源里面定义可以写24dp,并且放在values-sw600dp下最准确。

4, 设置中的显示大小也会响应配置的资源尺寸, 下面看如何配置

如 设备800px*1280px, 默认density为1.5, 默认资源文件values-sw533dp(values-sw500dp)

一个控件宽度784px, 放在values-sw500dp、values下配置为 784/1.5=522dp

那么显示最大时,density为2.0, 对应的资源文件夹问values-sw400dp 配置为784/2=392

大家有什么疑问可以交流!


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Android 设备上,像素(Pixel)是指显示屏上的最小颜色点,而 dpsppx 则用于描述在不同分辨率的设备上,一个视觉元素的尺寸和位置。 - dp(density-independent pixels):密度无关像素。是一种基于屏幕密度的抽象单位,它可以让布局在不同的设备上有相同的显示效果。1dp 对应的像素数取决于设备的屏幕密度。通常,在设计 UI 时应使用 dp 单位。 - sp(scale-independent pixels):与 dp 类似,但用于描述文字大小。与 dp 不同的是,用户可以在系统设置中调整字体大小,因此 sp 的值会随着用户在系统设置中的调整而发生变化。 - px(pixels):像素。是屏幕上的最小显示单位,1px 对应一个实际的像素点。在设计 UI 时,应该尽量避免使用 px,因为在不同分辨率的设备上会导致 UI 显示效果不一致。 在布局文件中,可以使用 dpsp 单位来设置视觉元素的尺寸和位置,例如: ``` <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16sp" android:padding="8dp" android:text="Hello, world!" /> ``` 在代码中,可以使用以下方法将 dpsp 转换为 px: ``` // 将 dp 转换为 px int px = (int) TypedValue.applyDimension( TypedValue.COMPLEX_UNIT_DIP, 16, getResources().getDisplayMetrics()); // 将 sp 转换为 px int px = (int) TypedValue.applyDimension( TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值